/* Aşiyan Storefront V20 — feminine editorial header + hero */
:root{
  --v20-wine:#6f1738;
  --v20-wine-deep:#3d1023;
  --v20-rose:#d6a0ac;
  --v20-blush:#f2e4e5;
  --v20-cream:#fbf7f2;
  --v20-ink:#191315;
  --v20-gold:#c8a26c;
  --v20-line:rgba(25,19,21,.12);
  --v20-header-h:82px;
}

body.storefront-v20{background:var(--v20-cream);color:var(--v20-ink)}
.storefront-v20 .v10-header-spacer{height:82px!important}
.storefront-v20.is-home .v10-header-spacer{display:none!important}

/* Announcement strip */
.storefront-v20 .v7-top-strip{
  position:relative;
  z-index:1250;
  height:34px;
  padding-inline:max(26px,calc((100vw - 1500px)/2));
  background:linear-gradient(90deg,#3a0f22 0%,#74183b 48%,#3a0f22 100%);
  color:#fff;
  border:0;
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}
.storefront-v20 .v7-top-strip:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-100%);
  animation:v20StripGlow 8s ease-in-out infinite;
}
@keyframes v20StripGlow{50%,100%{transform:translateX(100%)}}
.storefront-v20 .v7-top-strip a{position:relative;z-index:1;opacity:.94}
.storefront-v20 .v7-top-strip a:hover{opacity:1}

