:root {
  --fashion-text: #000;
  --fashion-muted: #545454;
  --fashion-line: #e9e9e9;
  --fashion-soft: #f7f7f7;
  --fashion-accent: #db1215;
}

.fashion-v1 {
  color: var(--fashion-text);
  font-family: "Albert Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.fashion-v1 header { border-color: var(--fashion-line); }
.fashion-v1 header > .hidden.md\:block > div { border-color: var(--fashion-line); }
.fashion-v1 header a,
.fashion-v1 header button { color: #000; }
.fashion-v1 header nav a { font-size: 14px; font-weight: 500; letter-spacing: .01em; }
.fashion-v1 header nav a:hover { color: var(--fashion-muted); }
.fashion-v1 header input[type="search"] { background: transparent; font-size: 14px; }
.fashion-v1 header [data-store-search-results] { border-color: var(--fashion-line); border-radius: 0; }
.fashion-v1 [data-cart-count] { background: #000; color: #fff; }

.fashion-v1 main > section { margin-bottom: 0; }
.fashion-v1 main > section > .grid { gap: 0; }
.fashion-v1 main section[class*="max-w-7xl"] { max-width: 1440px; padding-left: 20px; padding-right: 20px; }
.fashion-v1 main h1,
.fashion-v1 main h2,
.fashion-v1 main h3 { color: #000; font-weight: 500; letter-spacing: -.025em; }
.fashion-v1 main h2 { font-size: clamp(26px, 3vw, 36px); }

.fashion-v1 [data-carousel] { position: relative; }
.fashion-v1 [data-carousel-track] { gap: 0; }
.fashion-v1 [data-carousel] picture img { width: 100%; }
.fashion-v1 [data-carousel-prev],
.fashion-v1 [data-carousel-next] {
  width: 46px; height: 46px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%;
  background: rgba(255,255,255,.94); color: #000; box-shadow: none; transition: .2s ease;
}
.fashion-v1 [data-carousel-prev]:hover,
.fashion-v1 [data-carousel-next]:hover { background: #000; color: #fff; }

.fashion-v1 main article { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.fashion-v1 main article > a[class*="aspect-"] { border-radius: 0 !important; background: var(--fashion-soft); overflow: hidden; }
.fashion-v1 main article > a img { transition: transform .5s ease; }
.fashion-v1 main article:hover > a img { transform: scale(1.035); }
.fashion-v1 main article > div[class*="p-4"] { padding: 16px 0 8px; }
.fashion-v1 main article h3 { font-size: 16px; line-height: 1.35; font-weight: 400; }
.fashion-v1 main article strong { font-size: 15px; font-weight: 600; }
.fashion-v1 main article del { color: #9b9b9b; }
.fashion-v1 main article .text-rose-700 { color: var(--fashion-accent); }
.fashion-v1 main article span.bg-rose-600 { left: 12px; top: 12px; background: var(--fashion-accent); border-radius: 999px; padding: 5px 10px; }

.fashion-v1 main aside,
.fashion-v1 main form,
.fashion-v1 main input,
.fashion-v1 main select,
.fashion-v1 main textarea { border-color: var(--fashion-line); }
.fashion-v1 main input,
.fashion-v1 main select,
.fashion-v1 main textarea { border-radius: 0 !important; }
.fashion-v1 main button,
.fashion-v1 main a[class*="bg-slate-900"] { border-radius: 0 !important; background: #000; color: #fff; font-weight: 500; }
.fashion-v1 main button:hover,
.fashion-v1 main a[class*="bg-slate-900"]:hover { background: #333; }

/* Ürün galerisi genel buton stilinden etkilenmemeli. */
.fashion-v1 .product-gallery__main,
.fashion-v1 .product-gallery__main:hover,
.fashion-v1 .product-gallery__thumbs button,
.fashion-v1 .product-gallery__thumbs button:hover {
  border-color: transparent;
  background: transparent;
  color: inherit;
  box-shadow: none;
}
.fashion-v1 .product-gallery__main { min-width: 0; }
.fashion-v1 .product-gallery__main img { background: transparent; }
.fashion-v1 .product-gallery__thumbs { min-width: 0; }
.fashion-v1 .product-gallery__thumbs button { overflow: hidden; padding: 0; }
.fashion-v1 .product-gallery--left { grid-template-columns: 5.25rem minmax(0,1fr); }
.fashion-v1 .product-gallery--right { grid-template-columns: minmax(0,1fr) 5.25rem; }
.fashion-v1 .product-gallery--right .product-gallery__main { order: 1; }
.fashion-v1 .product-gallery--right .product-gallery__thumbs { order: 2; }
.fashion-v1 .product-gallery--bottom { grid-template-columns: minmax(0,1fr); }
.fashion-v1 .product-gallery--bottom .product-gallery__main { grid-column: 1; order: 1; }
.fashion-v1 .product-gallery--bottom .product-gallery__thumbs { grid-column: 1; order: 2; width: 100%; flex-direction: row; }
.fashion-v1 .fashion-product-detail-grid { column-gap: 3rem !important; row-gap: 2rem !important; }

.fashion-v1 footer { margin-top: 60px; border-color: var(--fashion-line); background: #f5f5f5; }
.fashion-v1 footer h2,
.fashion-v1 footer h3,
.fashion-v1 footer strong { font-weight: 500; color: #000; }

@media (min-width: 768px) {
  .fashion-v1 header > .hidden.md\:block > div > div { min-height: 74px; }
  .fashion-v1 main .grid.md\:grid-cols-4,
  .fashion-v1 main .grid.lg\:grid-cols-4 { gap: 28px 20px; }
}

@media (max-width: 767px) {
  .fashion-v1 .product-gallery--left,
  .fashion-v1 .product-gallery--right { grid-template-columns: minmax(0,1fr); }
  .fashion-v1 .product-gallery--left .product-gallery__main,
  .fashion-v1 .product-gallery--right .product-gallery__main { grid-column: 1; order: 1; }
  .fashion-v1 .product-gallery--left .product-gallery__thumbs,
  .fashion-v1 .product-gallery--right .product-gallery__thumbs { grid-column: 1; order: 2; width: 100%; flex-direction: row; }
  .fashion-v1 header [data-mobile-header] { border-bottom: 1px solid var(--fashion-line); }
  .fashion-v1 header [data-mobile-header] > div { min-height: 64px; }
  .fashion-v1 main section[class*="max-w-7xl"] { padding-left: 15px; padding-right: 15px; }
  .fashion-v1 main h2 { font-size: 26px; }
  .fashion-v1 [data-carousel-prev], .fashion-v1 [data-carousel-next] { width: 38px; height: 38px; }
  .fashion-v1 main article h3 { font-size: 14px; }
}

/* Ecomus Fashion ana kabuğu */
.fashion-v1 .fashion-header { width: 100%; border: 0; background: #fff; transition: background .25s ease, box-shadow .25s ease, transform .25s ease; }
.fashion-v1.fashion-home .fashion-header { position: absolute; inset: 0 0 auto; z-index: 50; background: transparent; }
.fashion-v1 .fashion-header.is-sticky { position: fixed; inset: 0 0 auto; z-index: 80; background: #fff; box-shadow: 0 3px 18px rgba(0,0,0,.08); animation: fashionHeaderIn .25s ease; }
.fashion-v1 .fashion-header.is-sticky .fashion-topbar { display: none; }
.fashion-v1 .fashion-topbar { border: 0; background: #fff; font-size: 13px; }
.fashion-v1 .fashion-topbar > div { padding: 0; }
.fashion-v1.fashion-home .fashion-navigation { color: #000; background: transparent; }
.fashion-v1 .fashion-navigation { background: #fff; border: 0; }
.fashion-v1 .fashion-navigation > div,
.fashion-v1 .fashion-navigation.categoryMenu > div { min-height: 0; padding: 0; }
.fashion-v1 .fashion-navigation nav[aria-label="Ürün kategorileri"] { display: flex !important; width: 100%; flex-flow: row nowrap !important; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; }
.fashion-v1 .fashion-navigation nav[aria-label="Ürün kategorileri"] > a,
.fashion-v1 .fashion-navigation nav[aria-label="Ürün kategorileri"] > div > a { padding: 10px 9px; font-size: 14px; }
.fashion-v1 .fashion-navigation form[data-store-search] { width: 44px !important; margin-left: auto; transition: width .28s ease; }
.fashion-v1 .fashion-navigation form[data-store-search]:focus-within { width: min(360px, 34vw) !important; }
.fashion-v1 .fashion-navigation form[data-store-search] label { height: 44px; border: 0; border-radius: 0; background: transparent; padding: 0 10px; }
.fashion-v1 .fashion-navigation form[data-store-search] input { width: 0; opacity: 0; transition: opacity .2s ease; }
.fashion-v1 .fashion-navigation form[data-store-search]:focus-within input { width: auto; opacity: 1; }
.fashion-v1 .fashion-header.is-sticky .fashion-navigation { border-bottom-color: transparent; }
@keyframes fashionHeaderIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* Ecomus slider */
.fashion-v1 .fashion-slider { position: relative; width: 100%; overflow: hidden; background: #eee; }
.fashion-v1 .fashion-slider.is-rounded { border-radius: 18px; }
.fashion-v1 .fashion-slider-track { position: relative; min-height: min(860px, 100vh); }
.fashion-v1 .fashion-slide { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s ease; }
.fashion-v1 .fashion-slide.is-active { position: relative; opacity: 1; visibility: visible; z-index: 2; }
.fashion-v1 .fashion-slide picture,
.fashion-v1 .fashion-slide img { display: block; width: 100%; height: min(860px, 100vh); min-height: 650px; object-fit: cover; }
.fashion-v1 .fashion-slide-content { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: min(1440px, 100%); margin: auto; padding: 125px 6vw 40px; color: #000; }
.fashion-v1 .fashion-slide-content h2 { max-width: 620px; margin: 0; font-size: clamp(48px, 6.1vw, 92px); font-weight: 400; line-height: .96; letter-spacing: -.055em; white-space: pre-line; }
.fashion-v1 .fashion-slide-content p { max-width: 540px; margin: 25px 0 32px; font-size: clamp(16px, 1.35vw, 20px); line-height: 1.5; }
.fashion-v1 .fashion-slide-button { display: inline-flex; min-height: 52px; align-items: center; gap: 18px; padding: 13px 28px; border-radius: 3px; background: #000; color: #fff; font-size: 15px; font-weight: 600; transition: .25s ease; }
.fashion-v1 .fashion-slide-button:hover { background: #fff; color: #000; }
.fashion-v1 .fashion-slider-dots { position: absolute; z-index: 8; left: 0; right: 0; bottom: 35px; display: flex; justify-content: center; gap: 14px; }
.fashion-v1 .fashion-slider-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50% !important; background: #000; opacity: .35; box-shadow: 0 0 0 0 #000; transition: .2s ease; }
.fashion-v1 .fashion-slider-dots button.is-active { opacity: 1; box-shadow: 0 0 0 5px rgba(0,0,0,.12); }

/* Slider altı Ecomus marquee */
.fashion-v1 .fashion-marquee { width: 100%; overflow: hidden; background: #ffef5a; color: #000; }
.fashion-v1 .fashion-marquee-track { display: flex; width: max-content; animation: fashionMarquee 25s linear infinite; }
.fashion-v1 .fashion-marquee:hover .fashion-marquee-track { animation-play-state: paused; }
.fashion-v1 .fashion-marquee span { display: inline-flex; min-height: 54px; align-items: center; gap: 16px; padding: 10px 34px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.fashion-v1 .fashion-marquee svg { fill: currentColor; flex: none; }
@keyframes fashionMarquee { to { transform: translateX(-50%); } }

/* Ecomus ürün kart ölçüsü ve ritmi */
.fashion-v1 main article > a[class*="aspect-"] { aspect-ratio: 3 / 4 !important; }
.fashion-v1 main article > a[class*="aspect-"] img { width: 100%; height: 100%; object-fit: cover; }
.fashion-v1 main article > div[class*="p-4"] { padding: 17px 0 0 !important; }
.fashion-v1 main article h3 { margin: 0 0 5px; font-size: 16px; font-weight: 400; line-height: 1.35; }
.fashion-v1 main article strong { font-size: 16px; line-height: 1.3; }
.fashion-v1 main article del { font-size: 14px; }
.fashion-v1 main .py-5 { padding-top: 70px; padding-bottom: 70px; }
.fashion-v1 main .py-5 > h2,
.fashion-v1 main .py-5 > .mb-4 { margin-bottom: 38px; text-align: center; }

@media (max-width: 767px) {
  .fashion-v1.fashion-home .fashion-header { position: relative; background: #fff; }
  .fashion-v1 .fashion-topbar { display: none; }
  .fashion-v1 .fashion-header.is-sticky { position: fixed; }
  .fashion-v1 .fashion-slider-track,
  .fashion-v1 .fashion-slide picture,
  .fashion-v1 .fashion-slide img { height: 72vh; min-height: 560px; }
  .fashion-v1 .fashion-slide-content { justify-content: flex-end; padding: 80px 24px 85px; }
  .fashion-v1 .fashion-slide-content h2 { max-width: 330px; font-size: 46px; }
  .fashion-v1 .fashion-slide-content p { margin: 16px 0 24px; font-size: 15px; }
  .fashion-v1 .fashion-slide-button { min-height: 46px; padding: 10px 20px; }
  .fashion-v1 .fashion-slider-dots { bottom: 24px; }
  .fashion-v1 .fashion-marquee span { min-height: 46px; padding: 8px 22px; font-size: 12px; }
  .fashion-v1 main .py-5 { padding-top: 45px; padding-bottom: 45px; }
}