:root{
 --brand:#0f172a; /* deep slate */
 --accent:#ff7a3e; /* logo orange */
 --accent-700:#e25a2a; /* darker hover orange */
 --accent-rgb:255,122,62; /* for rgba shadows */
 --muted:#64748b; /* slate */
 --bg:#f4f6f9; /* slightly richer neutral */
 --bg-subtle:#eef1f6;
 --card:#ffffff;
 --card-shadow:0 4px 6px -1px rgba(15,23,42,.06), 0 12px 24px -8px rgba(15,23,42,.1);
 --card-shadow-hover:0 12px 24px -6px rgba(15,23,42,.12), 0 20px 40px -12px rgba(15,23,42,.14);
 --border:#e8ecf1;
 --radius:14px;
 --radius-lg:22px;
 --font-display:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
 --font-body:Inter, system-ui, -apple-system, sans-serif;
}
html,body{height:100%;}
html, body{width:100%; overflow-x:hidden}
body{
  background:var(--bg);
  color:var(--brand);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.55;
}
h1, h2, h3, h4, h5, h6, .font-display{font-family:var(--font-display); letter-spacing:-0.02em;}
/* removed legacy topbar */
.chip-row{display:flex; gap:.5rem; flex-wrap:wrap; margin:.75rem 0 1rem}
.chip{background:#fff; border:1px solid var(--border); border-radius:999px; padding:.35rem .75rem; font-weight:500; color:#333; text-decoration:none}
.chip:hover{border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.10); color:var(--accent)}
@media (max-width: 576px){
  .chip-row{gap:.4rem; margin:.5rem 0 .75rem}
  .chip{padding:.3rem .65rem; font-size:.9rem}
}
.promo-card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:1.15rem 1.2rem; display:flex; align-items:flex-start; gap:1rem; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; box-shadow:0 1px 3px rgba(15,23,42,.04)}
.promo-card:hover{transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:rgba(var(--accent-rgb),.2)}
.promo-card .icon{font-size:1.9rem; color:var(--accent); width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(var(--accent-rgb),.14)}
.promo-card h6{margin:0; font-weight:600}
.promo-card p{margin:0; color:#666}
.navbar-brand{font-weight:700; letter-spacing:.3px; line-height:1; margin-right:12px}
.navbar-brand img{display:block; height:40px; width:auto}
.navbar{box-shadow:0 2px 10px rgba(0,0,0,.04);} 
.nav-link{font-weight:600}
.nav-link:hover{color:var(--accent)!important}
.search-input{max-width:480px}
.icon-btn{color:#333}
.icon-btn:hover{color:var(--accent)}
.carousel, .carousel-inner{overflow:hidden}
.hero{position:relative; border-radius:0; overflow:hidden}
@media (min-width: 992px){
  .homepage .hero{border-radius:0 0 var(--radius-lg) var(--radius-lg); margin-inline:0}
}
.hero img{width:100%; height:420px; object-fit:cover}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(115deg, rgba(15,23,42,.72) 0%, rgba(15,23,42,.35) 45%, rgba(15,23,42,.2) 100%);}
.hero .content{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; max-width:min(92vw, 640px); color:#fff; padding:0 1rem}
.hero .zen-hero-title{font-family:var(--font-display); font-weight:800; font-size:clamp(1.65rem, 4.5vw, 2.75rem); letter-spacing:-.03em; line-height:1.12; text-shadow:0 4px 32px rgba(0,0,0,.45); margin-bottom:1rem}
.hero .content p{opacity:.92; font-size:1.05rem; max-width:36ch; margin-inline:auto}
.btn-hero-cta{border-radius:999px; font-weight:600; padding:.6rem 1.5rem; border:none; box-shadow:0 8px 32px rgba(0,0,0,.22); transition:transform .2s ease, box-shadow .2s ease}
.btn-hero-cta:hover{transform:translateY(-2px); box-shadow:0 12px 36px rgba(0,0,0,.28); color:#0f172a}
.carousel-progress{position:absolute; left:16px; right:16px; bottom:14px; height:4px; background:rgba(255,255,255,.35); border-radius:999px; overflow:hidden}
.carousel-progress-bar{width:0%; height:100%; background:linear-gradient(90deg, var(--accent), var(--accent-700)); border-radius:999px; transform-origin:left center; box-shadow:0 0 6px rgba(var(--accent-rgb),.25)}
@keyframes progressGrow{0%{width:0%}100%{width:100%}}
.carousel-progress-bar.animating{ animation: progressGrow var(--hero-interval, 6500ms) linear forwards }
.btn-accent{background:var(--accent); color:#fff; border:none}
.btn-accent:hover{background:var(--accent-700); color:#fff}
/* Empty cart styles */
.empty-cart{ max-width: 560px; margin: 24px auto; }
.empty-cart .icon{ font-size: 48px; color: #6c757d; }
.empty-cart .actions .btn{ min-width: 160px; }
/* Empty favorites styles */
.empty-favorites{ max-width: 560px; margin: 24px auto; }
.empty-favorites .icon{ font-size: 48px; color: var(--accent); }
.empty-favorites .actions .btn{ min-width: 160px; }
.section-title{font-weight:600}
/* Kategori kartları: sabit dikey kutu (3:4); görsel boyutu kutuyu değiştirmez, cover ile dolar */
.collection-card{
  position:relative;
  display:block;
  width:100%;
  border-radius:var(--radius-lg);
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  box-shadow:var(--card-shadow);
  transition:transform .28s ease, box-shadow .28s ease;
  aspect-ratio:3/4;
  background:#e8ecf1;
}
/* Anasayfa kategori: tam sütun genişliği, yükseklik sınırlı (dev dikey kart yok) */
.home-section-categories .collection-card{
  aspect-ratio:unset;
  height:clamp(200px, 42vmin, 300px);
  width:100%;
  max-width:100%;
  margin-inline:0;
}
@media (min-width:768px){
  .home-section-categories .collection-card{ height:clamp(220px, 38vmin, 320px); }
}
.collection-card:hover{transform:translateY(-3px); box-shadow:var(--card-shadow-hover)}
.collection-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}
.collection-card:hover img{transform:scale(1.03)}
.collection-card .label{
  position:absolute; left:14px; bottom:14px; right:auto; z-index:2;
  padding:.5rem 1rem; border-radius:999px;
  font-weight:700; font-size:.9rem; letter-spacing:.02em;
  background:rgba(15,23,42,.45); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.2);
  text-shadow:none;
}
.collection-card::after{
  content:"";
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(15,23,42,.12) 0%, rgba(15,23,42,0) 42%, rgba(15,23,42,.55) 100%);
  opacity:1;
  transition:opacity .25s ease;
}
.collection-card:hover::after{opacity:.92}
.product-card{border:1px solid rgba(15,23,42,.06); border-radius:var(--radius); overflow:hidden; background:var(--card); box-shadow:var(--card-shadow); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; position:relative; will-change:transform, box-shadow}
.product-card:hover{transform:translateY(-3px); box-shadow:var(--card-shadow-hover); border-color:rgba(var(--accent-rgb),.22)}
.product-card .price{color:var(--accent); font-weight:600}
.product-card .price .text-danger{color:var(--accent)!important}
.product-card .price .text-muted{text-decoration:line-through; opacity:.8}
/* Hover görsel değişimi: overlay + opacity (layout kayması yok) */
.product-card .product-image{position:relative; width:100%; aspect-ratio:1 / 1.12; overflow:hidden; background:#fff; transition:aspect-ratio .28s ease}
.product-card-image-link{
  position:absolute; inset:0; z-index:1; display:block;
  text-decoration:none; color:inherit;
}
.product-card-image-link .card-img-top{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:opacity .2s ease}
.product-card .product-image .card-img-top{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:opacity .2s ease}
.product-card .product-image .img-main{opacity:1}
.product-card .product-image .img-hover{opacity:0}
.product-card:hover .product-image.has-hover .img-main{opacity:0}
.product-card:hover .product-image.has-hover .img-hover{opacity:1}
.product-card .product-image-badges{position:absolute; z-index:6; top:14px; right:14px; display:flex; flex-direction:column; align-items:flex-end; gap:6px; pointer-events:none}
/* Görsel hover: beden bandı (Koton tarzı) */
.product-card-size-overlay{
  position:absolute; left:0; right:0; bottom:0; z-index:5;
  padding:.55rem .45rem .5rem;
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.35);
  text-align:center;
  opacity:0;
  transform:translateY(100%);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
}
.product-card-size-overlay-title{
  font-size:.68rem; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; color:#64748b; margin-bottom:.35rem; line-height:1.2;
}
.product-card-size-overlay-row{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.35rem .5rem;
}
.product-card-size-pill{
  display:inline-flex; align-items:center; gap:.2rem;
  font-size:.78rem; font-weight:600; color:#1e293b; line-height:1.2;
  padding:.1rem .15rem;
  border:none; background:transparent; cursor:pointer;
}
.product-card-size-pill-btn:hover{color:var(--accent)}
.product-card-size-pill-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.45); outline-offset:2px; border-radius:4px}
.product-card-cart-flash{
  position:absolute; left:50%; bottom:42%; z-index:6;
  transform:translate(-50%, 12px); opacity:0;
  background:rgba(255,255,255,.94); color:#1e293b;
  border:1px solid rgba(15,23,42,.08); border-radius:999px;
  padding:.45rem .85rem; font-size:.78rem; font-weight:600;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
  pointer-events:none; white-space:nowrap;
  transition:opacity .2s ease, transform .2s ease;
}
.product-card-cart-flash.is-visible{opacity:1; transform:translate(-50%, 0)}
/* Yan sepet çekmecesi */
.cart-drawer{width:min(100vw, 420px)}
.cart-drawer-header{padding:1rem 1.1rem}
.cart-drawer-item-name{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}
.cart-drawer-thumb img{width:72px; height:90px; object-fit:cover; border-radius:8px; background:#f4f6f8}
.cart-drawer-footer{box-shadow:0 -8px 24px rgba(15,23,42,.06)}
.min-width-0{min-width:0}
.product-card-size-pill.is-unavailable{
  color:#94a3b8; text-decoration:line-through; text-decoration-thickness:1px;
}
.product-card-size-pill.is-unavailable.js-stock-alert{
  cursor:pointer;
  opacity:.85;
}
.product-card-size-pill.is-unavailable.js-stock-alert:hover,
.product-card-size-pill.is-unavailable.js-stock-alert:focus-visible{
  color:var(--accent);
  opacity:1;
}
.product-card-size-pill.is-unavailable.js-stock-alert:hover .product-card-size-pill-bell,
.product-card-size-pill.is-unavailable.js-stock-alert:focus-visible .product-card-size-pill-bell{
  color:var(--accent);
}
.product-rail-band{
  border-top:1px solid rgba(15,23,42,.06);
}
.product-rail-band--alt{
  background:#fafbfc;
}
.product-rail-band--cart{
  margin-top:2rem;
}
.product-rail-band--home{
  border-top:none;
}
.pdp-page + .product-rail .home-section-title,
.product-rail .home-section-title{
  font-size:1.05rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
@media (max-width:767.98px){
  .product-rail-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:.75rem;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:.35rem;
  }
  .product-rail-grid .catalog-grid-item{
    flex:0 0 min(62vw, 180px);
    max-width:min(62vw, 180px);
    scroll-snap-align:start;
  }
}
.product-card-size-pill-bell{font-size:.72rem; color:#94a3b8; text-decoration:none}
@media (hover:hover){
  .product-card:hover .product-card-size-overlay,
  .product-card:focus-within .product-card-size-overlay{
    opacity:1; transform:translateY(0); pointer-events:auto;
  }
}
@media (hover:none){
  .product-card-size-overlay{opacity:1; transform:none; pointer-events:auto}
}
.product-card .product-badge{display:inline-flex; align-items:center; gap:.35rem; font-size:.75rem; font-weight:700; padding:.22rem .55rem; border-radius:0; box-shadow:none}
.product-card .product-badge-discount{background:#fff; color:#b42318; border:1px solid rgba(180,35,24,.2)}
.product-card .product-badge-soldout{
  background:rgba(17,17,17,.82);
  color:#fff;
  border:0;
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.4rem .65rem;
}
.product-card .product-badge-lowstock{
  position:relative;
  background:var(--accent);
  color:#fff;
  border:0;
  font-size:.625rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:.42rem .7rem .42rem .75rem;
  line-height:1;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.product-card .product-badge-lowstock::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.35);
}
.catalog-grid .product-card .product-image-badges{
  top:0;
  left:0;
  right:auto;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  gap:0;
  z-index:7;
}
.catalog-grid .product-card .product-image-badges .product-badge-discount{
  margin:8px 0 0 8px;
  margin-left:8px;
}
.catalog-grid .product-card .product-image-badges .product-badge-lowstock,
.catalog-grid .product-card .product-image-badges .product-badge-soldout{
  margin:8px 0 0 8px;
}
.pdp-gallery-wrap{position:relative}
.pdp-gallery-badges{
  top:12px;
  left:12px;
  right:auto;
  align-items:flex-start;
  z-index:8;
}
.product-stock-ok{background:rgba(34,197,94,.12)!important; color:#15803d!important; border:1px solid rgba(34,197,94,.35)!important}
/* Katalog / ana sayfa: varsayılan kısa; hover'da beden için büyür */
.catalog-grid > [class*="col"],
.catalog-grid > .catalog-grid-item{min-width:0}
.catalog-grid .product-card .product-image{
  aspect-ratio:1 / 1.12;
  height:auto;
  width:100%;
  max-width:100%;
  margin-inline:0;
  transition:aspect-ratio .28s ease;
}
.catalog-grid .product-card .product-image .card-img-top{
  object-fit:cover;
  object-position:center top;
}
@media (hover:hover){
  .catalog-grid .product-card:hover .product-image,
  .catalog-grid .product-card:focus-within .product-image{
    aspect-ratio:4 / 5;
  }
}
@media (hover:none){
  .catalog-grid .product-card .product-image{aspect-ratio:4 / 5}
}
.catalog-grid .product-card .card-body .fw-semibold{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  word-break:break-word;
}
.catalog-grid .product-card .product-card-category{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.product-card.is-out-of-stock .product-image{opacity:.94}
.product-card.is-out-of-stock .product-image::after{content:''; position:absolute; inset:0; background:rgba(255,255,255,.22); pointer-events:none; z-index:1}
.catalog-trust-strip i, .pdp-trust-strip i{opacity:.85; margin-right:.35rem}
.product-card-variant-chip{font-size:.72rem;padding:.2rem .55rem;border-radius:8px;line-height:1.2;background:#fff;color:#334155;border-color:rgba(15,23,42,.12)!important}
.product-card-variant-chip:hover{background:#f8fafc;border-color:rgba(var(--accent-rgb),.35)!important;color:var(--accent)}
.product-card-variant-chip.active{border-color:var(--accent)!important;color:var(--accent);font-weight:600;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.2)}
.product-card-variant-chip:focus-visible{outline:2px solid rgba(var(--accent-rgb),.45);outline-offset:1px}
.pdp-thumb.active{border-color:var(--accent)!important; box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)!important}
.pdp-thumb img{display:block; vertical-align:middle}
.pdp-gallery-stage{position:relative}
.pdp-gallery-layout{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
}
.pdp-gallery-main-col{
  flex:1;
  min-width:0;
}
.pdp-thumbs--vertical{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  flex-shrink:0;
  max-height:clamp(260px, 40vh, 440px);
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:.15rem;
  scrollbar-width:thin;
}
.pdp-thumbs--vertical .pdp-thumb{
  display:block;
  padding:.2rem;
  width:56px;
  line-height:0;
}
.pdp-thumbs--vertical .pdp-thumb img{
  width:52px;
  height:65px;
  object-fit:cover;
}
.pdp-size-chip-row .pdp-size-chip{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:3.1rem;
  height:auto;
  min-height:2.75rem;
  padding:.35rem .45rem .3rem;
  gap:.12rem;
}
.pdp-size-stock-hint{
  font-size:.58rem;
  font-weight:700;
  line-height:1.1;
  color:var(--accent);
  white-space:nowrap;
  letter-spacing:.01em;
}
.pdp-size-chip.is-out-of-stock{
  opacity:.65;
  cursor:pointer;
}
.pdp-size-chip.is-out-of-stock:hover,
.pdp-size-chip.is-out-of-stock:focus-visible{
  opacity:.9;
}
.pdp-size-chip.is-out-of-stock .pdp-size-chip-label{
  text-decoration:line-through;
}
.pdp-size-chip.is-out-of-stock .pdp-size-stock-hint{
  color:var(--accent);
  text-decoration:none;
}
@media (max-width:767.98px){
  .pdp-gallery-layout{
    flex-direction:column;
  }
  .pdp-thumbs--vertical{
    flex-direction:row;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    padding-right:0;
    padding-bottom:.15rem;
  }
}
.pdp-gallery{background:#fff;line-height:0}
.pdp-gallery-main{width:100%;height:auto;display:block;vertical-align:middle}
@media (min-width:768px){
  .pdp-page{align-items:flex-start}
  .pdp-page > .pdp-gallery-col{
    display:flex;
    flex-direction:column;
    align-self:flex-start;
    overflow:hidden;
  }
  .pdp-page .pdp-gallery-layout{
    flex:1 1 auto;
    align-items:stretch;
    min-height:0;
    width:100%;
    height:100%;
  }
  .pdp-page .pdp-gallery-main-col{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .pdp-page .pdp-gallery-stage{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .pdp-page .pdp-gallery-wrap{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:0;
    max-height:none;
  }
  .pdp-page .pdp-gallery{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:0;
    max-height:none;
  }
  .pdp-page .pdp-gallery-main{
    max-height:100%;
    height:100%;
    width:auto;
    max-width:100%;
    object-fit:contain;
    object-position:center;
  }
  .pdp-page .pdp-thumbs--vertical{
    max-height:none;
    height:auto;
    align-self:stretch;
  }
  .pdp-page .pdp-buy-inner .h5{font-size:1.15rem}
  .pdp-page .pdp-price-single,
  .pdp-page .pdp-price-new{font-size:1.35rem!important}
}
.pdp-size-stock-hint[hidden]{
  display:block!important;
  visibility:hidden;
}
@media (min-width:1200px){
  .container-pdp{
    max-width:min(1320px, 94vw);
  }
  .pdp-page .pdp-buy-inner .h5{
    font-size:clamp(1.35rem, 1vw + 1.05rem, 1.65rem);
    line-height:1.28;
    margin-bottom:.65rem!important;
  }
  .pdp-page .pdp-price-single,
  .pdp-page .pdp-price-new{
    font-size:clamp(1.55rem, 1.1vw + 1rem, 1.95rem)!important;
  }
  .pdp-page .pdp-price-old{
    font-size:clamp(1.05rem, .7vw + .85rem, 1.25rem);
  }
  .pdp-page .pdp-discount-badge{
    font-size:.8125rem;
    padding:.35rem .55rem!important;
  }
  .pdp-page .pdp-buy-inner .text-muted.small,
  .pdp-page .pdp-size-note{
    font-size:.9375rem;
    line-height:1.45;
  }
  .pdp-page .pdp-buy-inner .form-label{
    font-size:1rem;
    font-weight:600;
    margin-bottom:.55rem;
  }
  .pdp-page .size-chip-row{
    gap:.65rem;
  }
  .pdp-size-chip-row .pdp-size-chip{
    min-width:3.85rem;
    min-height:3.65rem;
    padding:.5rem .6rem .45rem;
    gap:.18rem;
  }
  .pdp-size-chip-row .pdp-size-chip-label{
    font-size:1rem;
    line-height:1.1;
  }
  .pdp-size-stock-hint{
    font-size:.6875rem;
  }
  .pdp-color-chip-row .pdp-color-chip{
    font-size:.9375rem;
  }
  .pdp-color-chip-row .pdp-color-swatch{
    width:1.35rem;
    height:1.35rem;
  }
  .pdp-buy-inner .btn{
    font-size:.9375rem;
    padding:.7rem 1.45rem;
    min-height:2.75rem;
  }
  .pdp-thumbs--vertical .pdp-thumb{
    width:64px;
  }
  .pdp-thumbs--vertical .pdp-thumb img{
    width:58px;
    height:72px;
  }
  .pdp-gallery-nav{
    width:48px;
    height:48px;
  }
  .pdp-gallery-counter{
    font-size:.8125rem;
    padding:.35rem .75rem;
  }
}
.pdp-size-note{
  line-height:1.35;
}
.pdp-gallery-wrap[data-pdp-gallery]{outline:none;touch-action:pan-y pinch-zoom}
.pdp-gallery-wrap[data-pdp-gallery]:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.4); border-radius:12px}
.pdp-gallery-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:3;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);
  color:#334155;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(15,23,42,.1);cursor:pointer;padding:0;
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease
}
.pdp-gallery-nav:hover{background:#fff;color:var(--accent);border-color:rgba(var(--accent-rgb),.25);transform:translateY(-50%) scale(1.04)}
.pdp-gallery-nav:active{transform:translateY(-50%) scale(.98)}
.pdp-gallery-prev{left:12px}
.pdp-gallery-next{right:12px}
.pdp-gallery-counter{
  position:absolute;bottom:12px;left:50%;transform:translateX(-50%);
  z-index:3;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.25rem .6rem;border-radius:999px;
  background:rgba(15,23,42,.72);color:#f8fafc;pointer-events:none;line-height:1.2
}
.pdp-zoom-cursor{cursor:zoom-in}
/* Lightbox: arrows anchored to image frame (not full modal flex box) */
.pdp-lightbox-body{min-height:50vh}
.pdp-lightbox-toolbar{z-index:6}
.pdp-lightbox-stage{min-height:0}
.pdp-lightbox-viewer{position:relative;display:inline-block;max-width:100%;vertical-align:middle}
.pdp-lightbox-img{display:block;max-height:88vh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:0 auto}
.pdp-lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border-radius:50%;border:none;padding:0;margin:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.45);color:#fff;cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:background .2s ease,transform .15s ease
}
.pdp-lightbox-nav:hover{background:rgba(15,23,42,.62);transform:translateY(-50%) scale(1.05)}
.pdp-lightbox-nav:active{transform:translateY(-50%) scale(.97)}
.pdp-lightbox-nav-prev{left:10px}
.pdp-lightbox-nav-next{right:10px}
.pdp-lightbox-badge{
  position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:5;pointer-events:none;
  font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.28rem .65rem;border-radius:999px;
  background:rgba(15,23,42,.72);color:#f8fafc;line-height:1.2
}
@media (max-width:575.98px){
  .pdp-lightbox-nav{width:40px;height:40px}
  .pdp-lightbox-nav-prev{left:6px}
  .pdp-lightbox-nav-next{right:6px}
}
@media (max-width:575.98px){
  .pdp-gallery-nav{width:38px;height:38px}
  .pdp-gallery-prev{left:8px}
  .pdp-gallery-next{right:8px}
}

/* Product actions bar */
.product-card .product-actions{position:absolute; left:0; right:0; bottom:0; padding:.5rem; display:flex; align-items:center; gap:.5rem; background:linear-gradient(to top, rgba(255,255,255,.96), rgba(255,255,255,.65)); transform:translateY(100%); opacity:0; transition:transform .2s ease, opacity .2s ease; z-index:2}
.product-card:hover .product-actions, .product-card:focus-within .product-actions{transform:translateY(0); opacity:1}
.product-card .product-actions .btn{flex:1}
.product-card .product-actions .fav-btn{flex:none; width:40px}
/* CTA emphasis inside product actions on hover */
.product-card:hover .product-actions .btn-accent{box-shadow:0 12px 26px rgba(var(--accent-rgb),.28); transform:translateY(-1px)}
.product-card .product-actions .btn-accent:active{transform:translateY(0)}
@media (max-width:767.98px){
  .product-card .product-actions{transform:translateY(0); opacity:1; position:relative; background:transparent; padding:.5rem 0 0; border-top:1px solid rgba(15,23,42,.06)}
  .catalog-grid .product-card .product-actions{
    position:absolute!important;
    top:.55rem!important;
    right:.55rem!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
}
.product-card-trending .card-body{position:relative}
.product-card-deal .card-body{position:relative}
.product-card-trending{border-top:3px solid var(--accent)}
.product-card-new{border-top:3px solid #0d6efd}
.product-card-deal{border-top:3px solid #d63384}
.badge-ribbon{display:inline-block; background:#ffe5e0; color:#c53b23; border:1px solid rgba(var(--accent-rgb),.35); padding:.2rem .45rem; border-radius:6px; font-weight:600}
.product-card-trending .card-img-top{position:relative}
.product-card-trending::before{content:"Trend"; position:absolute; left:12px; top:12px; background:#fff; color:var(--accent); border:1px solid rgba(var(--accent-rgb),.25); border-radius:999px; padding:.25rem .6rem; font-weight:700; font-size:.85rem; box-shadow:var(--card-shadow)}
.product-card-new::before{content:"Yeni"; position:absolute; left:12px; top:12px; background:#fff; color:#0d6efd; border:1px solid #bcd5ff; border-radius:999px; padding:.25rem .6rem; font-weight:700; font-size:.85rem; box-shadow:var(--card-shadow)}
.product-card-deal::before{content:"Fırsat"; position:absolute; left:12px; top:12px; background:#fff; color:#d63384; border:1px solid #f5b6d0; border-radius:999px; padding:.25rem .6rem; font-weight:700; font-size:.85rem; box-shadow:var(--card-shadow)}
.badge-ribbon{background:rgba(var(--accent-rgb),.10); color:var(--accent); border:1px solid rgba(var(--accent-rgb),.25)}
.product-card-deal .badge-ribbon{position:absolute; top:12px; right:12px}
.product-card-trending .bi-star, .product-card-trending .bi-star-fill{font-size:1rem; margin-right:2px}
.product-card-new .card-body{box-shadow:inset 0 0 0 2px #bcd5ff; border-radius:10px}
.breadcrumb{--bs-breadcrumb-divider: '›';}
.breadcrumb .breadcrumb-item a{text-decoration:none}
.filters{background:#fff; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.05)}
.filters{position:sticky; top:84px}
.filters .form-label{font-weight:600; color:#555}
.filters .form-control, .filters .form-select{border-color:#e6dfd4}
.filters .form-control:focus, .filters .form-select:focus{box-shadow:0 0 0 .2rem rgba(var(--accent-rgb),.12); border-color:var(--accent)}
/* Filters accordion tweaks */
.filters .accordion-item{border:none; background:transparent}
.filters .accordion-button{background:transparent; padding:.5rem 0; font-weight:600}
.filters .accordion-button:not(.collapsed){box-shadow:none; color:var(--accent)}
.filters .accordion-body{padding:.5rem 0}

/* Size chips on product detail */
.size-chip-row{display:flex; gap:.5rem; flex-wrap:wrap}
.size-chip{display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:34px; padding:0 .6rem; border:1px solid var(--border); border-radius:999px; background:#fff; color:#333; font-weight:600; cursor:pointer; transition:background .2s ease, border-color .2s ease, color .2s ease}
.size-chip:hover{border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.10); color:var(--accent)}
.size-chip.active:not(.pdp-color-chip){border-color:rgba(var(--accent-rgb),.25); background:rgba(var(--accent-rgb),.16); color:var(--accent)}
.pdp-color-chip-row .pdp-color-chip,
.pdp-color-chip-row .pdp-color-chip:hover,
.pdp-color-chip-row .pdp-color-chip.active{
  border:0;
  box-shadow:none;
  background:transparent;
  color:var(--koton-black, #333);
}
.pdp-color-chip-row .pdp-color-chip.active{font-weight:700}
.pdp-color-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:.35rem;border:1px solid rgba(0,0,0,.12);flex-shrink:0;vertical-align:middle}
.pdp-color-chip.active .pdp-color-swatch{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.35)}
.footer{background:linear-gradient(180deg,#0f172a 0%, #111827 100%); color:#cbd5e1}
.footer a{color:#e5e7eb; text-decoration:none}
.footer a:hover{color:#fff}
.site-footer.footer{border-top:1px solid rgba(255,255,255,.06)}
.site-footer .footer-heading{
  font-family:var(--font-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#94a3b8;
  margin:0 0 1rem;
}
.site-footer .footer-link-list li,
.site-footer .footer-contact-list li{margin-bottom:.5rem}
.site-footer .footer-link-list li:last-child,
.site-footer .footer-contact-list li:last-child{margin-bottom:0}
.site-footer .footer-link-list a{
  color:#e2e8f0;
  font-size:.9rem;
  line-height:1.45;
  opacity:.92;
}
.site-footer .footer-link-list a:hover{opacity:1; color:#fff}
.site-footer .footer-tagline{color:#94a3b8; line-height:1.55; max-width:28ch}
.site-footer .footer-brand-logo{height:38px; width:auto; display:block}
.site-footer .footer-contact-list a{
  color:#e2e8f0;
  font-size:.9rem;
  line-height:1.4;
  opacity:.95;
}
.site-footer .footer-contact-list a:hover{opacity:1; color:#fff}
.site-footer .footer-contact-icon{
  color:var(--accent);
  font-size:1.05rem;
  margin-top:.15rem;
  flex-shrink:0;
}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.site-footer .footer-credit{color:#64748b; font-size:.82rem; line-height:1.45}
.site-footer .footer-credit a{color:inherit; text-decoration:underline; text-underline-offset:2px}
.site-footer .footer-credit a:hover{color:#fff; opacity:1}
.site-footer .footer-muted-label{
  color:#64748b;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer-social{padding-top:.5rem; border-top:1px solid #1f2937}
.footer-social .social-link{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:#1f2937; color:#fff; text-decoration:none; font-size:1.1rem}
.footer-social .social-link:hover{background:#334155; color:#fff}
.footer-social .social-link i{line-height:1}
.site-footer .footer-social-inline .social-link{
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
}
.site-footer .footer-social-inline .social-link:hover{
  background:rgba(var(--accent-rgb),.22);
  border-color:rgba(var(--accent-rgb),.35);
  color:#fff;
}
/* Payment badges in footer */
.pay-badge{display:inline-block; background:#0b1220; color:#cbd5e1; border:1px solid #1f2937; border-radius:6px; padding:.2rem .45rem; font-size:.8rem; line-height:1; letter-spacing:.2px}
.pay-badge + .pay-badge{margin-left:.25rem}

/* Deals band styles */
.deals-band{background:linear-gradient(135deg,#fff 0%, #f9fafb 100%)}
.deals-band .deals-timer{font-weight:700; color:var(--accent); background:#fff; border:1px solid var(--border); border-radius:8px; padding:.25rem .5rem; box-shadow:0 4px 12px rgba(0,0,0,.04)}
.deals-band.expired{opacity:.96}
.deals-band.expired .deals-timer{color:#6c757d; border-color:#e9ecef}
.coupon-box .form-control{max-width:220px}
.coupon-box .btn{min-width:96px}
.site-header{background:rgba(255,255,255,.92); backdrop-filter:saturate(180%) blur(12px); -webkit-backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid rgba(15,23,42,.07); box-shadow:0 4px 24px -8px rgba(15,23,42,.08); position:sticky; top:0; z-index:1000; transition:background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease}
/* LCW overlay: fixed — ana bar kalır, sadece kategoriler kaybolur (masaüstü) */
@media (min-width: 768px){
  .site-header.is-overlay{position:fixed; top:0; left:0; right:0; width:100%}
}
body.homepage{position:relative}
/* Homepage dark glass (varsayılan) */
.site-header.is-transparent{background:rgba(18,18,18,.48); box-shadow:none; border-bottom:1px solid rgba(255,255,255,.12); backdrop-filter:saturate(140%) blur(8px); -webkit-backdrop-filter:saturate(140%) blur(8px)}
.site-header.is-transparent .header-primary-nav{background:transparent; border-color:transparent}
.site-header.is-transparent:not(:hover) .primary-link{color:#fff}
.site-header.is-transparent:not(:hover) .primary-link.highlight{color:#fff; border-bottom-color:#fff}
.site-header.is-transparent:not(:hover) .header-icon{color:#fff; background:transparent}
.site-header.is-transparent:not(:hover) .header-icon:hover{background:rgba(255,255,255,.1); color:#fff}
.site-header.is-transparent:not(:hover) .search-wrap .form-control,
.site-header.is-transparent:not(:hover) .search-wrap .search-field-input{background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.45)}
.site-header.is-transparent:not(:hover) .search-wrap .form-control::placeholder{color:rgba(255,255,255,.75)}
.site-header.is-transparent:not(:hover) .search-field-icon,
.site-header.is-transparent:not(:hover) .search-typing-hint,
.site-header.is-transparent:not(:hover) .search-clear-btn{color:rgba(255,255,255,.9)}
.site-header.is-transparent:not(:hover) .header-logo-img{filter:brightness(0) invert(1)}
.site-header.is-transparent:not(:hover) .lang-switcher-code,
.site-header.is-transparent:not(:hover) .lang-switcher-mobile a{color:#fff!important}
.site-header.is-transparent:not(:hover) .lang-switcher-mobile .text-muted{color:rgba(255,255,255,.55)!important}
.site-header.is-transparent:not(:hover) .mobile-cat-toggle{border:0; color:#fff; background:transparent}
.site-header.is-transparent:not(:hover) #openSearchOverlay{border:0; color:#fff; background:transparent}
.site-header.is-transparent:not(:hover) .primary-link:hover{color:#fff; background:transparent; border-bottom-color:#fff}
.site-header.is-transparent .mega-panel{border-color:rgba(255,255,255,.35); box-shadow:0 20px 40px rgba(0,0,0,.25)}
/* Hover: beyaz bar + normal logo */
.site-header.is-overlay:hover,
.site-header.is-overlay.is-solid{
  background:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 4px 20px -10px rgba(15,23,42,.12);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header.is-overlay:hover .header-logo-img,
.site-header.is-overlay.is-solid .header-logo-img{filter:none!important}
.site-header.is-overlay:hover .primary-link,
.site-header.is-overlay.is-solid .primary-link{color:#222!important}
.site-header.is-overlay:hover .primary-link.highlight,
.site-header.is-overlay:hover .primary-link:hover,
.site-header.is-overlay.is-solid .primary-link.highlight{color:#111!important; border-bottom-color:#111!important}
.site-header.is-overlay:hover .header-primary-nav,
.site-header.is-overlay.is-solid .header-primary-nav{border-color:rgba(15,23,42,.08)!important; background:#fff}
.site-header.is-overlay:hover .search-wrap .search-field-input,
.site-header.is-overlay.is-solid .search-wrap .search-field-input{
  background:#fff!important;
  color:#222!important;
  border-color:#ddd!important;
}
.site-header.is-overlay:hover .search-field-icon,
.site-header.is-overlay:hover .search-typing-hint,
.site-header.is-overlay.is-solid .search-field-icon,
.site-header.is-overlay.is-solid .search-typing-hint{color:#888!important}
.site-header.is-overlay:hover .lang-switcher-code,
.site-header.is-overlay.is-solid .lang-switcher-code{color:#222!important}
.site-header.is-overlay:hover .header-line-icon,
.site-header.is-overlay:hover .cart-trolley-icon,
.site-header.is-overlay:hover .favorites-heart-icon,
.site-header.is-overlay:hover .profile-avatar-icon,
.site-header.is-overlay:hover .lang-globe-icon,
.site-header.is-overlay.is-solid .header-line-icon,
.site-header.is-overlay.is-solid .cart-trolley-icon,
.site-header.is-overlay.is-solid .favorites-heart-icon,
.site-header.is-overlay.is-solid .profile-avatar-icon,
.site-header.is-overlay.is-solid .lang-globe-icon{filter:none!important; color:inherit}
.site-header.is-overlay:hover .header-icon,
.site-header.is-overlay.is-solid .header-icon{color:#222}
/* Kategori nav: kaydırınca tamamen gizle */
#siteCategoryNav[hidden],
#siteCategoryNav.is-collapsed{
  display:none!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.site-header .header-primary-nav,
.site-header .zen-mega-nav{
  overflow:hidden;
  max-height:64px;
  transition:max-height .28s ease, opacity .22s ease, border-color .22s ease;
}
.site-header.nav-hidden .header-primary-nav,
.site-header.nav-hidden .zen-mega-nav{
  max-height:0!important;
  opacity:0;
  border-width:0!important;
  pointer-events:none;
}
.site-header .header-icon,
.site-header .lang-switcher-toggle{
  background:transparent;
  box-shadow:none;
}
.site-header .header-icon img,
.site-header .lang-switcher-toggle img{
  background:transparent;
  display:block;
}
.header-main .container,
.header-main .header-main-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px 20px;
  min-height:44px;
}
.site-header .navbar-brand,
.site-header .header-logo{
  position:static;
  transform:none;
  margin:0;
  padding:0;
  line-height:0;
  grid-column:auto;
  justify-self:start;
  z-index:2;
  display:inline-flex;
  align-items:center;
  height:40px;
}
.site-header .header-logo-img{
  height:40px;
  width:auto;
  display:block;
}
.header-main .search-wrap{
  flex:0 1 380px;
  width:min(380px, 42vw);
  max-width:380px;
  margin:0;
  position:relative;
  display:flex;
  align-items:center;
  align-self:center;
  min-height:40px;
}
.header-left{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:40px;
  z-index:2;
}
.header-right{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:40px;
  z-index:2;
}
.header-actions{justify-self:end; align-items:center}
.header-main{background:transparent; box-shadow:none}
.header-main .search-wrap-secil,
.header-main .search-wrap-lcw{max-width:380px}
.header-main .search-wrap .form-control{height:42px; border-radius:999px; padding-left:1.1rem; border:1px solid var(--border); background:var(--bg-subtle)}
.header-main .search-wrap .btn-accent{border-radius:999px; padding-left:1.15rem; padding-right:1.15rem}
.header-main #openSearchOverlay{padding:0; border-radius:0; border:0; background:transparent}
.header-main #openSearchOverlay i{font-size:1.15rem}
.search-wrap .form-control{transition:box-shadow .2s ease, border-color .2s ease}
.search-suggestions{position:absolute; left:0; right:0; top:100%; margin-top:8px; background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:var(--card-shadow); display:none; overflow:hidden; z-index:1050}
.search-suggestions .section-title{font-weight:600}
.suggest-item{padding:.25rem .5rem; border-radius:6px}
.suggest-item:hover{background:#f8f9fa}
.recent-item{padding:.25rem .5rem; border-radius:6px}
.recent-item a{color:#333}
.recent-item:hover{background:#f8f9fa}
.search-suggestions #clearRecentBtn{color:var(--muted)}
.search-suggestions #clearRecentBtn:hover{color:var(--accent)}

/* Fullscreen Search Overlay */
.search-overlay{position:fixed; inset:0; background:rgba(255,255,255,.98); z-index:1060; overflow:auto}
.search-overlay .overlay-header{position:sticky; top:0; background:#fff; z-index:1}
.search-overlay .overlay-body .chip-row{gap:.5rem}
.search-overlay .overlay-body .suggest-item{padding:.25rem 0}
.search-overlay .overlay-body .suggest-item a{color:#333}
.search-overlay .overlay-body .suggest-item a:hover{color:var(--accent)}
@media (min-width: 768px){
  .search-overlay{display:none !important}
}

/* Skeleton chip */
.chip.skeleton{display:inline-block; height:28px; border-radius:999px; background:linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%); background-size:400% 100%; animation: shimmer 1.4s ease infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.header-actions{display:flex; align-items:center; gap:14px}
.header-icon{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; color:#222; text-decoration:none; transition:background .2s ease, color .2s ease}
.header-icon:hover{background:#f1f5f9; color:var(--accent)}
.header-icon i{font-size:1.25rem; line-height:1}
.lang-switcher .header-icon.lang-switcher-toggle{
  width:auto;
  min-width:36px;
  height:36px;
  padding-inline:.35rem .45rem;
  gap:.3rem;
  border-radius:0;
}
.header-line-icon,
.cart-trolley-icon,
.favorites-heart-icon,
.profile-avatar-icon,
.lang-globe-icon{
  width:1.5rem;
  height:1.5rem;
  display:block;
  flex-shrink:0;
  color:inherit;
}
.cart-trolley-icon--lg,
.favorites-heart-icon--lg{
  width:2.75rem;
  height:2.75rem;
}
.count-badge{position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--accent); color:#fff; font-size:.75rem; line-height:18px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.2)}
/* removed promo bar */
/* removed category bar styles in favor of single primary menu */
.header-primary-nav{background:#fff}
.primary-nav{position:relative; display:flex; gap:14px; padding:.4rem 0}
.primary-link{display:inline-block; text-decoration:none; color:#333; font-weight:600; padding:.35rem .25rem; border-radius:8px}
.primary-link:hover{color:var(--accent)}
.primary-link.highlight{color:var(--accent)}
.zen-mega-nav .primary-link{border-bottom:2px solid transparent; border-radius:6px}
.zen-mega-nav .primary-link:hover,
.zen-mega-nav .primary-link:focus-visible{color:var(--accent); border-bottom-color:var(--accent)}
.zen-mega-nav .primary-link.highlight{border-bottom-color:var(--accent)}
.mega-panel{position:absolute; left:0; right:0; top:100%; background:#fff; border:1px solid var(--border); border-top:none; border-radius:0 0 12px 12px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:12px; display:none}
.mega-panel.mega-panel-trendy{padding:0; overflow:hidden; z-index:1040}
.mega-panel.mega-panel-trendy::before{content:""; position:absolute; left:0; right:0; height:10px; top:-8px}
.mega-nav-wrap .mega-panel-trendy.is-open{display:block}
.mega-panel-inner{min-height:280px; max-height:min(70vh,520px)}
.mega-sidebar{width:min(240px,32%); flex:0 0 auto; background:#fafafa; max-height:min(70vh,520px); overflow-y:auto}
.mega-side-item{border:none; background:transparent; padding:.65rem 1rem; font-size:.92rem; color:#1e293b; transition:background .15s ease, color .15s ease}
.mega-side-item:hover,.mega-side-item:focus-visible{background:rgba(var(--accent-rgb),.10); color:var(--accent); outline:none}
.mega-side-item.is-active{background:rgba(var(--accent-rgb),.14); color:var(--accent)}
.mega-side-icon{font-size:1.1rem; opacity:.85}
.mega-content{overflow-y:auto; max-height:min(70vh,520px); background:#fff}
.mega-col-head{font-weight:700; font-size:.9rem; color:var(--accent)}
.mega-col-head:hover{color:var(--accent-700)}
.mega-col-link{display:block; padding:.2rem 0; font-size:.88rem; color:#334155; text-decoration:none}
.mega-col-link:hover{color:var(--accent)}
.mega-more-btn{color:var(--muted)!important}
.mega-more-btn:hover{color:var(--accent)!important}
.mega-categories .mega-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.mega-categories .mega-item{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff}
.mega-categories .mega-link{display:block; text-decoration:none; color:#222}
.mega-categories .mega-thumb{height:120px; background-size:cover; background-position:center}
.mega-categories .mega-label{padding:.5rem .75rem; font-weight:600}
.carousel-indicators [data-bs-target]{width:10px; height:10px; border-radius:50%;}
.carousel-control-prev .carousel-control-prev-icon,
.carousel-control-next .carousel-control-next-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.card{border:1px solid var(--border)}
.card.shadow-sm{box-shadow:var(--card-shadow)!important}
.list-group-item{border-color:var(--border)}
.list-group-flush .list-group-item{padding:.75rem 1rem}
.card-header{border-bottom:1px solid var(--border)}
.profile-card .rounded-circle{border:1px solid var(--border)}
.form-control, .form-select{border-color:#dee2e6}
.form-control:focus, .form-select:focus{box-shadow:0 0 0 .2rem rgba(255,122,62,.14); border-color:#f0c4a8}

/* Checkout Stepper */
.checkout-steps{display:flex; gap:12px; padding:0; margin:0; list-style:none; counter-reset: step}
.checkout-step{flex:1; position:relative; background:#fff; border:1px solid var(--border); border-radius:12px; padding:.75rem 1rem .75rem 3rem; box-shadow:var(--card-shadow); color:#333; font-weight:600}
.checkout-step::before{content: counter(step); counter-increment: step; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:999px; background:#eee; color:#555; text-align:center; line-height:28px; font-weight:700}
.checkout-step.active{border-color:#f0c4a8; box-shadow:0 8px 22px rgba(255,122,62,.10)}
.checkout-step.active::before{background:var(--accent); color:#fff}
.checkout-step.done{border-color:#d1e7dd}
.checkout-step.done::before{content:"✓"; background:#198754; color:#fff}
.checkout-step + .checkout-step::after{content:""; position:absolute; left:-6px; top:50%; transform:translateY(-50%); width:12px; height:2px; background:#e5e5e5}
.checkout-step .badge{font-size:.75rem}

/* Cart Table */
.cart-table thead th{background:#f8f9fa; font-weight:600; border-bottom:1px solid var(--border)}
.cart-table tbody td{vertical-align:middle}
.cart-table img{border-radius:8px; box-shadow:var(--card-shadow)}
.cart-table .form-control{min-width:72px}
.cart-table .btn{min-width:84px}

/* Select emphasis */
.select-emphasis{border-width:2px}

/* Auth cards */
.auth-wrapper{min-height:70vh; display:flex; align-items:center; justify-content:center; padding:24px; background:
  radial-gradient(1200px 600px at 10% 10%, #fff7f5 0%, transparent 35%),
  radial-gradient(800px 500px at 90% 20%, #f2f7ff 0%, transparent 40%);
}
.auth-card{width:100%; max-width:440px; background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--card-shadow); padding:24px 24px 20px}
.auth-header{margin-bottom:14px; text-align:center}
.auth-title{font-weight:800; font-size:1.5rem; margin:0}
.auth-subtitle{color:#666; margin:.35rem 0 0}
.auth-icon{font-size:2rem; color:var(--accent)}
.auth-form .form-group{margin-bottom:12px}
.auth-divider{display:flex; align-items:center; justify-content:center; gap:.5rem; color:#888; font-size:.9rem; margin:14px 0}
.auth-divider:before, .auth-divider:after{content:""; display:block; height:1px; background:#eee; flex:1}
/* Homepage hero height tweak */

/* Account Profile — professional look */
.account-profile .profile-header{background:linear-gradient(180deg,#fff 0%, #f9fafb 100%); border:1px solid var(--border); border-radius:14px}
.account-profile .profile-avatar{width:56px; height:56px; object-fit:cover; border:2px solid #e6efff}
.account-profile .profile-stats{display:flex; gap:.5rem; flex-wrap:wrap}
.account-profile .profile-stats .chip{display:inline-block; background:#fff; border:1px solid var(--border); color:#333; border-radius:999px; padding:.3rem .6rem; font-weight:600}
.account-profile .profile-stats .chip:hover{border-color:rgba(var(--accent-rgb),.35); background:rgba(var(--accent-rgb),.10); color:var(--accent)}
.account-profile .profile-stats .chip:focus-visible{outline:2px solid rgba(var(--accent-rgb),.35)}
.account-profile .list-group-item.active{background:rgba(var(--accent-rgb),.10); border-color:rgba(var(--accent-rgb),.25)}
.account-profile .list-group-item.active a{color:var(--accent); font-weight:700}
.account-profile .list-group-item.active i{color:var(--accent)}
.account-profile .list-group-item:hover{background:#f8fafc}
.account-profile .card{border-radius:12px}
.account-profile .card-header{background:#fff}
.account-profile .list-group-flush .list-group-item{padding:.65rem .9rem}
.account-profile .form-control, .account-profile .form-select{height:42px; border-radius:10px}
.account-profile textarea.form-control{min-height:84px}
.account-profile .select-emphasis{background:#fff4ed}
.account-profile #advancedAddress{border-top:1px dashed var(--border); padding-top:.5rem}
.account-profile .btn{border-radius:10px}
.account-profile .btn-primary{min-width:120px}
.account-profile .badge{border-radius:10px}
.account-profile .empty-state .icon{font-size:1.25rem; color:var(--accent)}
.account-profile .empty-state .btn{min-width:110px}
.account-profile .col-lg-4 .card{position:sticky; top:84px}

.homepage .hero,
.homepage .hero-minimal{
  min-height: calc(100dvh - var(--header-height, 72px));
  height: calc(100dvh - var(--header-height, 72px));
}
.homepage:has(.site-header.is-overlay) .hero,
.homepage:has(.site-header.is-overlay) .hero-minimal{
  min-height: 100dvh;
  height: 100dvh;
}
.homepage .hero img,
.homepage .hero-minimal .carousel,
.homepage .hero-minimal .carousel-inner,
.homepage .hero-minimal .carousel-item,
.homepage .hero-minimal .carousel-item img{
  height: 100%;
  min-height: 100%;
  max-height: none;
  object-fit: cover;
}
.homepage-main{margin-bottom:0!important}

@media (min-width: 768px){
/* Homepage hero typography tweak */
  .homepage .hero .zen-hero-title{ font-size: clamp(2rem, 3.5vw, 2.85rem); }
  .homepage .hero .content p{ font-size:1.08rem; }
}
/* Accent button micro-interactions */
.btn-accent{background:var(--accent); color:#fff; border:none; box-shadow:0 6px 20px rgba(var(--accent-rgb),.25); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease}
.btn-accent:hover{background:var(--accent-700); color:#fff; transform:translateY(-1px); box-shadow:0 10px 24px rgba(var(--accent-rgb),.3)}
.btn-accent:focus{outline:0; box-shadow:0 0 0 .2rem rgba(var(--accent-rgb),.28)}
.btn-accent:active{transform:translateY(0); filter:brightness(.98)}
.social-actions{display:grid; grid-template-columns:1fr; gap:.5rem}
.social-actions .btn{border-radius:10px}
.btn-google{background:#fff; color:#202124; border:1px solid #dadce0}
.btn-google:hover{background:#f8f9fa; color:#202124; border-color:#c7c9cc}
.btn-google i{color:#ea4335}
.btn-facebook{background:#1877F2; color:#fff; border:none}
.btn-facebook:hover{background:#156fe0; color:#fff}
.auth-footer{margin-top:10px; text-align:center}
.auth-footer .btn-link{color:var(--accent)}
.auth-footer .btn-link:hover{color:#e1613b}
.input-group-text{background:#f8f9fa}
.input-group .btn{border-color:#dee2e6}
.input-group .btn:hover{background:#f8f9fa}

/* Password strength meter */
.password-meter{margin-top:6px}
.password-meter .meter{height:6px; border-radius:999px; background:#eee; overflow:hidden}
.password-meter .meter-fill{width:0%; height:100%; background:#dc3545; transition:width .2s ease, background .2s ease}
.password-meter[data-strength="1"] .meter-fill{width:25%; background:#dc3545}
.password-meter[data-strength="2"] .meter-fill{width:50%; background:#fd7e14}
.password-meter[data-strength="3"] .meter-fill{width:75%; background:#ffc107}
.password-meter[data-strength="4"] .meter-fill{width:100%; background:#198754}

/* Mobile tweaks */
@media (max-width: 991.98px){
  .category-bar{display:none}
  .mobile-cat-toggle{display:flex}
  .search-suggestions{right:0}
  .header-main .container,
  .header-main .header-main-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding-top:.35rem;
    padding-bottom:.35rem;
  }
  .header-left{flex:0 0 auto; justify-content:flex-start; gap:6px}
  .site-header .header-logo{height:32px}
  .site-header .header-logo-img{height:32px}
  .header-right{flex:1 1 auto; justify-content:flex-end; min-width:0}
  .header-main .search-wrap,
  .header-main .search-wrap-secil,
  .header-main .search-wrap-lcw{display:none}
  .header-actions{gap:4px!important; flex-shrink:0}
  .header-icon{width:38px; height:38px; flex-shrink:0}
  .header-line-icon,
  .cart-trolley-icon,
  .favorites-heart-icon,
  .profile-avatar-icon,
  .lang-globe-icon{width:1.35rem; height:1.35rem}
  .lang-switcher-mobile{
    display:inline-flex!important;
    align-items:center;
    font-size:.75rem!important;
    flex-shrink:0;
    white-space:nowrap;
  }
  .mobile-cat-toggle{display:inline-flex!important}
  #openSearchOverlay,
  .mobile-cat-toggle{
    width:38px; height:38px;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  #openSearchOverlay i,
  .mobile-cat-toggle i{font-size:1.2rem}
}
@media (max-width: 576px){
  .navbar-brand img{ height:30px; }
  .site-header .header-logo{height:30px}
  .site-header .header-logo-img{height:30px}
  .hero .zen-hero-title{ font-size:1.5rem }
  .hero .content{ max-width:92%; }
}
@media (max-width: 767.98px){
  main.container-fluid,
  main.homepage-main{
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  .homepage .hero,
  .homepage .hero-minimal,
  .homepage:has(.site-header.is-overlay) .hero,
  .homepage:has(.site-header.is-overlay) .hero-minimal{
    min-height:0!important;
    height:auto!important;
    width:100%;
    margin:0!important;
    padding:0!important;
    border-radius:0;
    overflow:hidden;
  }
  body.homepage main.homepage-main{
    margin-top:0!important;
    padding-top:0!important;
  }
  .homepage .hero-minimal .carousel,
  .homepage .hero-minimal .carousel-inner{
    height:clamp(260px, 70vw, 380px)!important;
    min-height:clamp(260px, 70vw, 380px)!important;
    aspect-ratio:unset;
    max-height:none;
    width:100%;
    background:#fff;
  }
  .homepage .hero-minimal .carousel-item{
    position:relative!important;
    height:100%!important;
    min-height:100%!important;
    background:#fff;
  }
  .homepage .hero-minimal .carousel-item img,
  .homepage .hero-minimal .carousel-item .hero-banner-img,
  .hero img{
    display:block!important;
    object-position:center top;
    position:absolute;
    inset:0;
    height:100%!important;
    width:100%!important;
    min-height:0!important;
    max-height:100%!important;
    object-fit:cover;
    object-position:center center;
  }
  .homepage .hero-minimal .carousel-item .overlay{
    display:none;
  }
  .home-product-section .container,
  .home-trust-strip .container,
  .home-newsletter-band,
  .home-editorial-split{
    padding-left:.75rem;
    padding-right:.75rem;
  }
  .home-product-section{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}
@media (min-width: 992px){
  .navbar-brand img,
  .site-header .header-logo-img{ height:40px; }
}
.primary-menu{background:#fff; border-bottom:1px solid #eee}
.primary-nav{display:flex; gap:8px; padding:.25rem 0; margin:0; list-style:none}
.primary-nav .nav-link{padding:.35rem .75rem; color:#222; font-weight:600; text-decoration:none}
.primary-nav .nav-link:hover{color:var(--accent)}
.primary-nav .nav-link.active{color:var(--accent); border-bottom-color:var(--accent)}
.header-main .container{gap:12px}
.header-main .navbar-brand{margin:0}
/* Koton ince ayarları */
.primary-nav .nav-link{letter-spacing:.02em; border-bottom:2px solid transparent}
.primary-nav .nav-link:hover{border-bottom-color:var(--accent)}
.category-bar{display:none !important}
.carousel-indicators [data-bs-target]{width:.75rem; height:.75rem; border-radius:50%; background:#ddd; border:0; margin:0 .25rem}
.carousel-indicators .active{background:var(--accent)}
.carousel-control-prev, .carousel-control-next{width:48px}
/* Indikatorları hero içinde ortala */
#homeHero .carousel-indicators{position:absolute; left:50%; transform:translateX(-50%); bottom:38px; margin:0; display:flex; align-items:center; gap:10px}
/* Dairesel ilerleme indicator yanında kullanılmıyor */

/* Dots indicator daha modern görünsün */
.dots-indicators [data-bs-target]{width:.6rem; height:.6rem; border-radius:50%; background:rgba(255,255,255,.88); opacity:.95; box-shadow:0 2px 6px rgba(0,0,0,.20); border:1px solid rgba(255,255,255,.65); cursor:pointer}
.dots-indicators .active{opacity:1; background:var(--accent); border-color:var(--accent); box-shadow:0 0 6px rgba(232,92,65,.35)}
/* İndikator butonunda konumlandırma için relative */
.dots-indicators [data-bs-target]{position:relative}
/* Küçük üç nokta yükleme animasyonu */
.dots-indicators [data-bs-target] .dots-loader{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:4px; gap:2px;}
.dots-indicators [data-bs-target] .dots-loader span{display:inline-block; width:2px; height:2px; border-radius:50%; background:currentColor; opacity:.4;}
.dots-indicators .active .dots-loader{display:flex; color:#fff;}
@keyframes dotPulse{0%{opacity:.2; transform:translateY(0)}50%{opacity:1; transform:translateY(-1px)}100%{opacity:.2; transform:translateY(0)}}
.dots-indicators .active .dots-loader span:nth-child(1){animation:dotPulse 900ms ease-in-out infinite}
.dots-indicators .active .dots-loader span:nth-child(2){animation:dotPulse 900ms ease-in-out infinite 100ms}
.dots-indicators .active .dots-loader span:nth-child(3){animation:dotPulse 900ms ease-in-out infinite 200ms}

/* Marka şeridi ve bülten kartı */
.brand-pill{display:inline-block; padding:.35rem .75rem; border:1px solid var(--border); border-radius:999px; background:#fff; color:#333; font-weight:600}
.brand-pill:hover{color:var(--accent); border-color:var(--accent)}
.brand-logo{height:40px; width:auto; object-fit:contain}

/* -----------------------
   Sayfa Yükleme Overlay
   (Anatoya stili renkli noktalar)
------------------------- */
.page-loader{position:fixed; inset:0; background:rgba(255,255,255,.98); z-index:2000; display:flex; align-items:center; justify-content:center}
.page-loader.fade-out{animation: loaderFadeOut 260ms ease forwards}
@keyframes loaderFadeOut{0%{opacity:1}100%{opacity:0; visibility:hidden}}
/* Zenobya logo bazlı yükleyici */
.page-loader .zen-loader{display:flex; flex-direction:column; align-items:center; gap:12px}
.page-loader .zen-loader .zen-loader-logo{height:46px; width:auto; animation: logoPulse 1800ms ease-in-out infinite}
.page-loader .zen-loader .zen-progress{position:relative; width:180px; height:4px; background:rgba(var(--accent-rgb),.20); border-radius:999px; overflow:hidden}
.page-loader .zen-loader .zen-progress .bar{position:absolute; left:-40%; top:0; width:40%; height:100%; background:linear-gradient(90deg, var(--accent), var(--accent-700)); box-shadow:0 0 12px rgba(var(--accent-rgb),.35); border-radius:999px; animation: loaderSlide 1200ms ease-in-out infinite}
@keyframes loaderSlide{0%{left:-40%}100%{left:100%}}
@keyframes logoPulse{0%{transform:scale(1); filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}50%{transform:scale(1.03); filter:drop-shadow(0 8px 18px rgba(var(--accent-rgb),.18))}100%{transform:scale(1); filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}}

.brand-logo-svg text{font-family: var(--font-sans, Arial, sans-serif)}
.brands-slider-card{overflow:hidden}
.brands-nav{position:absolute; right:12px; top:10px}
.brands-nav .btn{background:#fff; border:1px solid var(--border)}
.brands-nav .btn:hover{border-color:var(--accent); color:var(--accent)}
.brands-scroll{display:flex; gap:.5rem; overflow-x:auto; padding:4px 2px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch}
.brands-scroll .brand-pill{flex:0 0 auto; scroll-snap-align:start}
@media (min-width:768px){
  .brands-scroll{justify-content:center}
}
/* Dairesel ilerleme göstergesi */
.progress-circle{position:absolute; right:12px; bottom:12px}
.progress-ring__bg{stroke:#eee}
.progress-ring__circle{stroke:var(--accent); stroke-dasharray: 113; stroke-dashoffset: 113; transition: stroke-dashoffset .3s linear}
.newsletter-card .form-control{border-color:#dee2e6}
.newsletter-card .form-control:focus{box-shadow:0 0 0 .24rem rgba(var(--accent-rgb),.18), 0 12px 26px rgba(var(--accent-rgb),.06); border-color:var(--accent); outline:none}

/* Profile page tweaks */
.profile-header .profile-avatar{width:56px; height:56px; object-fit:cover}
.profile-header .card-body{padding:1rem 1.25rem}
.list-group-item.active > a{color:#fff}
.list-group-item.active{background-color:#0d6efd; border-color:#0d6efd}
.card-header h2.h6{font-weight:600}
.card-header .small{color:#6c757d}
@media (max-width:576px){
  .profile-header .profile-avatar{width:44px; height:44px}
}
.section-band{border-radius:var(--radius-lg); background:linear-gradient(135deg, #fff8f5 0%, #ffffff 48%, #f8fafc 100%); padding:clamp(1.5rem, 4vw, 2.5rem); border:1px solid rgba(15,23,42,.06); box-shadow:0 20px 40px -24px rgba(15,23,42,.15)}
.section-band .h5{font-weight:800; font-family:var(--font-display); letter-spacing:-.02em}
.section-band-new{background:linear-gradient(135deg, #f0f7ff 0%, #ffffff 50%, #fafbfc 100%)}
.section-band-trending{background:linear-gradient(135deg, #fff6ed 0%, #ffffff 50%, #fafafa 100%)}
.section-band-deal{background:linear-gradient(135deg, #fdf2f8 0%, #ffffff 50%, #fafafa 100%)}

/* Card backgrounds per variant */
.product-card-new{background:var(--accent)}
.product-card-trending{background:var(--accent)}
.product-card-deal{background:var(--accent)}
.product-card-default{background:var(--accent)}
.catalog-grid .product-card{
  border-radius:0!important;
  overflow:hidden!important;
}
.product-card .card-body{display:flex; flex-direction:column; align-items:flex-start}
.product-card .card-footer{display:flex; align-items:center; justify-content:center}
@media (min-width: 768px){
.product-card .card-body{align-items:center; text-align:center}

/* Featured band redesign: cleaner cards with square images and visible actions */
.section-band-featured{
  background: linear-gradient(180deg,#fff 0%, #f9fafb 100%);
  border-radius: 16px;
}
.section-band-featured .product-card-featured{
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  box-shadow:none;
  background:#fff;
}
.section-band-featured .product-card-featured:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.section-band-featured .product-card-featured .product-image{
  aspect-ratio:1/1;
  background:#f7f7f7;
  padding:12px;
}
.section-band-featured .product-card-featured .product-image .card-img-top{
  object-fit:contain;
}
.section-band-featured .product-card-featured .card-body{
  padding:.75rem 1rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.35rem;
}
.section-band-featured .product-card-featured .card-body .fw-semibold{
  font-size:.95rem;
  font-weight:600;
  margin-bottom:.25rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.section-band-featured .product-card-featured .price{font-size:1rem; display:flex; align-items:baseline; gap:.35rem}
.section-band-featured .product-card-featured .product-actions{
  position:static;
  transform:none;
  opacity:1;
  background:none;
  padding:.5rem 1rem 1rem;
}
.section-band-featured .product-card-featured .product-actions .fav-btn{width:36px}
/* Softer badges and rating for featured cards */
.section-band-featured .product-card-featured .badge{border:none; background:#fff0f1; color:#d63384; font-weight:600; border-radius:8px}
.section-band-featured .product-card-featured .text-warning{color:#f59e0b!important}
.section-band-featured .product-card-featured .bi-star, .section-band-featured .product-card-featured .bi-star-fill{font-size:.9rem; margin-right:1px}

/* Deals band header polish */
.deals-band .deals-timer{background:#fff; border:1px solid #e7eefc; color:#0d6efd; border-radius:999px; padding:.25rem .5rem; font-weight:600; font-variant-numeric:tabular-nums}
.deals-band .coupon-box{background:#f9fafb; border:1px solid #eef2f7; border-radius:10px; padding:.35rem .5rem}
.deals-band .coupon-box .form-control-sm{max-width:180px}
.deals-band.expired{opacity:.85}
}

/* Editorial strip */
.editorial-strip{display:grid; grid-template-columns:repeat(var(--editorial-cols,3),1fr); gap:16px; margin:24px 0}
.editorial-card{position:relative; display:block; height:var(--editorial-height,360px); background-size:cover; background-position:center; border-radius:12px; overflow:hidden}
.editorial-overlay{position:absolute; left:0; right:0; bottom:0; padding:20px; color:#fff}
.editorial-overlay.align-left{ text-align:left }
.editorial-overlay.align-center{ text-align:center }
.editorial-overlay.align-right{ text-align:right }
.editorial-eyebrow{font-size:13px; letter-spacing:.4px; opacity:.9}
.editorial-title{font-size:28px; font-weight:700; margin:4px 0 8px}
.editorial-cta{display:inline-block; background:var(--accent); color:#fff; border-radius:999px; padding:.35rem .9rem; font-weight:600; box-shadow:0 6px 20px rgba(255,122,62,.3)}
.editorial-cta:hover{filter:brightness(1.05); color:#fff}
.editorial-card.tone-dark .editorial-overlay{background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 100%)}
.editorial-card.tone-bordeaux .editorial-overlay{background:linear-gradient(180deg, rgba(88,20,33,0) 50%, rgba(88,20,33,0.55) 100%)}
.editorial-card.tone-green .editorial-overlay{background:linear-gradient(180deg, rgba(0,64,32,0) 50%, rgba(0,64,32,0.55) 100%)}
@media (max-width: 991px){
  .editorial-strip{grid-template-columns:1fr; gap:12px}
  .editorial-card{height:280px}
}
/* Mega Categories */
.mega-categories{ margin-top: 8px; }
.mega-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media(min-width:768px){ .mega-grid{ grid-template-columns: repeat(4, 1fr); } }
.mega-item{ border-radius: 10px; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; }
.mega-link{ display: block; color: inherit; text-decoration: none; }
.mega-thumb{ width: 100%; padding-top: 66%; background-size: cover; background-position: center; }
.mega-label{ padding: 8px 10px; font-weight: 500; }
.newsletter-card{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%)}
.newsletter-card .form-control{border-color:#dee2e6}
.newsletter-card .form-control:focus{box-shadow:0 0 0 .24rem rgba(var(--accent-rgb),.18), 0 12px 26px rgba(var(--accent-rgb),.06); border-color:var(--accent); outline:none}
.newsletter-card .btn{min-width:130px}

/* Brand pills */
.brand-pill{display:inline-flex; align-items:center; justify-content:center; min-width:120px; padding:.5rem .75rem; background:#fff; border:1px solid var(--border); border-radius:999px; transition:transform .2s ease, box-shadow .2s ease}
.brand-pill:hover{transform:translateY(-2px); box-shadow:0 8px 16px rgba(0,0,0,.06)}
.brand-logo{width:80px; height:auto; opacity:.95}

/* Mobile brand slider: horizontal scroll chips */
@media (max-width: 767.98px){
  #brandsCarousel .carousel-inner{display:flex; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; gap:12px; padding:6px}
  #brandsCarousel .carousel-item{flex:0 0 auto; width:auto; scroll-snap-align:start; display:block}
  #brandsCarousel .carousel-control-prev, #brandsCarousel .carousel-control-next{display:none}
}

/* Buton yükleme durumu için küçük spinner */
.btn.btn-loading:disabled::after{content:""; display:inline-block; width:1rem; height:1rem; margin-left:.5rem; border:2px solid rgba(255,255,255,.9); border-right-color:transparent; border-radius:50%; animation: spin 600ms linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* zenobya.com.tr hizalı üst çubuk + ana sayfa bantları */
.site-topbar{ background: var(--brand); color: rgba(255,255,255,.88); border-bottom: 1px solid rgba(255,255,255,.08); }
.site-topbar a{ color: rgba(255,255,255,.92); text-decoration: none; }
.site-topbar a:hover{ color: #fff; text-decoration: underline; }
.site-topbar-meta{ color: rgba(255,255,255,.75); }
.hero .carousel-item{ position: relative; }
.hero .carousel-item .overlay{ z-index: 1; }
.hero .carousel-item .content{ z-index: 2; pointer-events: none; }
.hero .carousel-item .content .btn{ pointer-events: auto; }
.workshop-strip{
  background: linear-gradient(180deg, var(--bg-subtle) 0%, #fff 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.workshop-strip .h6{font-family:var(--font-display); font-weight:800; letter-spacing:.12em; color:var(--brand)!important}
.workshop-pill{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .55rem 1.15rem;
  color: var(--brand);
  box-shadow: 0 2px 8px rgba(15,23,42,.04);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.workshop-pill:hover{ border-color: rgba(var(--accent-rgb),.35); box-shadow: 0 6px 16px rgba(15,23,42,.08); transform: translateY(-1px); }
.wholesale-cta-band{
  background: radial-gradient(1200px 400px at 50% 0%, rgba(var(--accent-rgb), .12) 0%, transparent 55%), linear-gradient(180deg, var(--bg) 0%, #fff 100%);
  border-top: 1px solid var(--border);
}
.wholesale-cta-band .zen-cta-inner{
  max-width: 640px;
  margin-inline: auto;
  padding: 2.25rem 1.75rem;
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--card-shadow);
}
.wholesale-cta-band .zen-cta-inner .h5{ font-family: var(--font-display); font-weight: 800; letter-spacing: -.02em; }

/* Bölüm başlıkları (ortak) */
.zen-section-head{ text-align: center; margin-bottom: 1.75rem; }
.zen-section-head .zen-eyebrow{
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: .4rem;
}
.zen-section-head .zen-title{
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  letter-spacing: -.03em;
  color: var(--brand);
  margin: 0;
  line-height: 1.2;
}
.zen-section-head .zen-subtitle{
  color: var(--muted);
  font-size: .95rem;
  max-width: 40ch;
  margin: .55rem auto 0;
  line-height: 1.5;
}
@media (min-width: 768px){
  .zen-section-head.text-md-start{ text-align: left; }
  .zen-section-head.text-md-start .zen-subtitle{ margin-left: 0; }
}
.home-section-categories{ padding-top: .25rem; padding-bottom: .5rem; }
.featured-categories .text-end .btn{ border-radius: 999px; padding: .45rem 1.15rem; font-weight: 600; }
.search-wrap:focus-within .form-control{ box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .18); border-color: rgba(var(--accent-rgb), .45); }