/* Header foundation */
.storefront-v20 .store-header{
  height:var(--v20-header-h)!important;
  z-index:1200!important;
  overflow:visible!important;
  isolation:isolate;
  border-bottom:1px solid var(--v20-line)!important;
  background:rgba(255,252,248,.94)!important;
  color:var(--v20-ink)!important;
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  transition:height .28s ease,background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.storefront-v20 .store-header.v10-fixed,
.storefront-v20 .store-header.is-scrolled,
.storefront-v20 .store-header.is-compact,
.storefront-v20 .store-header.mega-open{
  height:70px!important;
  background:rgba(255,252,248,.98)!important;
  color:var(--v20-ink)!important;
  border-bottom-color:rgba(25,19,21,.1)!important;
  box-shadow:0 16px 45px rgba(47,27,34,.1)!important;
}
.storefront-v20 .header-shell{
  width:min(1500px,calc(100% - 64px))!important;
  max-width:none!important;
  height:100%;
  grid-template-columns:minmax(390px,1fr) auto minmax(390px,1fr)!important;
  gap:30px!important;
}
.storefront-v20 .header-nav{gap:clamp(13px,1.5vw,28px)!important}
.storefront-v20 .nav-entry>a{
  color:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
}
.storefront-v20 .nav-entry>a:after{
  bottom:18px!important;
  height:2px!important;
  border-radius:99px;
  background:linear-gradient(90deg,var(--v20-wine),var(--v20-rose))!important;
}
.storefront-v20 .store-logo{
  min-width:184px!important;
  color:inherit!important;
  transition:color .25s ease,transform .25s ease,filter .25s ease;
}
.storefront-v20 .store-logo:hover{transform:translateY(-1px)}
.storefront-v20 .store-logo strong{
  font-size:33px!important;
  font-weight:600!important;
  letter-spacing:.2em!important;
}
.storefront-v20 .store-logo small{
  color:var(--v20-wine);
  font-size:6px!important;
  letter-spacing:.56em!important;
}
.storefront-v20 .store-logo img{max-width:190px!important;max-height:48px!important;transition:filter .25s ease,opacity .25s ease}
.storefront-v20 .header-actions{gap:3px!important}
.storefront-v20 .header-icon{
  width:42px;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  color:inherit!important;
  background:transparent!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important;
}
.storefront-v20 .header-icon[data-search-toggle]{width:auto;min-width:70px!important;padding-inline:13px!important;border-radius:999px!important}
.storefront-v20 .header-icon:hover{
  transform:translateY(-2px)!important;
  color:var(--v20-wine)!important;
  background:rgba(111,23,56,.07)!important;
  border-color:rgba(111,23,56,.12)!important;
}
.storefront-v20 .header-icon>b{
  right:-1px!important;
  top:-2px!important;
  width:18px!important;
  height:18px!important;
  border:2px solid #fff!important;
  background:var(--v20-wine)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(111,23,56,.25)!important;
}

/* Home header floats over the fashion image */
/* Keep the home header out of document flow until the fixed state begins. */
.storefront-v20.is-home .store-header:not(.v10-fixed){
  position:absolute!important;
  top:34px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
}

.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open){
  position:absolute!important;
  top:34px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:88px!important;
  background:linear-gradient(180deg,rgba(12,7,9,.48),rgba(12,7,9,.08))!important;
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px) saturate(110%);
  -webkit-backdrop-filter:blur(5px) saturate(110%);
}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .store-logo small{color:#f6dbe2}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .store-logo.has-logo-image img{filter:brightness(0) invert(1);opacity:.96}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .header-icon{
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.06)!important;
  backdrop-filter:blur(10px);
}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .header-icon:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(255,255,255,.14)!important;
}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .header-icon>b{border-color:#5a1732!important;background:#fff!important;color:var(--v20-wine)!important}
.storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .nav-entry>a:after{background:#fff!important}

/* Mega menu: boutique / make-up palette feel */
.storefront-v20 .header-shell,
.storefront-v20 .header-nav,
.storefront-v20 .nav-entry{position:static!important}
.storefront-v20 .mega-menu{
  position:absolute!important;
  inset:auto 0 auto 0!important;
  top:calc(100% - 1px)!important;
  max-height:calc(100svh - 70px)!important;
  padding:34px max(42px,calc((100vw - 1410px)/2)) 38px!important;
  grid-template-columns:260px minmax(330px,1fr) minmax(320px,390px)!important;
  gap:clamp(34px,4vw,70px)!important;
  overflow:auto!important;
  background:rgba(255,251,247,.99)!important;
  border-top:1px solid rgba(111,23,56,.1)!important;
  border-bottom:1px solid rgba(111,23,56,.08)!important;
  box-shadow:0 34px 80px rgba(49,24,34,.18)!important;
}
.storefront-v20 .mega-menu-copy span{color:var(--v20-wine)!important}
.storefront-v20 .mega-menu-copy h3{
  margin:10px 0 14px!important;
  color:var(--v20-ink);
  font-size:44px!important;
  line-height:.9!important;
}
.storefront-v20 .mega-menu-copy p{color:#75676c!important;font-size:12px!important;line-height:1.75!important}
.storefront-v20 .mega-menu-copy>a{color:var(--v20-wine);letter-spacing:.08em}
.storefront-v20 .mega-menu-links{gap:0 34px!important}
.storefront-v20 .mega-menu-links>a{
  height:50px!important;
  color:#33282c;
  border-bottom-color:rgba(111,23,56,.11)!important;
  font-size:12px!important;
  transition:padding .2s ease,color .2s ease,background .2s ease!important;
}
.storefront-v20 .mega-menu-links>a:hover{padding-inline:10px;color:var(--v20-wine);background:rgba(111,23,56,.035)}
.storefront-v20 .mega-menu-visual{
  min-height:230px!important;
  padding:30px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 78% 20%,rgba(255,224,231,.42) 0 7%,transparent 7.4%),
    radial-gradient(circle at 86% 34%,rgba(255,255,255,.18) 0 13%,transparent 13.4%),
    linear-gradient(145deg,#34101f 0%,#741a3d 52%,#b96578 100%)!important;
  border-radius:2px;
  box-shadow:0 24px 55px rgba(80,24,48,.18);
}
.storefront-v20 .mega-menu-visual:before{
  content:"A"!important;
  right:-12px!important;
  top:-58px!important;
  color:#fff;
  opacity:.08!important;
}
.storefront-v20 .mega-menu-visual:after{
  content:"";
  position:absolute;
  right:26px;
  top:26px;
  width:66px;
  height:66px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  box-shadow:0 0 0 12px rgba(255,255,255,.04),0 0 0 24px rgba(255,255,255,.025);
}
.storefront-v20 .mega-menu-visual strong{font-size:31px!important;position:relative;z-index:1}
.storefront-v20 .mega-menu-visual span,
.storefront-v20 .mega-menu-visual small{position:relative;z-index:1}

/* Hero */
.storefront-v20 .v19-hero{
  position:relative;
  padding:0!important;
  background:#1a1014!important;
}
.storefront-v20 .v19-hero-stage{
  height:calc(100svh - 34px)!important;
  min-height:680px!important;
  max-height:980px;
  border-radius:0!important;
  background:#1a1014!important;
}
.storefront-v20 .v19-hero-stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(74,14,39,.22),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 28%);
  mix-blend-mode:screen;
}
.storefront-v20 .v19-hero-stage:after{
  content:"AŞİYAN  /  WOMAN  /  EDIT  2026";
  position:absolute;
  right:24px;
  top:50%;
  z-index:5;
  color:rgba(255,255,255,.68);
  font-size:8px;
  font-weight:700;
  letter-spacing:.28em;
  writing-mode:vertical-rl;
  transform:translateY(-50%);
  pointer-events:none;
}
.storefront-v20 .v19-hero-media img,
.storefront-v20 .v19-hero-media video{
  filter:saturate(.9) contrast(1.04) brightness(.93)!important;
  transform:scale(1.065)!important;
}
.storefront-v20 .v19-hero-slide.is-active .v19-hero-media img,
.storefront-v20 .v19-hero-slide.is-active .v19-hero-media video{transform:scale(1)!important}
.storefront-v20 .v19-hero-shade{
  background:
    linear-gradient(90deg,rgba(19,8,13,.83) 0%,rgba(42,10,24,.5) 34%,rgba(25,9,15,.08) 68%),
    linear-gradient(0deg,rgba(16,7,11,.68) 0%,rgba(16,7,11,.05) 46%),
    radial-gradient(circle at 84% 22%,rgba(176,76,103,.22),transparent 30%)!important;
}
.storefront-v20 .v19-hero-content{
  left:max(48px,calc((100vw - 1450px)/2 + 26px))!important;
  bottom:clamp(88px,12vh,142px)!important;
  width:min(760px,58vw)!important;
}
.storefront-v20 .v19-hero-kicker{
  gap:14px!important;
  margin-bottom:22px!important;
  color:#f6dce4!important;
  font-size:9px!important;
  letter-spacing:.24em!important;
}
.storefront-v20 .v19-hero-kicker i{width:58px!important;background:linear-gradient(90deg,#fff,rgba(255,255,255,.1))!important}
.storefront-v20 .v19-hero-content h1{
  max-width:760px!important;
  color:#fff;
  font-size:clamp(68px,7.25vw,128px)!important;
  line-height:.82!important;
  letter-spacing:-.052em!important;
  text-shadow:0 10px 45px rgba(0,0,0,.15);
}
.storefront-v20 .v19-hero-content p{
  max-width:500px!important;
  margin-top:25px!important;
  color:rgba(255,255,255,.8)!important;
  font-size:14px!important;
  line-height:1.8!important;
}
.storefront-v20 .v19-hero-actions{margin-top:31px!important;gap:12px!important}
.storefront-v20 .v19-hero-primary,
.storefront-v20 .v19-hero-secondary{
  min-height:56px!important;
  padding-inline:25px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.storefront-v20 .v19-hero-primary{
  border-color:#fff!important;
  background:#fff!important;
  color:var(--v20-wine-deep)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.16);
}
.storefront-v20 .v19-hero-primary:hover{
  border-color:var(--v20-wine)!important;
  background:var(--v20-wine)!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(111,23,56,.34);
}
.storefront-v20 .v19-hero-secondary{border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(12px)}
.storefront-v20 .v19-hero-secondary:hover{background:rgba(255,255,255,.16)!important}
.storefront-v20 .v19-hero-meta{
  top:132px!important;
  right:max(38px,calc((100vw - 1450px)/2 + 25px))!important;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  background:rgba(16,8,12,.14);
  backdrop-filter:blur(10px);
}
.storefront-v20 .v19-hero-controls{
  right:max(38px,calc((100vw - 1450px)/2 + 25px))!important;
  bottom:42px!important;
  padding:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(19,8,13,.22);
  backdrop-filter:blur(14px);
}
.storefront-v20 .v19-hero-controls>button{
  width:44px!important;
  height:44px!important;
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.07)!important;
}
.storefront-v20 .v19-hero-controls>button:hover{background:#fff!important;color:var(--v20-wine)!important}
.storefront-v20 .v19-hero-dots button{width:24px!important}
.storefront-v20 .v19-hero-progress{height:3px!important;background:linear-gradient(90deg,#fff,#eab7c4,var(--v20-wine))!important}
.storefront-v20 .v19-hero-badge{
  right:max(90px,calc((100vw - 1450px)/2 + 85px))!important;
  top:48%!important;
  min-width:190px;
  padding:18px 22px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:18px!important;
  background:rgba(255,248,247,.88)!important;
  color:var(--v20-ink)!important;
  box-shadow:0 26px 75px rgba(42,10,24,.22)!important;
}
.storefront-v20 .v19-hero-badge .icon{color:var(--v20-wine)!important}
.storefront-v20 .v19-hero-badge b{color:var(--v20-wine);font-size:31px!important}

/* Keep the rest of the homepage light and untouched, only soften the transition. */
.storefront-v20.is-home .v7-category-strip{position:relative;z-index:4;background:var(--v20-cream)}
.storefront-v20.is-home .v7-category-strip:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1500px,calc(100% - 48px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(111,23,56,.2),transparent);
}

@media(max-width:1260px){
  .storefront-v20 .header-shell{width:calc(100% - 34px)!important;grid-template-columns:minmax(330px,1fr) auto minmax(330px,1fr)!important;gap:15px!important}
  .storefront-v20 .header-nav{gap:13px!important}
  .storefront-v20 .nav-entry>a{font-size:8px!important;letter-spacing:.055em!important}
  .storefront-v20 .header-icon[data-search-toggle]{min-width:42px!important;padding:0!important}
  .storefront-v20 .header-icon[data-search-toggle] span{display:none!important}
  .storefront-v20 .v19-hero-content{width:min(690px,62vw)!important}
  .storefront-v20 .v19-hero-badge{display:none!important}
}

@media(max-width:767px){
  :root{--v20-header-h:64px}
  .storefront-v20 .v10-header-spacer{height:64px!important}
  .storefront-v20 .v7-top-strip{height:28px!important;padding:0 14px!important;font-size:8px!important;letter-spacing:.12em!important}
  .storefront-v20 .v7-top-strip a:last-child{display:none!important}
  .storefront-v20 .store-header,
  .storefront-v20 .store-header.v10-fixed,
  .storefront-v20 .store-header.is-scrolled,
  .storefront-v20 .store-header.is-compact,
  .storefront-v20 .store-header.mega-open{height:64px!important}
  .storefront-v20.is-home .store-header:not(.v10-fixed){top:28px!important}
  .storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open){top:28px!important;height:68px!important}
  .storefront-v20 .header-shell{width:100%!important;padding:0 12px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:5px!important}
  .storefront-v20 .store-logo{min-width:0!important}
  .storefront-v20 .store-logo strong{font-size:27px!important;letter-spacing:.16em!important}
  .storefront-v20 .store-logo small{font-size:5px!important;letter-spacing:.46em!important}
  .storefront-v20 .store-logo img{max-width:150px!important;max-height:40px!important}
  .storefront-v20 .header-icon{width:40px!important;min-width:40px!important;height:40px!important}
  .storefront-v20 .header-actions .header-icon[data-search-toggle]{display:none!important}
  .storefront-v20 .header-icon.cart-icon{border-color:rgba(111,23,56,.14)!important;background:rgba(111,23,56,.045)!important}
  .storefront-v20.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .header-icon.cart-icon{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important}

  .storefront-v20 .v19-hero{padding:0!important}
  .storefront-v20 .v19-hero-stage{height:calc(100svh - 28px)!important;min-height:640px!important;max-height:none!important;border-radius:0!important}
  .storefront-v20 .v19-hero-stage:after{display:none}
  .storefront-v20 .v19-hero-media img,
  .storefront-v20 .v19-hero-media video{object-position:center top!important;filter:saturate(.9) contrast(1.03) brightness(.9)!important}
  .storefront-v20 .v19-hero-shade{
    background:linear-gradient(0deg,rgba(22,7,14,.93) 0%,rgba(34,9,20,.62) 37%,rgba(18,7,12,.12) 72%),linear-gradient(180deg,rgba(11,5,8,.25),transparent 34%)!important;
  }
  .storefront-v20 .v19-hero-content{
    left:20px!important;
    right:20px!important;
    bottom:92px!important;
    width:auto!important;
  }
  .storefront-v20 .v19-hero-kicker{margin-bottom:14px!important;font-size:7px!important;letter-spacing:.18em!important}
  .storefront-v20 .v19-hero-kicker i{width:34px!important}
  .storefront-v20 .v19-hero-content h1{max-width:520px!important;font-size:clamp(50px,15vw,76px)!important;line-height:.84!important}
  .storefront-v20 .v19-hero-content p{display:-webkit-box;max-width:430px!important;margin-top:16px!important;font-size:11px!important;line-height:1.65!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .storefront-v20 .v19-hero-actions{margin-top:22px!important}
  .storefront-v20 .v19-hero-primary{min-height:50px!important;padding-inline:20px!important;font-size:8px!important}
  .storefront-v20 .v19-hero-secondary{display:none!important}
  .storefront-v20 .v19-hero-meta{top:88px!important;right:16px!important;font-size:8px!important}
  .storefront-v20 .v19-hero-meta i{width:26px!important}
  .storefront-v20 .v19-hero-controls{right:14px!important;bottom:20px!important;gap:7px!important;padding:5px!important}
  .storefront-v20 .v19-hero-controls>button{width:39px!important;height:39px!important}
  .storefront-v20 .v19-hero-dots{display:none!important}
  .storefront-v20 .v19-hero-progress{height:2px!important}
  .storefront-v20.is-home .v7-category-strip:before{width:calc(100% - 28px)}
}

@media(max-width:390px){
  .storefront-v20 .store-logo strong{font-size:24px!important}
  .storefront-v20 .store-logo img{max-width:128px!important}
  .storefront-v20 .v19-hero-content h1{font-size:47px!important}
  .storefront-v20 .v19-hero-content{bottom:84px!important}
  .storefront-v20 .v19-hero-primary{padding-inline:17px!important}
}

@media(prefers-reduced-motion:reduce){
  .storefront-v20 .v7-top-strip:after{animation:none!important}
}