/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ShowMoreCard/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__rmAEl {
  width: 200px !important;
  height: 320px !important;
  border-radius: 16px;
  box-shadow:
    0px 5.11px 7.67px -2.56px rgba(16, 24, 40, 0.03),
    0px 15.33px 20.44px -5.11px rgba(16, 24, 40, 0.08);
  position: relative;
  text-decoration: none;
  display: block !important;
  background: linear-gradient(270deg, #b02e0c 0%, #ff6b6b 100%);
  cursor: pointer;
}

.style_cardText__52aHG {
  position: absolute;
  font-family: "Gilmer";
  font-size: 38px;
  font-weight: 700;
  line-height: 30.67px;
  color: rgba(255, 255, 255, 1);
  margin: 0;
}

.style_cardButton___wrc8 {
  width: 60px !important;
  height: 60px !important;
  display: flex;
  border-radius: 30px;
  background: rgba(255, 255, 255, 1);
  box-shadow:
    0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 5px 5px 0px rgba(0, 0, 0, 0.09),
    0px 11px 6px 0px rgba(0, 0, 0, 0.05),
    0px 19px 8px 0px rgba(0, 0, 0, 0.01),
    0px 30px 8px 0px rgba(0, 0, 0, 0);

  justify-content: center;
  align-items: center;
  z-index: 10px;
  position: absolute;
  top: 229px;
  left: 70px;
}
@media (max-width: 1312px) {
  .style_card__rmAEl {
    width: 150px !important;
    height: 270px !important;
    border-radius: 16px;
    box-shadow:
      0px 5.11px 7.67px -2.56px rgba(16, 24, 40, 0.03),
      0px 15.33px 20.44px -5.11px rgba(16, 24, 40, 0.08);
    position: relative;
    text-decoration: none;
    display: block !important;
    background: linear-gradient(270deg, #b02e0c 0%, #ff6b6b 100%);
    cursor: pointer;
  }
  .style_cardText__52aHG {
    position: absolute;
    font-family: "Gilmer";
    font-size: 30px;
    font-weight: 700;
    line-height: 30.67px;
    color: rgba(255, 255, 255, 1);
    margin: 0;
  }
  
  .style_cardButton___wrc8 {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    box-shadow:
      0px 1px 3px 0px rgba(0, 0, 0, 0.1),
      0px 5px 5px 0px rgba(0, 0, 0, 0.09),
      0px 11px 6px 0px rgba(0, 0, 0, 0.05),
      0px 19px 8px 0px rgba(0, 0, 0, 0.01),
      0px 30px 8px 0px rgba(0, 0, 0, 0);

    justify-content: center;
    align-items: center;
    z-index: 10px;
    position: absolute;
    top: 199px;
    left: 45px;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./styles/page.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.page_main__51ksU {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100% - 123px);
  flex-direction: column;
  overflow-y: auto !important; /* Dikey scroll aktif */
  overflow-x: auto !important; /* Yatay scroll aktif */
  white-space: nowrap !important;
  gap: 32px;
  padding-top: 163px;
  background: rgba(255, 255, 255, 1);
  padding-bottom: 100px;
}

@media (max-width: 1311px) {
  .page_main__51ksU {
    padding-top: 93px;
  }
  .page_advertContent__aVAxi {
    height: auto !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    flex-direction: column !important;
  }
  .page_carousel__37CHO {
    height: 140px !important;
  }
  .page_firstAdvertContent__xJA9y {
    height: 140px !important;
  }
  .page_carouselItem__SGdPq {
    height: 140px !important;
  }
}

.page_main__51ksU::-webkit-scrollbar {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
}

.page_main__51ksU::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 4px !important;

  display: block;
  width: 12px;
  height: 12px;
}

.page_main__51ksU::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.page_main__51ksU::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1) !important;
}

