/* Aşiyan Storefront V22 — screenshot-inspired boutique header + split hero */
:root{
  --v22-wine:#6a1738;
  --v22-wine-2:#7e2647;
  --v22-ink:#2b1a1f;
  --v22-soft:#f5f1ef;
  --v22-border:#e9e0db;
}
body.storefront-v22{background:#fbf8f6;color:var(--v22-ink)}
.storefront-v22 .v10-header-spacer{display:block!important;height:0!important}

/* top strip */
.storefront-v22 .v22-top-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  height:44px!important;
  padding:0 28px!important;
  background:linear-gradient(90deg,#671736 0%,#7f2748 50%,#5f1431 100%)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.storefront-v22 .v22-top-strip a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.storefront-v22 .v22-top-strip a:nth-child(2){justify-self:center}
.storefront-v22 .v22-top-strip a:nth-child(3){justify-self:end}
.storefront-v22 .v22-top-strip .icon{width:15px;height:15px}
.storefront-v22 .v22-top-strip:after{display:none!important}

/* header */
.storefront-v22 .store-header,
.storefront-v22.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open),
.storefront-v22 .store-header.v10-fixed,
.storefront-v22 .store-header.is-scrolled,
.storefront-v22 .store-header.is-compact,
.storefront-v22 .store-header.mega-open{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:auto!important;
  height:118px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--v22-ink)!important;
  border-bottom:1px solid rgba(43,26,31,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
.storefront-v22 .header-shell{
  width:min(1680px,calc(100% - 56px))!important;
  height:100%!important;
  grid-template-columns:minmax(540px,1fr) auto minmax(250px,1fr)!important;
  gap:18px!important;
}
.storefront-v22 .header-nav{gap:18px!important;justify-content:flex-start!important}
.storefront-v22 .nav-entry>a{
  padding:10px 4px!important;
  color:#302125!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
}
.storefront-v22 .nav-entry>a:after{
  bottom:10px!important;
  height:1px!important;
  background:var(--v22-wine)!important;
}
.storefront-v22 .store-logo{
  min-width:290px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.storefront-v22 .store-logo img{max-width:300px!important;max-height:72px!important;filter:none!important;opacity:1!important}
.storefront-v22 .store-logo strong{font-size:42px!important;letter-spacing:.18em!important}
.storefront-v22 .store-logo small{font-size:10px!important;color:#a37e60!important;letter-spacing:.48em!important}
.storefront-v22 .header-actions{gap:10px!important;justify-content:flex-end!important}
.storefront-v22 .header-icon{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(43,26,31,.07)!important;
  background:#fff!important;
  color:#2f2125!important;
  box-shadow:none!important;
}
.storefront-v22 .header-icon[data-search-toggle]{min-width:100px!important;padding-inline:18px!important;border-radius:999px!important;gap:10px}
.storefront-v22 .header-icon:hover{transform:none!important;background:#faf6f3!important;color:var(--v22-wine)!important;border-color:rgba(106,23,56,.16)!important}
.storefront-v22 .header-icon>b{background:var(--v22-wine)!important;border-color:#fff!important}
.storefront-v22 .header-store-link{display:none!important}

/* mega menu */
.storefront-v22 .mega-menu{
  top:100%!important;
  padding:28px max(26px,calc((100vw - 1450px)/2)) 32px!important;
  grid-template-columns:260px 1fr 300px!important;
  gap:26px!important;
  background:#fff!important;
  border-top:1px solid var(--v22-border)!important;
  border-bottom:1px solid var(--v22-border)!important;
  box-shadow:0 26px 60px rgba(31,16,22,.08)!important;
}
.storefront-v22 .mega-menu-copy span{color:var(--v22-wine)!important;letter-spacing:.18em!important}
.storefront-v22 .mega-menu-copy h3{font-size:42px!important;line-height:.9!important;color:#2e1c21!important}
.storefront-v22 .mega-menu-copy p{font-size:14px!important;line-height:1.8!important;color:#756a6e!important}
.storefront-v22 .mega-menu-links>a{height:52px!important;font-size:14px!important;border-bottom-color:#efe5e1!important}
.storefront-v22 .mega-menu-visual{
  min-height:250px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#3a1123 0%,#742042 55%,#d28da0 100%)!important;
}
.storefront-v22 .mega-menu-visual strong{font-size:30px!important;line-height:1.05!important}

/* hero */
.storefront-v22 .v22-hero{padding:0 0 14px!important;background:#fff}
.storefront-v22 .v22-hero-stage{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:0!important;
  border-top:1px solid rgba(43,26,31,.04);
  border-bottom:1px solid rgba(43,26,31,.04);
}
.storefront-v22 .v22-hero-slide{transform:none!important}
.storefront-v22 .v22-hero-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,39%) minmax(0,61%);
  min-height:604px;
  background:#fff;
}
.storefront-v22 .v22-hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:62px clamp(34px,4.5vw,96px) 86px;
  background:linear-gradient(135deg,#fbf8f6 0%,#f7f1ee 100%);
}
.storefront-v22 .v22-hero-copy:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.7),transparent 34%),radial-gradient(circle at 15% 65%,rgba(224,212,206,.25),transparent 30%);
  pointer-events:none;
}
.storefront-v22 .v22-hero-kicker,
.storefront-v22 .v22-hero-kicker span{position:relative;z-index:1}
.storefront-v22 .v22-hero-kicker{margin-bottom:18px!important;color:#8b7980!important;font-size:11px!important;letter-spacing:.24em!important}
.storefront-v22 .v22-hero-kicker i{display:none!important}
.storefront-v22 .v22-hero-copy h1{
  position:relative;z-index:1;
  margin:0;
  color:#351e24;
  font:500 clamp(78px,6.3vw,104px)/.92 "Cormorant Garamond",serif!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase;
}
.storefront-v22 .v22-hero-copy p{
  position:relative;z-index:1;
  max-width:410px!important;
  margin:22px 0 0!important;
  color:#57484d!important;
  font-size:19px!important;
  line-height:1.62!important;
}
.storefront-v22 .v22-hero-actions{position:relative;z-index:1;margin-top:34px!important;gap:16px!important}
.storefront-v22 .v19-hero-primary,
.storefront-v22 .v19-hero-secondary{
  min-height:58px!important;
  padding:0 26px!important;
  border-radius:14px!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.storefront-v22 .v19-hero-primary{
  background:var(--v22-wine)!important;
  color:#fff!important;
  border-color:var(--v22-wine)!important;
  box-shadow:none!important;
}
.storefront-v22 .v19-hero-primary:hover{background:#57122f!important;border-color:#57122f!important;transform:none!important}
.storefront-v22 .v19-hero-secondary{
  background:transparent!important;
  color:#5a474d!important;
  border-color:#d9cac4!important;
}
.storefront-v22 .v19-hero-secondary:hover{background:#f8f1ee!important;transform:none!important}
.storefront-v22 .v22-hero-index{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:18px;
  margin-top:48px;
  color:#3c2a30;
  font-size:20px;
  font-weight:500;
  letter-spacing:.04em;
}
.storefront-v22 .v22-hero-index i{display:block;width:180px;height:2px;background:linear-gradient(90deg,#3c2a30 18%,#d9ceca 18%)}

.storefront-v22 .v22-hero-collage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr 1.18fr .95fr;
  gap:16px;
  padding:0 28px 0 0;
  align-items:stretch;
  overflow:hidden;
  background:#fff;
}
.storefront-v22 .v22-hero-card{
  position:relative;
  display:flex;
  align-items:stretch;
  justify-content:center;
  overflow:hidden;
  transform:skewX(-8deg);
  transform-origin:center;
  background:#efe7e2;
}
.storefront-v22 .v22-hero-card.v22-card-1{margin-left:-40px}
.storefront-v22 .v22-hero-card.v22-card-2{margin-top:0}
.storefront-v22 .v22-hero-card.v22-card-3{margin-right:-24px}
.storefront-v22 .v22-hero-card:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);
  pointer-events:none;
}
.storefront-v22 .v22-hero-card-inner,
.storefront-v22 .v22-hero-card picture{display:block;flex:1;height:100%}
.storefront-v22 .v22-hero-card-inner{transform:skewX(8deg)}
.storefront-v22 .v22-hero-card img,
.storefront-v22 .v22-hero-placeholder{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;background:#f0e9e5}
.storefront-v22 .v22-hero-placeholder{display:grid;place-items:center;color:#8a6f78;font:600 120px/1 "Cormorant Garamond",serif}
.storefront-v22 .v22-card-1 img{object-position:center top}
.storefront-v22 .v22-card-2 img{object-position:center top}
.storefront-v22 .v22-card-3 img{object-position:center top}

.storefront-v22 .v19-hero-full-link{z-index:1!important}
.storefront-v22 .v19-hero-meta,.storefront-v22 .v19-hero-badge{display:none!important}
.storefront-v22 .v19-hero-progress{display:none!important}
.storefront-v22 .v22-hero-controls{
  position:absolute!important;
  inset:50% 18px auto 18px!important;
  z-index:7!important;
  display:grid!important;
  grid-template-columns:56px 1fr 56px!important;
  align-items:center!important;
  gap:0!important;
  transform:translateY(-50%);
  pointer-events:none;
}
.storefront-v22 .v22-hero-controls > button,
.storefront-v22 .v22-hero-controls .v19-hero-dots{pointer-events:auto}
.storefront-v22 .v22-hero-controls>button{
  width:56px!important;height:56px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
}
.storefront-v22 .v22-hero-controls>button:first-child{justify-self:start}
.storefront-v22 .v22-hero-controls>button:last-child{justify-self:end}
.storefront-v22 .v22-hero-controls>button:hover{background:rgba(255,255,255,.95)!important;color:#4b2835!important;transform:none!important}
.storefront-v22 .v19-hero-dots{display:none!important}

/* usp bar */
.storefront-v22 .v22-usp-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 36px 26px;
  border:1px solid #efe5e1;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbf8f6 100%);
  overflow:hidden;
}
.storefront-v22 .v22-usp-bar article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:center;
  min-height:116px;
  padding:24px 28px;
  border-right:1px solid #efe5e1;
}
.storefront-v22 .v22-usp-bar article:last-child{border-right:0}
.storefront-v22 .v22-usp-bar i{display:grid;place-items:center;width:42px;height:42px;color:var(--v22-wine)}
.storefront-v22 .v22-usp-bar .icon{width:28px;height:28px}
.storefront-v22 .v22-usp-bar strong{display:block;color:#49333a;font-size:16px;font-weight:600}
.storefront-v22 .v22-usp-bar span{display:block;margin-top:4px;color:#7c6d73;font-size:14px;line-height:1.55}

/* responsive */
@media(max-width:1380px){
  .storefront-v22 .header-shell{width:calc(100% - 34px)!important;grid-template-columns:minmax(420px,1fr) auto minmax(220px,1fr)!important}
  .storefront-v22 .header-nav{gap:12px!important}
  .storefront-v22 .nav-entry>a{font-size:13px!important}
  .storefront-v22 .store-logo img{max-width:250px!important}
  .storefront-v22 .v22-hero-copy h1{font-size:clamp(70px,6vw,92px)!important}
  .storefront-v22 .v22-hero-copy p{font-size:17px!important}
}
@media(max-width:1180px){
  .storefront-v22 .store-header,
  .storefront-v22.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open),
  .storefront-v22 .store-header.v10-fixed,
  .storefront-v22 .store-header.is-scrolled,
  .storefront-v22 .store-header.is-compact,
  .storefront-v22 .store-header.mega-open{height:96px!important}
  .storefront-v22 .header-shell{grid-template-columns:minmax(360px,1fr) auto minmax(150px,1fr)!important}
  .storefront-v22 .store-logo img{max-width:210px!important;max-height:56px!important}
  .storefront-v22 .header-icon[data-search-toggle]{min-width:44px!important;padding:0!important}
  .storefront-v22 .header-icon[data-search-toggle] span{display:none!important}
  .storefront-v22 .v22-hero-layout{grid-template-columns:minmax(320px,42%) minmax(0,58%);min-height:540px}
  .storefront-v22 .v22-hero-copy{padding:46px 30px 64px}
  .storefront-v22 .v22-hero-copy h1{font-size:clamp(58px,6vw,80px)!important}
  .storefront-v22 .v22-hero-collage{padding-right:18px;gap:12px}
  .storefront-v22 .v22-usp-bar{margin-inline:18px}
  .storefront-v22 .v22-usp-bar article{padding:20px 18px}
}
@media(max-width:991px){
  .storefront-v22 .v22-top-strip{grid-template-columns:1fr auto;gap:10px;height:38px!important;padding:0 16px!important}
  .storefront-v22 .v22-top-strip a{font-size:9px;letter-spacing:.12em}
  .storefront-v22 .v22-top-strip a:nth-child(3){display:none}
  .storefront-v22 .v22-hero-layout{grid-template-columns:1fr;min-height:0}
  .storefront-v22 .v22-hero-copy{padding:34px 24px 36px}
  .storefront-v22 .v22-hero-copy h1{font-size:clamp(52px,10vw,74px)!important}
  .storefront-v22 .v22-hero-copy p{max-width:none!important;font-size:16px!important}
  .storefront-v22 .v22-hero-index{margin-top:28px}
  .storefront-v22 .v22-hero-collage{padding:0 18px 18px;min-height:380px}
  .storefront-v22 .v22-hero-card.v22-card-1{margin-left:-18px}
  .storefront-v22 .v22-hero-card.v22-card-3{margin-right:-8px}
  .storefront-v22 .v22-hero-controls{inset:auto 18px 26px 18px!important;transform:none;grid-template-columns:48px 1fr 48px!important}
  .storefront-v22 .v22-hero-controls>button{width:48px!important;height:48px!important;border-color:rgba(255,255,255,.62)!important}
  .storefront-v22 .v22-usp-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storefront-v22 .v22-usp-bar article:nth-child(2n){border-right:0}
  .storefront-v22 .v22-usp-bar article:nth-child(-n+2){border-bottom:1px solid #efe5e1}
}
@media(max-width:767px){
  .storefront-v22 .v10-header-spacer{display:none!important}
  .storefront-v22 .v22-top-strip{grid-template-columns:1fr;height:34px!important}
  .storefront-v22 .v22-top-strip a:first-child,.storefront-v22 .v22-top-strip a:last-child{display:none}
  .storefront-v22 .v22-top-strip a:nth-child(2){justify-self:center;font-size:8px}
  .storefront-v22 .store-header,
  .storefront-v22.is-home .store-header:not(.v10-fixed):not(.is-scrolled):not(.is-compact):not(.mega-open),
  .storefront-v22 .store-header.v10-fixed,
  .storefront-v22 .store-header.is-scrolled,
  .storefront-v22 .store-header.is-compact,
  .storefront-v22 .store-header.mega-open{height:78px!important}
  .storefront-v22 .header-shell{width:100%!important;padding:0 12px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:6px!important}
  .storefront-v22 .store-logo{min-width:0!important}
  .storefront-v22 .store-logo img{max-width:166px!important;max-height:44px!important}
  .storefront-v22 .store-logo strong{font-size:29px!important;letter-spacing:.14em!important}
  .storefront-v22 .header-actions{gap:6px!important}
  .storefront-v22 .header-actions .header-icon[data-search-toggle],
  .storefront-v22 .header-actions .header-icon:nth-child(2),
  .storefront-v22 .header-actions .header-icon:nth-child(3),
  .storefront-v22 .header-actions .header-icon:nth-child(4),
  .storefront-v22 .header-actions .header-icon:nth-child(5),
  .storefront-v22 .header-actions .header-icon:nth-child(6){display:none!important}
  .storefront-v22 .header-icon,.storefront-v22 .header-icon.cart-icon{width:40px!important;height:40px!important;min-width:40px!important}

  .storefront-v22 .v22-hero{padding:0 0 10px!important}
  .storefront-v22 .v22-hero-layout{background:#f7f2ef}
  .storefront-v22 .v22-hero-copy{padding:24px 18px 20px}
  .storefront-v22 .v22-hero-copy h1{font-size:clamp(40px,14vw,56px)!important;line-height:.94!important}
  .storefront-v22 .v22-hero-copy p{margin-top:14px!important;font-size:13px!important;line-height:1.65!important}
  .storefront-v22 .v22-hero-actions{margin-top:20px!important;gap:10px!important;flex-wrap:wrap}
  .storefront-v22 .v19-hero-primary,.storefront-v22 .v19-hero-secondary{min-height:46px!important;padding:0 16px!important;font-size:10px!important}
  .storefront-v22 .v22-hero-index{margin-top:22px;font-size:16px}
  .storefront-v22 .v22-hero-index i{width:88px}
  .storefront-v22 .v22-hero-collage{grid-template-columns:1fr 1fr .84fr;gap:8px;padding:0 10px 10px;min-height:300px}
  .storefront-v22 .v22-hero-card{transform:skewX(-6deg)}
  .storefront-v22 .v22-hero-card-inner{transform:skewX(6deg)}
  .storefront-v22 .v22-hero-card.v22-card-1{margin-left:-12px}
  .storefront-v22 .v22-hero-card.v22-card-3{margin-right:-8px}
  .storefront-v22 .v22-hero-controls{left:10px!important;right:10px!important;bottom:118px!important}
  .storefront-v22 .v22-hero-controls>button{width:42px!important;height:42px!important}
  .storefront-v22 .v22-usp-bar{grid-template-columns:1fr;margin:0 10px 18px;border-radius:14px}
  .storefront-v22 .v22-usp-bar article{grid-template-columns:36px 1fr;min-height:84px;padding:16px 14px;border-right:0!important;border-bottom:1px solid #efe5e1}
  .storefront-v22 .v22-usp-bar article:last-child{border-bottom:0}
  .storefront-v22 .v22-usp-bar strong{font-size:14px}
  .storefront-v22 .v22-usp-bar span{font-size:12px}
}