/* Aşiyan Storefront V21 — stronger feminine boutique redesign */
:root{
  --v21-burgundy:#611833;
  --v21-burgundy-deep:#2e0d1b;
  --v21-rose:#d9a3b0;
  --v21-cream:#fbf5ef;
  --v21-shell:rgba(255,250,247,.88);
  --v21-line:rgba(97,24,51,.14);
}
body.storefront-v21{background:var(--v21-cream)}

/* Header — much more visible change */
.storefront-v21 .v7-top-strip{
  height:32px!important;
  background:linear-gradient(90deg,#2a0c18 0%,#7b1f41 48%,#2a0c18 100%)!important;
}
.storefront-v21 .store-header{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.storefront-v21.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open){
  background:linear-gradient(180deg,rgba(18,6,10,.72) 0%,rgba(18,6,10,.32) 54%,rgba(18,6,10,.08) 100%)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
}
.storefront-v21 .store-header.v10-fixed,
.storefront-v21 .store-header.is-scrolled,
.storefront-v21 .store-header.is-compact,
.storefront-v21 .store-header.mega-open{
  background:rgba(255,248,244,.98)!important;
  box-shadow:0 18px 50px rgba(48,19,31,.14)!important;
}
.storefront-v21 .header-shell{
  width:min(1560px,calc(100% - 56px))!important;
  grid-template-columns:minmax(420px,1fr) auto minmax(420px,1fr)!important;
}
.storefront-v21 .header-nav{justify-content:flex-start!important}
.storefront-v21 .nav-entry>a{
  font-size:11px!important;
  letter-spacing:.14em!important;
  font-weight:700!important;
}
.storefront-v21 .nav-entry>a:hover{color:var(--v21-burgundy)!important}
.storefront-v21 .store-logo{position:relative;padding:14px 20px;border-radius:999px}
.storefront-v21.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open) .store-logo{
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;
}
.storefront-v21 .store-header.v10-fixed .store-logo,
.storefront-v21 .store-header.is-scrolled .store-logo,
.storefront-v21 .store-header.is-compact .store-logo,
.storefront-v21 .store-header.mega-open .store-logo{
  background:rgba(97,24,51,.04);
  box-shadow:0 0 0 1px rgba(97,24,51,.08) inset;
}
.storefront-v21 .store-logo strong{font-size:34px!important;letter-spacing:.24em!important}
.storefront-v21 .store-logo img{max-height:44px!important}
.storefront-v21 .header-actions{justify-content:flex-end!important;gap:6px!important}
.storefront-v21 .header-icon{
  width:44px!important;height:44px!important;border-radius:14px!important;
}
.storefront-v21 .header-icon[data-search-toggle]{padding-inline:16px!important;min-width:84px!important;border-radius:999px!important}
.storefront-v21 .mega-menu{
  background:linear-gradient(180deg,rgba(255,251,248,.99),rgba(253,247,244,.99))!important;
  border-top:1px solid rgba(97,24,51,.11)!important;
  box-shadow:0 36px 90px rgba(46,13,27,.18)!important;
}
.storefront-v21 .mega-menu-copy h3{font-size:48px!important;line-height:.88!important}
.storefront-v21 .mega-menu-visual{
  border-radius:28px!important;
  background:radial-gradient(circle at 78% 22%,rgba(255,233,239,.45) 0 8%,transparent 8.4%),linear-gradient(145deg,#35101f 0%,#7d2347 56%,#d28798 100%)!important;
}

/* Hero — strong visible redesign */
.storefront-v21 .v19-hero-stage{
  min-height:760px!important;
}
.storefront-v21 .v19-hero-stage:before{
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 18% 18%,rgba(216,154,171,.18),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.28) 0%,transparent 42%)!important;
}
.storefront-v21 .v19-hero-media img,
.storefront-v21 .v19-hero-media video{
  filter:saturate(.94) contrast(1.06) brightness(.88)!important;
  transform:scale(1.08)!important;
}
.storefront-v21 .v19-hero-shade{
  background:linear-gradient(90deg,rgba(23,8,14,.86) 0%,rgba(44,12,25,.62) 36%,rgba(25,10,16,.18) 68%),linear-gradient(0deg,rgba(18,8,13,.76) 0%,rgba(18,8,13,.08) 48%),radial-gradient(circle at 84% 22%,rgba(214,132,156,.28),transparent 28%)!important;
}
.storefront-v21 .v19-hero-content{
  width:min(760px,56vw)!important;
  padding:38px 34px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(19,8,13,.48),rgba(19,8,13,.28))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.storefront-v21 .v19-hero-kicker span{color:#ffe8ee!important}
.storefront-v21 .v19-hero-content h1{font-size:clamp(72px,7.5vw,132px)!important;max-width:690px!important}
.storefront-v21 .v19-hero-content p{font-size:15px!important;max-width:520px!important;color:rgba(255,255,255,.86)!important}
.storefront-v21 .v19-hero-actions{margin-top:28px!important}
.storefront-v21 .v19-hero-primary{
  background:linear-gradient(135deg,#fff 0%,#f8e8ec 100%)!important;
  color:var(--v21-burgundy-deep)!important;
  border-color:#fff!important;
}
.storefront-v21 .v19-hero-primary:hover{
  background:var(--v21-burgundy)!important;
  border-color:var(--v21-burgundy)!important;
}
.storefront-v21 .v19-hero-secondary{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.26)!important}
.storefront-v21 .v21-hero-editorial{
  margin-top:22px;
  display:grid;
  gap:8px;
  max-width:420px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
}
.storefront-v21 .v21-hero-editorial small{font-size:10px;font-weight:700;letter-spacing:.22em;color:#f7dbe3}
.storefront-v21 .v21-hero-editorial strong{font-size:23px;line-height:1.15;color:#fff}
.storefront-v21 .v21-hero-editorial span{font-size:12px;line-height:1.8;color:rgba(255,255,255,.72)}
.storefront-v21 .v19-hero-meta{
  top:126px!important;
  right:max(40px,calc((100vw - 1450px)/2 + 28px))!important;
  background:rgba(20,8,13,.34)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.storefront-v21 .v19-hero-controls{
  right:max(40px,calc((100vw - 1450px)/2 + 28px))!important;
  bottom:128px!important;
  background:rgba(20,8,13,.3)!important;
}
.storefront-v21 .v19-hero-badge{
  right:max(44px,calc((100vw - 1450px)/2 + 38px))!important;
  top:224px!important;
  border-radius:24px!important;
  background:rgba(255,247,245,.92)!important;
}
.storefront-v21 .v21-hero-sidecard{
  position:absolute;
  right:max(44px,calc((100vw - 1450px)/2 + 28px));
  top:52%;
  z-index:6;
  width:min(320px,24vw);
  padding:28px 26px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,248,246,.94),rgba(255,242,245,.88));
  box-shadow:0 24px 80px rgba(49,15,31,.2);
  border:1px solid rgba(97,24,51,.1);
  transform:translateY(-50%);
}
.storefront-v21 .v21-hero-sidecard span{display:block;margin-bottom:14px;font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--v21-burgundy)}
.storefront-v21 .v21-hero-sidecard strong{display:block;font-size:30px;line-height:1.04;color:#231418}
.storefront-v21 .v21-hero-sidecard p{margin:14px 0 0;font-size:13px;line-height:1.8;color:#6a5760}
.storefront-v21 .v21-hero-bottom-strip{
  position:absolute;
  left:max(42px,calc((100vw - 1450px)/2 + 24px));
  right:max(42px,calc((100vw - 1450px)/2 + 24px));
  bottom:24px;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.storefront-v21 .v21-hero-bottom-strip article{
  display:grid;
  gap:7px;
  padding:18px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#fff;
}
.storefront-v21 .v21-hero-bottom-strip small{font-size:11px;font-weight:800;letter-spacing:.2em;color:#f1c6d1}
.storefront-v21 .v21-hero-bottom-strip strong{font-size:20px;line-height:1.1}
.storefront-v21 .v21-hero-bottom-strip span{font-size:12px;line-height:1.65;color:rgba(255,255,255,.72)}

@media(max-width:1400px){
  .storefront-v21 .v21-hero-sidecard{width:280px}
  .storefront-v21 .v19-hero-content{width:min(720px,58vw)!important}
}
@media(max-width:1200px){
  .storefront-v21 .header-shell{grid-template-columns:minmax(340px,1fr) auto minmax(340px,1fr)!important}
  .storefront-v21 .nav-entry>a{font-size:10px!important;letter-spacing:.09em!important}
  .storefront-v21 .v21-hero-sidecard{display:none}
  .storefront-v21 .v19-hero-content{width:min(700px,64vw)!important}
}
@media(max-width:991px){
  .storefront-v21 .v21-hero-bottom-strip{grid-template-columns:1fr;left:20px;right:20px;bottom:18px}
  .storefront-v21 .v21-hero-bottom-strip article:nth-child(n+2){display:none}
  .storefront-v21 .v19-hero-controls{bottom:104px!important}
}
@media(max-width:767px){
  .storefront-v21 .header-shell{width:100%!important;grid-template-columns:44px minmax(0,1fr) auto!important}
  .storefront-v21 .store-logo{padding:10px 14px!important}
  .storefront-v21 .store-logo img{max-height:34px!important}
  .storefront-v21 .store-logo strong{font-size:25px!important;letter-spacing:.18em!important}
  .storefront-v21 .v19-hero-stage{min-height:700px!important;height:calc(100svh - 28px)!important}
  .storefront-v21 .v19-hero-shade{background:linear-gradient(0deg,rgba(19,8,13,.96) 0%,rgba(31,9,18,.75) 44%,rgba(18,7,12,.1) 74%)!important}
  .storefront-v21 .v19-hero-content{left:16px!important;right:16px!important;bottom:128px!important;width:auto!important;padding:24px 20px!important;border-radius:24px!important}
  .storefront-v21 .v19-hero-content h1{font-size:clamp(48px,14vw,70px)!important}
  .storefront-v21 .v19-hero-content p{font-size:12px!important;line-height:1.7!important;max-width:100%!important}
  .storefront-v21 .v21-hero-editorial{margin-top:18px;gap:6px}
  .storefront-v21 .v21-hero-editorial strong{font-size:19px}
  .storefront-v21 .v21-hero-editorial span{font-size:11px}
  .storefront-v21 .v19-hero-meta{top:88px!important;right:14px!important}
  .storefront-v21 .v19-hero-badge{display:none!important}
  .storefront-v21 .v19-hero-controls{right:12px!important;bottom:84px!important}
  .storefront-v21 .v21-hero-bottom-strip{left:16px;right:16px;bottom:16px}
  .storefront-v21 .v21-hero-bottom-strip article{padding:14px 16px;border-radius:18px}
  .storefront-v21 .v21-hero-bottom-strip strong{font-size:16px}
  .storefront-v21 .v21-hero-bottom-strip span{font-size:11px}
}