.page_advertContent__aVAxi {
  width: 1312px;
  height: 240px;
  gap: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page_sportsContent__unTND {
  width: 1312px;
  height: 172px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page_sportsTitle__kzRrW {
  width: 100%;
  height: 32px;
  font-family: Gilmer;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0.012em;
  color: rgba(14, 14, 16, 1);
}
.page_sports__wITnj {
  width: 1332px;
  height: 160px;
  gap: 16px;
  flex-direction: row;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  padding-left: 10px;
  padding-right: 10px;
}

.page_sports__wITnj::-webkit-scrollbar {
  display: none; /* Chrome, Safari ve Edge için scrollbar gizleme */
}

.page_fourAdvertsContent__Vznil {
  width: 1312px;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.page_fourAdvertsContent__Vznil div {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page_allProductsContent__IgfZU {
  width: 1312px;
  gap: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.page_allProductsContent__IgfZU h2 {
  font-family: Gilmer;
  font-size: 23px;
  font-weight: 700;
  line-height: var(--Spacingspacing-8);
  letter-spacing: 0.012em;
  text-align: left;
  color: rgba(14, 14, 16, 1);
}

.page_allProductsContent__IgfZU div {
  width: 1312px;
  gap: 20px;
  flex-direction: column;
  display: flex;
}

.page_allProductsContent__IgfZU div div {
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
  gap: 22.2px;
}

.page_allProductsContent__IgfZU div div > * {
  width: 200px;
}

.page_departmentContent__OAAhP {
  width: 1312px;
  height: 364px;
  gap: 16px;
  display: flex;
  background-color: brown;
}

.page_bannerContent__dUtD5 {
  width: 1312px;
  height: 240px;
  gap: 24px;
  display: flex;
  flex-direction: row;
}
.page_bannerInnerContent__IZhKc {
  width: 492px;
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_bannerAuthContent__ezL_e {
  width: 289px;
  height: 68px;
  gap: 8px;
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  margin-top: -68px;
  margin-left: -1px;
  flex-direction: row;
  z-index: 1;
}
.page_bannerSignUpButton__n48_J {
  width: 91px;
  height: 44px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(--dark-blue-700, rgba(43, 71, 121, 1));
  border: none;
  font-family: Gilmer;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1.2%;
  color: var(--dark-blue-50, rgba(244, 246, 251, 1));
  cursor: pointer;
}
.page_bannerContent__dUtD5 div div p {
  width: 31px;
  height: 44px;
  gap: 8px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: Gilmer;
  font-weight: 600;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.2%;
  color: var(--greu-600, rgba(75, 96, 111, 1));
  display: flex;
}
.page_bannerLoginButton__HT2_b {
  width: 103px;
  height: 44px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(--dark-blue-50, rgba(244, 246, 251, 1));
  border: none;
  font-family: Gilmer;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2%;
  color: var(--greu-600, rgba(75, 96, 111, 1));
  cursor: pointer;
}
.page_green__h1qNT {
  background: var(
    --Button-Colors-ButtonBlueShade,
    linear-gradient(270deg, #3c6d71 0%, #8eb1c7 100%)
  );
}
.page_brandsContainer__1au11 {
  display: flex;
  height: 72px;
  align-items: flex-start;
  gap: var(--Spacing-spacing-3, 12px);
  flex-shrink: 0;
  align-self: stretch;
  width: 1312px;
}
.page_brandsContainer__1au11 p {
  color: #0e0e10;
  text-align: center;
  font-family: Gilmer;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.156px;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_brand__UF53q {
  display: flex;
  width: 60px;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.page_brand__UF53q:hover .page_brandLogoContainer__4qlzZ {
  width: 60px;
  height: 60px;
  overflow: visible;
  white-space: normal;
}
.page_brand__UF53q:hover p {
  overflow: visible;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.page_brandLogoContainer__4qlzZ {
  display: flex;
  width: 52px;
  height: 52px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7.797px;
  flex-shrink: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow:
    0px 25.99px 7.797px 0px rgba(231, 55, 37, 0),
    0px 16.894px 6.498px 0px rgba(231, 55, 37, 0.01),
    0px 9.097px 5.198px 0px rgba(231, 55, 37, 0.05),
    0px 3.899px 3.899px 0px rgba(231, 55, 37, 0.09),
    0px 1.3px 2.599px 0px rgba(231, 55, 37, 0.1);
}
.page_discoverProducts__jeqCR {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.page_discoverProducts__jeqCR h2 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
}
.page_discoverProducts__jeqCR div {
  display: flex;
  height: 258px;
  align-items: center;
  gap: var(--Spacing-spacing-4, 16px);
  align-self: stretch;
}
.page_carousel__37CHO {
  position: relative;
  width: 819px;
  height: 240px;
  border-radius: 20px;
  overflow: hidden;
}

.page_carouselImages__ZpDjB {
  display: flex;
}

.page_carouselItem__SGdPq {
  flex: none;
  width: 819px;
  height: 240px;
}

.page_firstAdvertContent__xJA9y {
  height: 240px !important;
}

@media (max-width: 818px) {
  .page_carouselImages__ZpDjB {
    transform: translateX(
      -100vw
    ); /* Full width of the viewport on smaller screens */
  }
}

@media (min-width: 819px) {
  .page_carouselImages__ZpDjB {
    transform: translateX(-819px); /* Set a max width for larger screens */
  }
}

/* Dynamically create classes for different index positions */
.page_carouselImages-0__8v3Fz {
  transform: translateX(0);
}

.page_carouselImages-1__QZCKn {
  transform: translateX(-100vw); /* For first slide */
}

.page_carouselImages-2__bYct_ {
  transform: translateX(-200vw); /* For second slide */
}
.page_carouselItem__SGdPq {
  flex: none; /* Prevent flex items from shrinking */
  width: 819px; /* Remove quotes */
  height: 240px; /* Remove quotes */
}

.page_dots__AnYHT {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 5.36px;
}

.page_dot__L1Zt1 {
  width: 10.72px;
  height: 10.72px;
  border-radius: 50%; /* Corrected border-radius */
  cursor: pointer;
}

.page_campaignsContent__YHzBs {
  width: 1312px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.page_campaigns__FKFU0 {
  display: flex;
  gap: 24px;
}
@media (max-width: 1312px) {
  .page_firstAdvertContent__xJA9y {
    display: none;
  }
  .page_carousel__37CHO {
    width: 819px;
  }
  .page_allProductsContent__IgfZU {
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page_allProductsContent__IgfZU div {
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .page_allProductsContent__IgfZU h2 {
    font-family: Gilmer;
    font-size: 23px;
    font-weight: 700;
    line-height: var(--Spacingspacing-8);
    letter-spacing: 0.012em;
    text-align: left;
    color: rgba(14, 14, 16, 1);
    width: 100% !important;
    padding-left: calc((100vw - 322px) / 2);
  }
  .page_allProductsContent__IgfZU div div > * {
    width: 150px;
  }
  .page_sportsContent__unTND {
    width: 95vw;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .page_sportsTitle__kzRrW {
    width: 100% !important;
    padding-left: 12px;
  }
  .page_sports__wITnj {
    width: 100%; /* Genişliği ekrana göre ayarla */
    height: 160px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    scrollbar-width: none; /* Firefox */
  }

  .page_sports__wITnj::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  .page_brandsContainer__1au11 {
    display: flex;
    align-items: center;
    height: 72px;
    width: 95vw;
    overflow-x: auto; /* Yatay kaydırma */
    overflow-y: hidden; /* Dikey kaydırma engellenir */
    white-space: nowrap; /* Satır kırılması engellenir */
    flex-wrap: nowrap; /* Tek satır zorunlu */
    -webkit-overflow-scrolling: touch; /* iOS için kaydırma */
  }
  .page_brandsContainer__1au11::-webkit-scrollbar {
    display: none;
  }

  .page_fourAdvertsContent__Vznil {
    width: 100vw;
    gap: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page_fourAdvertsContent__Vznil div {
    width: 100vw;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page_bannerContent__dUtD5 div {
    display: none;
  }
  .page_bannerContent__dUtD5 {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page_discoverProducts__jeqCR {
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .page_discoverProducts__jeqCR h2 {
    color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
    font-family: Gilmer;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--Spacing-spacing-8, 32px);
    letter-spacing: 0.312px;
    width: 100% !important;
    padding-left: calc((100vw - 322px) / 2);
  }
  .page_discoverProducts__jeqCR div {
    flex-wrap: wrap;
    height: auto;

    align-items: center;
    display: flex;
    width: 100%;
    height: 100%;
    padding-left: calc((100vw - 322px) / 2);
  }
  .page_main__51ksU {
    width: 100vw;
    overflow-y: hidden !important; /* Dikey scroll pasif */
    overflow-x: hidden !important; /* Yatay scroll pasif */
  }
}

@media (max-width: 819px) {
  .page_carouselItem__SGdPq,
  .page_carousel__37CHO,
  .page_carouselImage__TOX2E {
    width: 100vw;
  }
  .page_carouselImage__TOX2E {
    padding: 0 20px;
  }
  .page_dots__AnYHT {
    display: none;
  }
}
.page_collectionsContainer__vXxjL {
  width: 1312px;
  height: 324px;
  gap: 16px;
  flex-direction: column;
  display: flex;
}
.page_collectionsContainer__vXxjL h2 {
  font-family: "Gilmer";
  font-size: 23px;
  font-weight: 700;
  line-height: var(--Spacingspacing-8);
  letter-spacing: 0.012em;
  text-align: left;
  color: rgba(14, 14, 16, 1);
  width: 100% !important;
}
.page_collectionsContent__KRMxo {
  width: 1312px;
  height: 280px;
  gap: 16px;

  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/DiscoverCard/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__cZNE9 {
  display: flex;
  width: 200px;
  height: 260px;
  padding: var(--Spacing-spacing-2, 8px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-spacing-3, 12px);
  border-radius: var(--Border-Radius-rounded-2xl, 16px);
  background: var(--Black-50, #f6f6f6);
  box-shadow:
    0px 12.464px 16.619px -4.155px rgba(16, 24, 40, 0.08),
    0px 4.155px 6.232px -2.077px rgba(16, 24, 40, 0.03);
}
.style_card__cZNE9:hover {
  width: 215.385px;
  height: 280px;
  border-radius: 17.231px;
  background: var(
    --Button-Style-Button-Disable,
    linear-gradient(
      90deg,
      var(--CTA-50, #fff2f1) 0%,
      var(--CTA-200, #ffcdc7) 100%
    )
  );
  box-shadow:
    0px 13.423px 17.898px -4.474px rgba(16, 24, 40, 0.08),
    0px 4.474px 6.712px -2.237px rgba(16, 24, 40, 0.03);
}
.style_imageWrapper__1hZ7D {
  height: 211.077px;
  max-height: 211.077px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 8.615px;
}

.style_cardImage__4G7kw {
  display: none;
}

.style_cardInformation__9KemJ {
  width: 176px;
  height: 80.77px;
  display: flex;
  flex-direction: column;
}

.style_productName__0DKTi {
  width: 176px;
  font-family: "Gilmer";
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.012em;
  color: rgba(0, 0, 0, 1);
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  flex: 1 1;
}

.style_brand__BEKyp {
  color: #000;
  text-align: center;
  font-family: Gilmer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}

.style_productType__Y1y1c {
  font-family: "Gilmer-Medium";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: left;
  display: flex;
  color: rgba(0, 0, 0, 1);
}
.style_productPriceContainer__78znY {
  height: 30px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.style_productPrice__BHvWX {
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: left;
  display: flex;
  color: rgba(0, 0, 0, 1);
}
.style_detailButtonImage__Ubr3I {
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 15px;
  background: rgba(255, 255, 255, 1);
  box-shadow:
    0px 1.28px 3.85px 0px rgba(0, 0, 0, 0.1),
    0px 6.41px 6.41px 0px rgba(0, 0, 0, 0.09),
    0px 14.1px 7.69px 0px rgba(0, 0, 0, 0.05),
    0px 24.36px 10.26px 0px rgba(0, 0, 0, 0.01),
    0px 38.46px 10.26px 0px rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
}
.style_productPriceOldContainer__7KY_Z {
  flex-direction: column;
  display: flex;
  gap: 2px;
  height: 34px;
}
.style_oldPrice__1j449 {
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.2%;
  text-decoration: line-through;
  color: var(--greu-600, rgba(75, 96, 111, 1));
  margin-left: 4px;
}
.style_newPrice__LGriu {
  width: auto;
  height: 20px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(--warning-200, rgba(255, 213, 168, 1));
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--dark-blue-950, rgba(17, 24, 39, 1));
  padding-left: 4px;
  padding-right: 4px;
}
@media (max-width: 1312px) {
  .style_card__cZNE9 {
    display: flex;
    width: 150px;
    height: 210px;
    padding: var(--Spacing-spacing-2, 8px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-spacing-3, 12px);
    border-radius: var(--Border-Radius-rounded-2xl, 16px);
    background: var(--Black-50, #f6f6f6);
    box-shadow:
      0px 12.464px 16.619px -4.155px rgba(16, 24, 40, 0.08),
      0px 4.155px 6.232px -2.077px rgba(16, 24, 40, 0.03);
  }
  .style_card__cZNE9:hover {
    width: 165.385px;
    height: 230px;
    border-radius: 17.231px;
    background: var(
      --Button-Style-Button-Disable,
      linear-gradient(
        90deg,
        var(--CTA-50, #fff2f1) 0%,
        var(--CTA-200, #ffcdc7) 100%
      )
    );
    box-shadow:
      0px 13.423px 17.898px -4.474px rgba(16, 24, 40, 0.08),
      0px 4.474px 6.712px -2.237px rgba(16, 24, 40, 0.03);
  }
  .style_imageWrapper__1hZ7D {
    height: 161.077px;
    max-height: 161.077px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8.615px;
  }
  .style_cardInformation__9KemJ {
    width: 126px;
    height: 80.77px;
    display: flex;
    flex-direction: column;
  }
  .style_productName__0DKTi {
    width: 126px;
    font-family: "Gilmer";
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.012em;
    color: rgba(0, 0, 0, 1);
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    flex: 1 1;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/react-loading-skeleton/dist/skeleton.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/SportsCard/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.style_card__kzAhs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  width: 86px;
  max-height: 156px;
  justify-content: flex-start;
  cursor: pointer;
}

.style_cardImage__HNC_X {
  width: 86px !important;
  height: 87px !important;
  border-radius: 12px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    width 0.3s ease,
    height 0.3s ease,
    border-radius 0.3s ease;
}

.style_cardImage__HNC_X:hover {
  width: 96px !important;
  height: 96px !important;
  border-radius: 9px !important;
}

.style_cardTitle__z52sv {
  font-family: "Gilmer";
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  color: #111827;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 96px;
  height: 24px; /* 1 satır yüksekliği */
  overflow: hidden;
  text-align: center;

}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalLogin/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper___xNub {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__hoyla {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button___NpXz {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: Gilmer;
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_button___NpXz.style_active__Mc4fI {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__hoyla span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}
.style_modalBody__hs3IP {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__ZObub {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}
.style_closeButton__jJtIw {
  display: flex;
  justify-content: flex-end;
}
.style_rightSection__5Vjp4 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_rightSection__5Vjp4 h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer__lyPWI {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_forgotPasswordContainer__shg3S {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 20px;
  margin-right: 80px;
}
.style_buttonContainer__q5J_d {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  gap: 20px;
}
.style_forgotPassword__5tgwR {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 14px;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.style_socialMediaContainer__9YgFq {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia_____kk {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: Gilmer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}

@media (max-width: 768px) {
  .style_modalHeaderWrapper___xNub {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    /* top: 0;
    margin-bottom: 20px; */
  }
  .style_modalHeader__hoyla {
    width: 100%;
    padding: 10px 10px;
    border-radius: 0;
    box-sizing: border-box;
  }
  .style_button___NpXz {
    font-size: 16px;
    padding: 8px 12px;
  }
  .style_modalHeader__hoyla span {
    font-size: 12px;
  }
  .style_modalBody__hs3IP {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__ZObub {
    display: none;
  }
  .style_rightSection__5Vjp4 {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_rightSection__5Vjp4 h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_inputContainer__lyPWI {
    width: 100%;
    align-items: center;
  }
  .style_forgotPasswordContainer__shg3S {
    margin-right: 0;
    align-items: center;
  }
  .style_buttonContainer__q5J_d {
    width: 100%;
  }
  .style_socialMediaContainer__9YgFq {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia_____kk {
    width: 100%;
    justify-content: center;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Modal/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__WhaYH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  margin-top: 123px;
  height: calc(100vh - 123px);
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  overflow: auto;
}
.style_modalContent__AD4AE {
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
  margin-top: 24px;
  border-radius: 24px;
}
@media (max-width: 1312px) {
  .style_modalOverlay__WhaYH {
    margin-top: 73px;
    height: calc(100vh - 73px);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Input/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.style_inputContainer__RnV2o {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.style_titleContainer__BLlzB {
  display: flex;
  gap: 8px;
  align-items: center;
}
.style_title___l1nS {
  color: #111827;
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__cp8S_ {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_customInput__ThwXr {
  width: 240px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid rgba(222, 226, 230, 1);
  background: rgba(255, 255, 255, 1);
  box-sizing: border-box;
  display: flex;
  min-height: 40px;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
}
.style_passwordInput__gX0ui {
  padding: 0px 9px 0px 0px;
}
.style_input__59vsP {
  width: 100%;
  padding: 9px 16px;
  border-radius: 6px;
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  outline: none;
  color: #111827;
  background: transparent;
  border: none;
}
.style_input__59vsP[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}
.style_input__59vsP[type="number"]::-webkit-outer-spin-button,
.style_input__59vsP[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.style_input__59vsP::placeholder {
  color: rgba(173, 181, 189, 1);
}

.style_input__59vsP:disabled {
  background: var(--bg_green, #ecf1f1);
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  cursor: not-allowed;
}
.style_icon__BSMtQ {
  cursor: pointer;
  /* padding-right: 10px; */
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/AuthButton/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.style_button__F_Mez {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 12px;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%),
    linear-gradient(145.45deg, #f15025 20.39%, #e73725 79.61%); /* Buton arka planı */

  border: 1px solid;
  border-radius: 12px;
  cursor: pointer;
  /* 
  border-image-source: linear-gradient(
    to right,
    rgba(243, 246, 246, 1),
    rgba(249, 78, 58, 1),
    rgba(73, 13, 6, 1)
  ); 
  border-image-slice: 1; */
}

.style_button__F_Mez span {
  font-family: "Gilmer";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.012em;
  text-align: center;
  text-decoration: none;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--CTA-50, rgba(255, 242, 241, 1)) !important;
  padding: var(--Spacing-spacing-2, 8px) var(--Spacing-spacing-4, 16px);
  border: none;
  width: 100%;
}

.style_button__F_Mez:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalRegister/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper___i1Wu {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__sxTl2 {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button__IhKcV {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  font-family: Gilmer;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
}
.style_button__IhKcV.style_active__ypnSB {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__sxTl2 span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}
.style_modalBody__AfIgb {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__aER61 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}

.style_rightSection__hm54M {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_closeButton__LwsET {
  display: flex;
  justify-content: flex-end;
}
.style_stepContainer__Os3Gt {
  margin-top: 56px;
}
.style_rightSection__hm54M h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer___YsF7 {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_buttonContainerStep1__45k73 {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.style_buttonStep1__POE__ {
  width: 442px;
}
.style_checkboxContainer__whS2n {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-top: auto;
}

.style_socialMediaContainer__R_U__ {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia__S3tEV {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputContainerStep2__5M72t {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  gap: 12px;
}
.style_buttonContainerStep2__CNDUx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: auto;
}
.style_resendButton__Qrur6 {
  border: none;
  background-color: transparent;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));

  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputContainerStep3__JQu0T {
  display: flex;
  width: 434px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
}
.style_descriptionContainer__7ClqX {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.style_title__dzXqt {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__SYtVZ {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputStep3__KqkyL {
  display: flex;
  width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.style_inputTitle__JNvsl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.style_optionContainer__o09_7 {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  width: 434px;
  max-height: 200px;
  overflow: auto;
}
.style_optionContainer__o09_7 select {
  font-family: Gilmer;
}
.style_option__sGvMC {
  display: flex;
  padding: 9px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--green-50, #f4f9f9);

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.style_selectedOption__C6yD8 {
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--dark-blue-700, #2b4779);
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
}
.style_customSelectStyle___ncRr {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  webkitappearance: none;
  mozappearance: none;
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_buttonContainerStep3__83Cmd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  margin-right: 40px;
}
.style_placeholder___Pj1Z {
  color: #adb5bd;
}

@media (max-width: 768px) {
  .style_modalHeaderWrapper___i1Wu {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    top: 0;
    margin-bottom: 20px;
  }
  .style_modalHeader__sxTl2 {
    width: 100%;
    padding: 10px 10px;
    border-radius: 0;
    box-sizing: border-box;
  }
  .style_button__IhKcV {
    font-size: 16px;
    padding: 8px 12px;
  }
  .style_modalHeader__sxTl2 span {
    font-size: 12px;
  }
  .style_modalBody__AfIgb {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__aER61 {
    display: none;
  }
  .style_rightSection__hm54M {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_rightSection__hm54M h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_stepContainer__Os3Gt {
    margin-top: 20px;
  }
  .style_inputContainer___YsF7 {
    width: 100%;
    align-items: center;
  }
  .style_buttonContainerStep1__45k73 {
    width: 100%;
    align-items: center;
  }
  .style_buttonStep1__POE__ {
    width: 100%;
  }
  .style_checkboxContainer__whS2n {
    width: 100%;
    align-items: flex-start;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_socialMediaContainer__R_U__ {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia__S3tEV {
    width: 100%;
    justify-content: center;
  }
  .style_inputContainerStep2__5M72t {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_buttonContainerStep2__CNDUx {
    width: 100%;
  }
  .style_inputContainerStep3__JQu0T {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_inputStep3__KqkyL {
    width: 100%;
  }
  .style_optionContainer__o09_7 {
    width: 100%;
    justify-content: center;
  }
  .style_buttonContainerStep3__83Cmd {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Step/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.style_container__bP2Ol {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-6, 24px);
}
.style_step__iiNfL {
  width: 130px;
  height: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-100, #e8ecf6);
}
.style_active__43CUr {
  background: var(--dark-blue-700, #2b4779);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/CheckboxWithLabel/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.style_consentItem__CHv_k {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
  cursor: pointer;
}
.style_inlineBlockImportant__bJTlB {
  display: inline-block !important;
  margin-top: 2px !important;
}
.style_fixedWidth__Zat82 {
  flex: none; /* Remove flex properties */
  width: 32px;
  height: 24px;
}
.style_consentItem__CHv_k:last-child {
  margin: 0;
}
.style_consentItem__CHv_k input[type="checkbox"] {
  display: none;
}

.style_checkbox__5WsSn {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #800000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style_consentItem__CHv_k input[type="checkbox"]:checked + .style_checkbox__5WsSn {
  background-color: #800000;
}

.style_checkbox__5WsSn svg {
  display: none;
  width: 16px;
  height: 16px;
}

.style_consentItem__CHv_k input[type="checkbox"]:checked + .style_checkbox__5WsSn svg {
  display: inline-block;
}
.style_consentText__db_z4 {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Spacing-spacing-4, 16px);
}

.style_link__5c9Oi {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.style_link__5c9Oi:hover {
  text-decoration: underline;
}
.style_hiddenCheckbox__P09jF {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/NotificationMessage/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.style_notificationContainer__h165l {
  display: flex;
  width: 90vw;
  max-width: 866px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  flex-shrink: 0;
  border-radius: var(--Border-Radius-rounded-xl, 12px);
  box-shadow:
    0px 79px 22px 0px rgba(0, 0, 0, 0),
    0px 51px 20px 0px rgba(0, 0, 0, 0.01),
    0px 28px 17px 0px rgba(0, 0, 0, 0.05),
    0px 13px 13px 0px rgba(0, 0, 0, 0.09),
    0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  flex: auto;
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
  margin-top: 10px;
}
.style_error__bfX2t {
  background: var(--danger-800, #af0505);
}
.style_success__Rgaoh {
  background: var(--success-800, #097244);
}
.style_warning__sQAVM {
  background: var(--warning-700, #c63b08);
}
.style_notLogin__3Xulo {
  background: var(--dark-blue-700, rgba(43, 71, 121, 1));
}
.style_closeButton__XCzJC {
  margin-left: auto;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/AuthModalHeader/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalHeaderWrapper__j_s__ {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  justify-content: center;
  align-items: center;
}
.style_modalHeader__DiD1x {
  display: flex;
  padding: 12px 24px var(--Spacing-spacing-3, 12px) 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-2xl, 16px)
    var(--Border-Radius-rounded-2xl, 16px) 0px 0px;
  background: #fff;
  align-items: center;
}
.style_button__zx_lu {
  display: flex;
  height: 44px;
  padding: 10px var(--Spacing-spacing-4, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  background: var(--dark-blue-50, #f4f6fb);
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: none;

  font-family: Gilmer;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 18px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.216px;
  cursor: pointer;
}
.style_button__zx_lu.style_active__Mo1EV {
  background: var(--dark-blue-700, #2b4779);
  color: var(--dark-blue-50, #f4f6fb);
}
.style_modalHeader__DiD1x span {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-size: 13px;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ModalResetPassword/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalBody__7pswc {
  width: 90vw;
  max-width: 1090px;
  height: 705px;
  flex-shrink: 0;
  border-radius: 18.48px;
  background: var(--Background-Colors-white100, #fff);
  box-shadow:
    0px 94px 26px 0px rgba(60, 110, 112, 0),
    0px 60px 24px 0px rgba(60, 110, 112, 0.02),
    0px 34px 20px 0px rgba(60, 110, 112, 0.08),
    0px 15px 15px 0px rgba(60, 110, 112, 0.14),
    0px 4px 8px 0px rgba(60, 110, 112, 0.16);
  margin-top: 52px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}
.style_leftSection__H7QQ4 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: url("/images/login.png") no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
}
.style_rightSection__uVCEn {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 35px;
}
.style_closeButton__yRQE1 {
  display: flex;
  justify-content: flex-end;
}
.style_stepContainer__CzgYC {
  margin-top: 56px;
}
.style_rightSection__uVCEn h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: var(--Spacing-spacing-8, 32px);
  letter-spacing: 0.312px;
  margin-top: auto;
}
.style_inputContainer__yHI7u {
  display: flex;
  width: 241px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
  margin-top: 28px;
}
.style_buttonContainerStep1__79GZc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 50px;
  margin-right: 80px;
}
.style_checkboxContainer__FtVML {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-top: auto;
}
.style_socialMediaContainer__2BKN4 {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  margin-top: auto;
}
.style_socialMedia__szuKL {
  cursor: pointer;
  display: inline-flex;
  width: 213px;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--green-50, #f4f9f9);
  border: none;

  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-4, 16px);
}
.style_inputContainerStep2__XVvO1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  gap: 12px;
}
.style_buttonContainerStep2__YLCiG {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: auto;
}
.style_resendButton__B9eH5 {
  border: none;
  background-color: transparent;
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  margin-right: 20px;
  margin-top: 20px;

  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputContainerStep3__uFEln {
  display: flex;
  width: 434px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-4, 16px);
}
.style_descriptionContainer__ttJDh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.style_title__amNuA {
  color: var(--Text-Colors-Text, var(--dark-blue-950, #111827));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Spacing-spacing-6, 24px);
  letter-spacing: 0.192px;
}
.style_description__2tMYE {
  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.144px;
}
.style_inputStep3__grdZY {
  display: flex;
  width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.style_inputTitle__1UHO6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.style_optionContainer__NJURH {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  width: 434px;
  max-height: 200px;
  overflow: auto;
}
.style_optionContainer__NJURH select {
  font-family: Gilmer;
}
.style_option__2ZQN4 {
  display: flex;
  padding: 9px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-lg, 8px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--green-50, #f4f9f9);

  color: var(--Text-Colors-Text-Passive, var(--greu-600, #4b606f));
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.style_selectedOption__o79XM {
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--dark-blue-700, #2b4779);
  color: var(--Text-Colors-textWhite, var(--dark-blue-50, #f4f6fb));
}
.style_customSelectStyle__O7_hG {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  webkitappearance: none;
  mozappearance: none;
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Border-Radius-rounded-md, 6px);
  border: 1px solid var(--Gray-300, #dee2e6);
  background: var(--Default-White, #fff);

  color: var(--Gray-500, #adb5bd);
  font-family: "Gilmer";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.style_buttonContainerStep3__5V7fG {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  margin-right: 40px;
}

@media (max-width: 768px) {
  .style_modalBody__7pswc {
    flex-direction: column;
    width: 95vw;
    padding: 10px;
  }
  .style_leftSection__H7QQ4 {
    display: none;
  }
  .style_rightSection__uVCEn {
    margin-left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_closeButton__yRQE1 {
    margin-top: 10px;
  }
  .style_stepContainer__CzgYC {
    margin-top: 20px;
  }
  .style_rightSection__uVCEn h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .style_inputContainer__yHI7u {
    width: 100%;
    align-items: center;
  }
  .style_buttonContainerStep1__79GZc {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
  .style_socialMediaContainer__2BKN4 {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .style_socialMedia__szuKL {
    width: 100%;
    justify-content: center;
  }
  .style_inputContainerStep2__XVvO1 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_buttonContainerStep2__YLCiG {
    width: 100%;
  }
  .style_resendButton__B9eH5 {
    margin-right: 0;
    margin-top: 10px;
  }
  .style_inputContainerStep3__uFEln {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .style_inputStep3__grdZY {
    width: 100%;
  }
  .style_optionContainer__NJURH {
    width: 100%;
    justify-content: center;
  }
  .style_buttonContainerStep3__5V7fG {
    width: 100%;
    align-items: center;
    margin-right: 0;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/ProductCard/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.style_productCard__38IwY {
  width: 200px;
  height: 320px;
  max-height: 320px;
  padding: 12px;
  gap: 8px !important;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: var(--Border-Radius-rounded-2xl, 16px);
  border: 1.282px solid var(--Background-Colors-softgrey, #e5e5e5);
  background: var(--Base-White, #fff);
}
.style_noProductCard__ntEpf {
  width: 200px;
  height: 320px;
  max-height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  border: 1.28px solid rgb(1, 0, 0);
  overflow: hidden;
  border-radius: 16px;
  margin: 0;
  padding: 0;
}

.style_noProductCard__ntEpf p {
  margin: 0;
  padding: 0;
  font-family: "Gilmer";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  margin: 0;
  padding: 0;
}
.style_imageWrapper__qWjv8 {
  width: 176px !important;
  flex: 1 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  opacity: 1 !important;
  transition: opacity 0.3s ease-in-out !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 170px !important;
}

.style_cardImage__He9wl {
  display: none; /* Artık görsel öğeyi gizleyelim çünkü arka plan olarak verilecek */
}

.style_cardInformation__wE_Sv {
  width: 176px;
  height: 80.77px;
  display: flex;
  flex-direction: column;
}

.style_productName__A4_vT {
  width: 176px;
  font-family: "Gilmer";
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.012em;
  color: rgba(0, 0, 0, 1);
  height: 50px;
  overflow: hidden; /* Prevents overflow */
  text-overflow: ellipsis; /* Adds ellipsis (...) */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limits text to 2 lines */
  -webkit-box-orient: vertical; /* Allows line clamping */
  white-space: normal; /* Allows text to wrap */
  overflow-wrap: anywhere;
  word-break: break-word;
  flex: 1 1;
}

.style_brand__6H9ix {
  font-family: "Gilmer-Bold";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.style_productType__BxYDG {
  font-family: "Gilmer-Medium";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: left;
  display: flex;
  color: rgba(0, 0, 0, 1);
}
.style_productPriceContainer__tiwdp {
  height: 30px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.style_productPrice__AdqaQ {
  font-family: "Gilmer";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.012em;
  text-align: left;
  display: flex;
  color: rgba(0, 0, 0, 1);
}
.style_detailButtonImage__UZPev {
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 15px;
  background: rgba(255, 255, 255, 1);
  box-shadow:
    0px 1.28px 3.85px 0px rgba(0, 0, 0, 0.1),
    0px 6.41px 6.41px 0px rgba(0, 0, 0, 0.09),
    0px 14.1px 7.69px 0px rgba(0, 0, 0, 0.05),
    0px 24.36px 10.26px 0px rgba(0, 0, 0, 0.01),
    0px 38.46px 10.26px 0px rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
}
.style_productPriceOldContainer__6M3Rd {
  flex-direction: column;
  display: flex;
  gap: 2px;
  height: 34px;
}
.style_oldPrice__iHAKl {
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.2%;
  text-decoration: line-through;
  color: var(--greu-600, rgba(75, 96, 111, 1));
  margin-left: 4px;
}
.style_newPrice__IN1N5 {
  width: auto;
  height: 20px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(--warning-200, rgba(255, 213, 168, 1));
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--dark-blue-950, rgba(17, 24, 39, 1));
  padding-left: 4px;
  padding-right: 4px;
}

.style_sale__KGkyh {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-spacing-1, 4px);
}
.style_greenText__WvtlL {
  display: inline-flex;
  color: var(--selectlightblue, #3c6e71);
  text-align: center;
  font-family: Gilmer;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Border-Radius-rounded-xl, 12px);
  letter-spacing: 0.156px;
  padding: 0px !important;
  display: flex;
  gap: var(--Spacing-spacing-1, 4px);
}
.style_percent__mouc6 {
  display: inline-flex;
  padding: 3.846px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7.692px;
  border-radius: 3.077px;
  background: var(--selectlightblue, #3c6e71);
}
.style_percent__mouc6 span {
  color: #fff;
  leading-trim: both;

  text-edge: cap;
  font-family: "Gilmer";

  font-size: 11.538px;
  font-style: normal;
  font-weight: 600;
  box-shadow:
    0px 1.28px 3.85px 0px rgba(0, 0, 0, 0.1),
    0px 6.41px 6.41px 0px rgba(0, 0, 0, 0.09),
    0px 14.1px 7.69px 0px rgba(0, 0, 0, 0.05),
    0px 24.36px 10.26px 0px rgba(0, 0, 0, 0.01);
  line-height: 7.475px;
}
.style_discountAndFavoriteContent__aEskf {
  width: 179.4871826171875px !important;
  height: 25.64102554321289px !important;
  gap: 4px !important;
  flex-direction: row !important;
  display: flex !important;
  justify-content: flex-end;
}
.style_campaign__bi_Zw {
  justify-content: center;
  align-items: center;
  width: auto !important;
  height: 25.64102554321289px;
  flex-direction: row;
  display: flex;
  gap: 4px;
}
.style_favoriteSVG__puVgq {
  width: 25px !important;
  cursor: pointer;
}
.style_campaign__bi_Zw span:first-child {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.2%;
  text-align: center;
  color: rgba(60, 110, 113, 1);
}
.style_campaign__bi_Zw span:nth-child(2) {
  width: -moz-fit-content;
  width: fit-content;
  height: 15.69230842590332px;
  border-radius: 3.08px;
  gap: 7.69px;
  padding: 3.85px;
  background: rgba(60, 110, 113, 1);
  font-family: "Gilmer";
  font-weight: 600;
  font-size: 11.54px;
  leading-trim: Cap height;
  line-height: 7.48px;
  letter-spacing: 0%;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1312px) {
  .style_productCard__38IwY {
    width: 150px;
    height: 270px;
    max-height: 270px;
    padding: 12px;
    gap: 8px !important;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: var(--Border-Radius-rounded-2xl, 16px);
    border: 1.282px solid var(--Background-Colors-softgrey, #e5e5e5);
    background: var(--Base-White, #fff);
  }
  .style_imageWrapper__qWjv8 {
    width: 126px !important;
    flex: 1 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 120px !important;
  }
  .style_cardInformation__wE_Sv {
    width: 126px;
    height: 80.77px;
    display: flex;
    flex-direction: column;
  }
  .style_productName__A4_vT {
    width: 126px;
    font-family: "Gilmer";
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.012em;
    color: rgba(0, 0, 0, 1);
    height: 50px;
    overflow: hidden; /* Prevents overflow */
    text-overflow: ellipsis; /* Adds ellipsis (...) */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    -webkit-box-orient: vertical; /* Allows line clamping */
    white-space: normal; /* Allows text to wrap */
    overflow-wrap: anywhere;
    word-break: break-word;
    flex: 1 1;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/Carousel/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.style_carousel__FV4g0 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.style_carouselImages__VKPPA {
  display: flex;
}

.style_carouselItem__I9iA1 {
  flex: none;
}

.style_dots__WsN3N {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.style_dot__euvn4 {
  width: 10px !important;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.style_selected__49RFq {
  background: rgba(231, 55, 37, 1);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/CampaignCard/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.style_campaignCard__e2PDH {
  width: 420px !important;
  height: 240px !important;
  border-radius: 8px;
  cursor: pointer;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/CollectionCardTrainer/style.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.style_collectionCard__C1ZVi {
  width: 190px !important;
  height: 280px !important;
  gap: 11.96px !important;
  border-radius: 16px;
  padding: 7.97px;
  border: 1px solid rgba(229, 229, 229, 1);
  background: rgba(255, 255, 255, 1);
  box-shadow:
    0px 3.99px 5.98px -1.99px rgba(16, 24, 40, 0.03),
    0px 11.96px 15.94px -3.99px rgba(16, 24, 40, 0.08);
  flex-direction: column;
  display: flex;
}
.style_imageCard__p8EP7 {
  width: 174px;
  height: 200px;
  border-radius: 16px;
  gap: 0 !important;
}
.style_imageCardFirstContent__lpFUT {
  width: 174px;
  height: 200px;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  gap: 0 !important;
}
.style_imageCardSecondContentImagesContent__J7Ubw {
  width: 174px;
  height: 84px;
  flex-direction: row;
  display: flex;
  gap: 0 !important;
}
.style_infoContent__sS1Mb {
  width: 174.05694580078125px;
  height: 52.89679718017578px;
  gap: 4.98px;
  flex-direction: column;
  display: flex;
}
.style_title__EKXyo {
  font-family: "Gilmer";
  font-weight: 600;
  font-style: Medium;
  font-size: 12px;
  line-height: 23.91px;
  letter-spacing: 0%;
  color: rgba(0, 0, 0, 1);
  width: 174.05694580078125px;
  height: 24px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.style_nameContent__U8O1H {
  width: 174.6512451171875px;
  height: 23.91459083557129px;
  justify-content: space-between;
  padding-top: 1.99px;
  padding-bottom: 1.99px;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.style_name__8_dr1 {
  font-family: "Gilmer";
  font-weight: 400;
  font-style: Medium;
  font-size: 12px;
  line-height: 23.91px;
  letter-spacing: 0%;
  width: 98px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: rgba(0, 0, 0, 1);
}
.style_noImage__VNOrD {
  width: 174px;
  height: 200px;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 16px;
  color: black;
}