/* Self-hosted brand fonts (Arabic + Latin subsets). Each storefront downloads only the faces it uses. */
@font-face {font-family: 'Alexandria';font-style: normal;font-weight: 300 600;font-display: swap;src: url(/assets/fonts/brand/alexandria-normal-arabic.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}@font-face {font-family: 'Alexandria';font-style: normal;font-weight: 300 600;font-display: swap;src: url(/assets/fonts/brand/alexandria-normal-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Baloo Bhaijaan 2';font-style: normal;font-weight: 500 800;font-display: swap;src: url(/assets/fonts/brand/baloo-bhaijaan-2-normal-arabic.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}@font-face {font-family: 'Baloo Bhaijaan 2';font-style: normal;font-weight: 500 800;font-display: swap;src: url(/assets/fonts/brand/baloo-bhaijaan-2-normal-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Cormorant Garamond';font-style: italic;font-weight: 500;font-display: swap;src: url(/assets/fonts/brand/cormorant-garamond-italic-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Cormorant Garamond';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts/brand/cormorant-garamond-normal-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Rubik';font-style: normal;font-weight: 400 600;font-display: swap;src: url(/assets/fonts/brand/rubik-normal-arabic.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}@font-face {font-family: 'Rubik';font-style: normal;font-weight: 400 600;font-display: swap;src: url(/assets/fonts/brand/rubik-normal-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* =====================================================================================================
   Brand storefronts — two art directions on one set of commerce components.
   ASLIHAN  "the daraa edit": near-white paper, ink type, plum only for actions, square photography,
            light Alexandria, hairlines instead of boxes. Product photos do the visual work.
   KIDS     "colour-block kit": flat logo colours (teal / sunshine / sky), rounded tiles, the dungaree
            arch from the mark as the single shape motif, Baloo Bhaijaan 2 + Rubik.
   No gradients, glass, blobs, floating decoration or shadows under everything. A surface change marks a
   section change; a badge marks a real state.
   ===================================================================================================== */

/* ---------------------------------------------------------------- tokens */
body{
  --ink:var(--brand-color-ink);--paper:var(--brand-color-surface);--raised:var(--brand-color-surface-raised);
  --muted:var(--brand-color-muted);--line:var(--brand-color-line);--accent:var(--brand-color-accent);
  --max:var(--brand-content-max,1320px);--gutter:clamp(16px,3vw,40px);
  --header-h:64px;--tabbar-h:0px;
  --font-body:var(--brand-font-body);--font-display:var(--brand-font-display);
  --ease:cubic-bezier(.22,.7,.2,1);
}
.brand-aslihan{
  --plum:#5a2468;--plum-deep:#43184e;--blush:#f3ecec;--action:var(--plum);--action-ink:#fff;
  --r-media:0;--r-btn:2px;--r-field:2px;--r-panel:4px;--r-chip:2px;
  --t-display:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);--w-display:300;--lh-display:1.32;
  --t-h1:clamp(1.45rem,1.2rem + 1vw,2rem);--t-h2:clamp(1.15rem,1rem + .6vw,1.5rem);--t-h3:1rem;--w-head:400;
  --t-body:.9375rem;--t-support:.8125rem;--t-label:.75rem;--t-name:.875rem;--t-price:.875rem;--t-btn:.875rem;--t-nav:.875rem;
  --media-bg:var(--blush);--btn-h:48px;
}
.brand-activato-kids{
  --teal:#1d6383;--teal-deep:#174f69;--sun:#f6b921;--sky:#e3f3f9;--sun-tint:#fff3d1;--teal-tint:#dcecf2;--action:var(--sun);--action-ink:#0f2e3d;
  --r-media:16px;--r-btn:999px;--r-field:12px;--r-panel:20px;--r-chip:999px;
  --t-display:clamp(1.7rem,1.25rem + 2vw,2.6rem);--w-display:700;--lh-display:1.22;
  --t-h1:clamp(1.45rem,1.2rem + 1vw,2rem);--t-h2:clamp(1.2rem,1rem + .7vw,1.6rem);--t-h3:1.05rem;--w-head:700;
  --t-body:.9375rem;--t-support:.8125rem;--t-label:.75rem;--t-name:.875rem;--t-price:.9375rem;--t-btn:.9rem;--t-nav:.9rem;
  --media-bg:var(--sky);--btn-h:48px;
}

/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.8 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.drawer-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.3em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--w-head);line-height:1.35;margin:0;text-wrap:balance}
p{margin:0}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;z-index:200;inset-inline-start:-999px;top:8px;background:var(--ink);color:#fff;padding:.6rem 1rem}
.skip:focus{inset-inline-start:8px}
.mobile-only{display:none!important}
html[lang=en] .brand-aslihan h1,html[lang=en] .brand-aslihan h2{font-family:'Cormorant Garamond','Times New Roman',serif;font-weight:500}

/* ---------------------------------------------------------------- buttons */
.btn{min-height:var(--btn-h);padding:0 1.6rem;border:1px solid transparent;border-radius:var(--r-btn);background:var(--action);color:var(--action-ink);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--t-btn);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,transform .12s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--action);color:var(--action-ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}
.btn-small{min-height:40px;padding:0 1.1rem}
.btn[disabled],.btn.is-busy{opacity:.4;cursor:not-allowed;transform:none}
.brand-aslihan .btn-primary:hover{background:var(--plum-deep)}
.brand-aslihan .btn-ghost:hover{background:var(--ink);color:#fff}
.brand-activato-kids .btn-primary:hover{background:#ffc93f}
.brand-activato-kids .btn-ghost{border-width:2px;border-color:var(--teal);color:var(--teal)}
.text-cta{font-size:var(--t-btn);font-weight:500;text-decoration:underline;text-decoration-thickness:1px}
.link-arrow{font-size:var(--t-support);text-decoration:underline}

/* ---------------------------------------------------------------- announcement + header */
.topbar{min-height:30px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.3rem var(--gutter);font-size:var(--t-label);line-height:1.5;text-align:center}
.topbar a{text-decoration:none}
.brand-aslihan .topbar{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.brand-activato-kids .topbar{background:var(--sun);color:var(--ink);font-weight:500}
.topbar-staff{background:#222!important;color:#fff!important}
.preview-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}
.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.brand-activato-kids .site-header{background:#fff}
.header-shell{max-width:var(--max);height:var(--header-h);margin:auto;padding:0 var(--gutter);display:grid;align-items:center;gap:1.5rem;grid-template-columns:auto 1fr auto}
.brand-aslihan .header-shell{grid-template-columns:1fr auto 1fr;grid-template-areas:"nav logo tools"}
.brand-aslihan .brand-mark{grid-area:logo}.brand-aslihan .desktop-nav{grid-area:nav;justify-content:flex-start}.brand-aslihan .header-tools{grid-area:tools;justify-content:flex-end}
.brand-mark{display:flex;align-items:center}
.brand-mark img{height:42px;width:auto}
.brand-activato-kids .brand-mark img{height:46px}
.desktop-nav{display:flex;justify-content:center;gap:clamp(1.2rem,2.4vw,2.2rem)}
.desktop-nav a{font-size:var(--t-nav);text-decoration:none;padding:.35rem 0;border-bottom:1px solid transparent;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current]{border-color:currentColor}
.brand-activato-kids .desktop-nav a{font-weight:500;padding:.4rem .9rem;border:0;border-radius:999px}
.brand-activato-kids .desktop-nav a:hover,.brand-activato-kids .desktop-nav a[aria-current]{background:var(--sky)}
.header-tools{display:flex;align-items:center;gap:.1rem}
.icon-btn{width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;position:relative;text-decoration:none}
.icon-btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.bag-button b,.tab-bag b{position:absolute;top:5px;inset-inline-end:3px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.62rem;font-weight:600;line-height:1}
.brand-aslihan .bag-button b,.brand-aslihan .tab-bag b{background:var(--plum)}
.brand-activato-kids .bag-button b,.brand-activato-kids .tab-bag b{background:var(--sun);color:var(--ink)}
.bump{animation:bump .4s var(--ease)}
@keyframes bump{40%{transform:scale(1.4)}}
.locale-menu{position:relative}
.locale-menu summary{list-style:none;display:flex;align-items:center;gap:.35rem;height:44px;padding:0 .6rem;font-size:var(--t-label);font-weight:500;cursor:pointer}
.locale-menu summary::-webkit-details-marker{display:none}
.locale-menu svg{width:18px;height:18px}
.locale-panel{position:absolute;inset-inline-end:0;top:calc(100% + 6px);width:240px;padding:1rem;display:grid;gap:.75rem;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.locale-panel label,.drawer-locale label{display:grid;gap:.35rem;font-size:var(--t-label);color:var(--muted)}
.locale-panel select,.drawer-locale select{min-height:44px;border:1px solid var(--line);border-radius:var(--r-field);background:var(--paper);padding:0 .7rem;color:var(--ink)}
.locale-switch{font-size:var(--t-support);font-weight:500}
.k-quick{display:none}

/* ---------------------------------------------------------------- page frame */
.main-shell{max-width:var(--max);margin:auto;padding:0 var(--gutter);min-height:50vh}
.crumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:1rem 0 .3rem;font-size:var(--t-label);color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs span:last-child{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.page-head{padding:clamp(1.4rem,3vw,2.4rem) 0 1.2rem;display:grid;gap:.4rem}
.page-head h1{font-size:var(--t-h1)}
.page-head p,.muted{color:var(--muted);font-size:var(--t-support)}
.panel{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-panel);padding:clamp(1rem,2.4vw,1.6rem)}
.notice{padding:.8rem 1rem;border-radius:var(--r-field);background:color-mix(in srgb,var(--accent) 12%,var(--raised));font-size:var(--t-support);line-height:1.7}
.notice.is-error{background:#fdeeee;color:#8e1f1f}
.empty-block{padding:clamp(2rem,6vw,3.5rem) 1rem;text-align:center;display:grid;justify-items:center;gap:.7rem}
.empty-block h2{font-size:var(--t-h3)}
.empty-block p{color:var(--muted)}

/* ================================================================ ASLIHAN home */
/* Desktop hero: an asymmetric lookbook spread — copy · main photograph · offset second photograph. */
.a-hero{display:grid;grid-template-columns:minmax(260px,.9fr) 1.25fr .8fr;grid-template-areas:"text main side";align-items:start;gap:clamp(12px,1.6vw,24px);padding-top:clamp(16px,2vw,28px);min-height:min(78vh,760px)}
.a-hero figure{margin:0;overflow:hidden;background:var(--media-bg)}
.a-hero-main{grid-area:main;height:min(74vh,720px)}
.a-hero-side{grid-area:side;height:min(52vh,500px);align-self:start}
.a-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.a-hero-main img{animation:settle 1.4s var(--ease) both}
.a-hero-text{grid-area:text;align-self:center;display:grid;gap:.9rem;padding-block:2rem;max-width:26rem;animation:rise .8s var(--ease) both .15s}
.a-hero-text h1{font-size:var(--t-display);font-weight:var(--w-display);line-height:var(--lh-display);letter-spacing:-.005em}
.a-hero-text p{color:var(--muted)}
.a-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem}
.a-hero-price{font-size:var(--t-support);color:var(--muted)}
.a-hero-price b{color:var(--ink);font-weight:500}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
@keyframes settle{from{transform:scale(1.04)}}
.a-block{margin-block:clamp(2.6rem,6vw,5rem)}
.a-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.a-head h2{font-size:var(--t-h2)}
.a-head a{font-size:var(--t-support);color:var(--muted);text-decoration:underline}
.a-more{display:flex;justify-content:center;margin-top:2rem}
/* Editorial pair: one tall image, one small detail, two short lines. */
.a-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,3vw,48px);align-items:end;margin-block:clamp(3rem,7vw,6rem)}
.a-ed-large{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--media-bg)}
.a-ed-large img,.a-ed-small img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.a-ed-copy{display:grid;gap:.8rem;align-content:end;justify-items:start}
.a-ed-copy h2{font-size:var(--t-h1);font-weight:300}
.a-ed-copy p{color:var(--muted);max-width:30ch}
.a-ed-small{display:block;width:min(62%,300px);aspect-ratio:3/4;overflow:hidden;background:var(--media-bg);margin-top:clamp(1.2rem,3vw,2.5rem)}
@media (hover:hover){.a-ed-large:hover img,.a-ed-small:hover img{transform:scale(1.03)}}
.a-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.a-cats a{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--media-bg);text-decoration:none}
.a-cats img{width:100%;height:100%;object-fit:cover}
.a-cats span{position:absolute;inset-inline-start:0;bottom:0;padding:.5rem .9rem;background:var(--paper);font-size:var(--t-nav)}
.a-facts{list-style:none;margin:clamp(2.5rem,6vw,4.5rem) 0 0;padding:1.2rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;border-top:1px solid var(--line)}
.a-facts li{display:flex;gap:.5rem;align-items:baseline;font-size:var(--t-support)}
.a-facts b{font-weight:500}
.a-facts span{color:var(--muted)}

/* ================================================================ KIDS home */
.k-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:stretch;margin:clamp(.75rem,2vw,1.5rem) 0 0;min-height:min(66vh,600px);border-radius:var(--r-panel);overflow:hidden}
.k-hero-text{background:var(--teal);color:#fff;display:grid;align-content:center;justify-items:start;gap:1rem;padding:clamp(1.6rem,5vw,4.5rem)}
.k-hero-text>*{animation:pop .6s var(--ease) both}
.k-hero-text>:nth-child(2){animation-delay:.07s}.k-hero-text>:nth-child(3){animation-delay:.14s}
.k-hero-text h1{font-size:var(--t-display);font-weight:var(--w-display);line-height:var(--lh-display)}
.k-hero-text p{color:rgba(255,255,255,.88);max-width:30ch}
.k-hero-img{margin:0;background:var(--sky);overflow:hidden}
.k-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
@keyframes pop{from{opacity:0;transform:translateY(12px)}}
.k-ages{display:flex;align-items:center;gap:1rem;margin-block:1.6rem 0;flex-wrap:wrap}
.k-ages h2{font-family:var(--font-body);font-size:var(--t-support);font-weight:500;color:var(--muted)}
.k-ages div{display:flex;gap:.5rem;flex-wrap:wrap}
.k-ages a{min-height:44px;padding:0 1.2rem;border-radius:999px;display:inline-flex;align-items:center;font-weight:500;font-size:var(--t-support);text-decoration:none;transition:transform .15s var(--ease)}
.k-ages a:active{transform:scale(.96)}
.tone-sky{background:var(--sky);color:var(--ink)}.tone-sun{background:var(--sun-tint);color:var(--ink)}.tone-teal{background:var(--teal-tint);color:var(--ink)}
.k-block{margin-block:clamp(2.4rem,6vw,4.5rem)}
.k-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}
.k-head h2{font-size:var(--t-h2);color:var(--teal)}
.k-head a{font-size:var(--t-support);font-weight:500;color:var(--teal)}
/* Category tiles: the dungaree arch (rounded top) from the logo, flat logo-colour fills. */
.k-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.k-cat{position:relative;display:grid;grid-template-rows:1fr auto;border-radius:999px 999px 18px 18px;overflow:hidden;text-decoration:none;min-height:300px;transition:transform .2s var(--ease)}
.k-cat img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 40%;background:#e9decf}
.k-cat span{display:flex;justify-content:space-between;align-items:baseline;padding:.8rem 1.1rem 1rem}
.k-cat b{font-family:var(--font-display);font-size:1.25rem;font-weight:700}
.k-cat small{font-size:var(--t-label);color:var(--muted)}
.k-cat.tone-teal{background:var(--teal);color:#fff}.k-cat.tone-teal small{color:rgba(255,255,255,.8)}
@media (hover:hover){.k-cat:hover{transform:translateY(-3px)}}
.k-band{margin-block:clamp(2.5rem,6vw,4.5rem) 0;padding:clamp(1.6rem,4vw,3rem);border-radius:var(--r-panel);background:var(--sun-tint);display:grid;gap:.7rem;justify-items:start}
.k-band h2{font-size:var(--t-h2);color:var(--teal)}
.k-band p{color:var(--muted);max-width:44ch}

/* ================================================================ product grid & card */
.product-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.6rem) clamp(10px,1.4vw,20px)}
.brand-activato-kids .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.plp-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card{display:flex;flex-direction:column;min-width:0}
.card-visual{position:relative}
.card-media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--media-bg);border-radius:var(--r-media)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
/* Kids photos fill the tile edge to edge (no photo-in-a-box); colour-blocking lives in hero, chips and tile labels. */
.brand-activato-kids .card-media{background:#e9decf}
.brand-activato-kids .card-media img{object-fit:cover;object-position:center 45%}
.card-flag{position:absolute;top:10px;inset-inline-start:10px;padding:.2rem .55rem;background:var(--paper);font-size:.6875rem;font-weight:500;line-height:1.6;color:var(--ink);border-radius:var(--r-chip)}
.flag-out{background:var(--ink);color:#fff}
.flag-demo{background:var(--teal);color:#fff}
.quick-btn{display:none}
.card-body{flex:1;display:flex;flex-direction:column;gap:.15rem;padding-top:.7rem}
.card-name{font-size:var(--t-name);line-height:1.6;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-activato-kids .card-name{font-weight:500}
.card-colour{font-size:var(--t-label);color:var(--muted)}
.card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;font-size:var(--t-price)}
.card-meta strong{font-weight:600}
.card-meta del,.card-meta span,.card-meta small{font-size:var(--t-label);color:var(--muted)}
.card-add{margin-top:auto;min-height:40px;padding:0 .8rem;border:1px solid var(--ink);border-radius:var(--r-btn);background:transparent;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.card-body .card-meta{margin-bottom:.6rem}
.card-add:not([disabled]):hover{background:var(--ink);color:#fff}
.card-add[disabled]{opacity:.55;border-style:dashed;cursor:not-allowed}
.brand-activato-kids .card-add{border:0;background:var(--sky);color:var(--ink)}
.brand-activato-kids .card-add[disabled]{background:transparent;border:1px dashed var(--line)}
.brand-activato-kids .card-add:not([disabled]):hover{background:var(--sun)}
@media (hover:hover) and (min-width:768px){
  .product-card:hover .card-media img{transform:scale(1.035)}
  .quick-btn{display:block;position:absolute;inset-inline:10px;bottom:10px;min-height:38px;border:0;border-radius:var(--r-btn);background:var(--paper);color:var(--ink);font-size:var(--t-label);font-weight:500;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
  .product-card:hover .quick-btn,.quick-btn:focus-visible{opacity:1;transform:none}
}

/* ---------------------------------------------------------------- PLP */
.plp-head{display:grid;gap:.8rem;padding-bottom:.6rem}
.plp-head h1{font-size:var(--t-h1)}
.chip-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}
.chip-row::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:38px;padding:0 1rem;border:1px solid var(--line);border-radius:var(--r-chip);display:inline-flex;align-items:center;gap:.35rem;font-size:var(--t-support);text-decoration:none;background:var(--raised)}
.chip small{color:var(--muted)}
.chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip.is-on small{color:rgba(255,255,255,.7)}
.brand-activato-kids .chip.is-on{background:var(--teal);border-color:var(--teal)}
.plp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;margin-bottom:1.4rem;border-bottom:1px solid var(--line)}
.plp-count{font-size:var(--t-support);color:var(--muted)}
.plp-count b{color:var(--ink);font-weight:500}
.plp-actions{display:flex;gap:.5rem;align-items:center}
.tool-btn{display:none;min-height:40px;padding:0 .9rem;border:1px solid var(--line);border-radius:var(--r-chip);background:var(--raised);align-items:center;gap:.4rem;font-size:var(--t-support)}
.tool-btn svg{width:18px;height:18px}
.tool-btn b{min-width:18px;height:18px;border-radius:99px;background:var(--ink);color:#fff;font-size:.65rem;display:grid;place-items:center}
.sort-select select{min-height:40px;border:1px solid var(--line);border-radius:var(--r-chip);background:var(--raised);padding:0 .8rem;font-size:var(--t-support)}
.plp-layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(1.5rem,3vw,3rem);align-items:start}
.filter-panel form{position:sticky;top:calc(var(--header-h) + 1rem);display:grid;gap:1.1rem}
.filter-head{display:flex;justify-content:space-between;align-items:center}
.filter-head h2{font-size:var(--t-h3)}
.field{display:grid;gap:.4rem;border:0;padding:0;margin:0;font-size:var(--t-support)}
.field legend,.field>span{font-weight:500;margin-bottom:.3rem}
.field input[type=search]{min-height:44px;border:1px solid var(--line);border-radius:var(--r-field);background:var(--raised);padding:0 .8rem}
.opt{display:flex;align-items:center;gap:.55rem;min-height:36px;font-size:var(--t-support);cursor:pointer}
.opt input{accent-color:var(--ink);width:18px;height:18px}
.size-pick{display:flex;flex-wrap:wrap;gap:.4rem}
.size-pick input{position:absolute;opacity:0}
.size-pick span{min-width:44px;min-height:38px;padding:0 .7rem;border:1px solid var(--line);border-radius:var(--r-field);display:grid;place-items:center;font-size:var(--t-label);cursor:pointer}
.size-pick input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.size-pick input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.filter-actions{display:grid;gap:.5rem}
.pager{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem 0}

/* ---------------------------------------------------------------- PDP */
.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(1.6rem,5vw,5rem);align-items:start;padding-top:.4rem}
.gallery{position:sticky;top:calc(var(--header-h) + 1rem)}
.gallery-main{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--media-bg);border-radius:var(--r-media)}
.zoom-btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.brand-activato-kids .gallery-main{background:#e9decf}
.brand-activato-kids .gallery-main img{object-fit:contain}
.zoom-hint{position:absolute;bottom:12px;inset-inline-end:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);pointer-events:none}
.zoom-hint svg{width:20px;height:20px}
.gallery-main .card-flag{top:12px;inset-inline-start:12px}
.thumbs{display:flex;gap:.5rem;margin-top:.6rem;overflow-x:auto}
.thumbs button{flex:none;width:68px;aspect-ratio:3/4;padding:0;border:1px solid transparent;border-radius:var(--r-media);overflow:hidden;background:var(--media-bg)}
.thumbs button[aria-current=true]{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.details{display:grid;gap:1rem;padding:.2rem 0 1rem}
.details h1{font-size:var(--t-h1);line-height:1.45}
.pdp-colour{color:var(--muted);font-size:var(--t-support)}
.pdp-colour b{color:var(--ink);font-weight:500}
.pdp-price{display:flex;align-items:baseline;gap:.7rem;font-size:1.25rem}
.pdp-price strong{font-weight:600}
.pdp-price del,.pdp-price span{font-size:var(--t-support);color:var(--muted)}
.availability{display:flex;align-items:center;gap:.5rem;font-size:var(--t-support)}
.availability i{width:7px;height:7px;border-radius:50%;background:#b3261e;flex:none}
.availability.is-in i{background:#1f7a4d}
.availability.is-demo i{background:var(--teal)}
.sizes{border:0;padding:0;margin:0}
.field-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.field-head legend{font-weight:500;font-size:var(--t-support)}
.size-options{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .2rem}
.size-options input{position:absolute;opacity:0;pointer-events:none}
.size-options span{min-width:56px;min-height:46px;padding:0 1rem;border:1px solid var(--line);border-radius:var(--r-field);display:grid;place-items:center;font-size:var(--t-support);cursor:pointer;background:var(--raised);white-space:nowrap}
.size-options label:hover span{border-color:var(--ink)}
.size-options input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.size-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.size-options input:disabled+span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.brand-activato-kids .size-options span{border-radius:999px;border-width:2px}
.brand-activato-kids .size-options input:checked+span{background:var(--teal);border-color:var(--teal)}
.stock-note{min-height:1.4em;font-size:var(--t-label);color:#8a5a00}
.purchase-row{display:grid;grid-template-columns:auto 1fr;gap:.6rem}
.qty-control{display:grid;grid-template-columns:44px 38px 44px;align-items:center;height:var(--btn-h);border:1px solid var(--line);border-radius:var(--r-btn);background:var(--raised);overflow:hidden}
.qty-control button{height:100%;border:0;background:none;font-size:1.15rem}
.qty-control input{width:100%;height:100%;border:0;background:none;text-align:center;font-weight:600;-moz-appearance:textfield}
.qty-control input::-webkit-inner-spin-button,.qty-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.buy-now{width:100%}
.size-guide summary{cursor:pointer;font-size:var(--t-label);text-decoration:underline}
.size-guide table{border-collapse:collapse;margin-top:.6rem;font-size:var(--t-label)}
.size-guide th,.size-guide td{border:1px solid var(--line);padding:.35rem .6rem;text-align:center}
.pdp-facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pdp-facts li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:var(--t-support)}
.pdp-facts b{font-weight:500}
.pdp-facts span{color:var(--muted)}
.pdp-accordions details{border-bottom:1px solid var(--line)}
.pdp-accordions summary{cursor:pointer;padding:.9rem 0;font-weight:500;font-size:var(--t-support);list-style:none;display:flex;justify-content:space-between}
.pdp-accordions summary::after{content:"+"}
.pdp-accordions details[open] summary::after{content:"−"}
.pdp-accordions details>div{padding:0 0 1rem;color:var(--muted);font-size:var(--t-support)}
.mobile-buy{display:none}
.related{margin-block:clamp(2.6rem,6vw,4.5rem)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}
.section-head h2{font-size:var(--t-h2)}

/* ---------------------------------------------------------------- bag, checkout, result */
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start;padding-bottom:3rem}
.cart-lines{list-style:none;margin:0;padding:0}
.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line)}
.cart-line:first-child{padding-top:0}.cart-line:last-child{border-bottom:0}
.cart-line img{width:88px;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-media);background:var(--media-bg)}
.cart-line>div{display:grid;gap:.2rem;min-width:0}
.cart-line strong{font-weight:500;font-size:var(--t-name);line-height:1.55}
.cart-line p,.cart-line small{color:var(--muted);font-size:var(--t-label)}
.cart-line.is-unavailable{opacity:.6}
.cart-line.is-unavailable small{color:#8e1f1f}
.cart-line .remove{border:0;background:none;color:var(--muted);font-size:var(--t-label);text-decoration:underline;min-height:44px}
.cart-qty{width:max-content;height:38px;grid-template-columns:38px 34px 38px;margin-top:.3rem}
.order-summary{position:sticky;top:calc(var(--header-h) + 1rem);display:grid;gap:.9rem}
.order-summary h2{font-size:var(--t-h3)}
.order-summary .row{display:flex;justify-content:space-between;gap:1rem;font-size:var(--t-support)}
.order-summary .row strong{font-weight:600;white-space:nowrap}
.row-total{padding-top:.8rem;border-top:1px solid var(--line);font-size:var(--t-body)!important}
.row-total strong,.row-total b{font-size:1.1rem}
.checkout-cta{width:100%}
.checkout-cta.is-disabled{pointer-events:none;opacity:.45}
.steps{list-style:none;margin:.3rem 0 0;padding:0;display:flex;gap:.4rem;font-size:var(--t-label);color:var(--muted);counter-reset:s}
.steps li{display:flex;align-items:center;gap:.4rem;counter-increment:s}
.steps li::before{content:counter(s);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:.68rem}
.steps li+li::after{order:-1;content:"";width:16px;height:1px;background:var(--line)}
.steps .is-done::before{content:"✓";background:var(--ink);color:#fff;border-color:var(--ink)}
.steps .is-current{color:var(--ink);font-weight:500}
.steps .is-current::before{border-color:var(--ink)}
.checkout-card{display:grid;gap:1.1rem}
.checkout-card h2{font-size:var(--t-h3)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.form-grid label{display:grid;gap:.35rem;font-size:var(--t-label);font-weight:500}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--r-field);background:var(--paper);padding:0 .9rem;font-size:1rem}
.form-grid input:focus,.form-grid select:focus{outline:2px solid color-mix(in srgb,var(--ink) 25%,transparent);border-color:var(--ink)}
.sum-lines{display:grid;gap:.7rem}
.sum-line{display:grid;grid-template-columns:44px 1fr auto;gap:.7rem;align-items:center;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.sum-line img{width:44px;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-media);background:var(--media-bg)}
.sum-line div{display:grid;min-width:0}
.sum-line strong{font-size:var(--t-label);font-weight:500;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sum-line small{color:var(--muted);font-size:.7rem}
.sum-line span{font-size:var(--t-support);font-weight:600;white-space:nowrap}
.checkout-gate{max-width:600px;margin:0 auto 3rem;display:grid;gap:.9rem;justify-items:center;text-align:center}
.checkout-gate h2{font-size:var(--t-h3)}
.checkout-gate p{color:var(--muted)}
.checks{list-style:none;display:grid;gap:.5rem;padding:0}.checks li{display:flex;gap:.6rem}.checks .ok{color:#1f7a4d}.checks .no{color:#b3261e}
.result{max-width:600px;margin:clamp(2rem,5vw,4rem) auto;display:grid;gap:.9rem;justify-items:center;text-align:center}
.result h1{font-size:var(--t-h1)}
.result>p{color:var(--muted)}
.result-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.result-mark.is-wait{background:var(--accent);color:var(--ink)}
.result-mark svg{width:28px;height:28px;stroke-width:2}
.result-number b{font-weight:600}
.result-summary{width:100%;display:grid;gap:.6rem;text-align:start}
.result-lines{list-style:none;margin:0;padding:0 0 .7rem;display:grid;gap:.5rem;border-bottom:1px solid var(--line)}
.result-lines li,.result-summary .row{display:flex;justify-content:space-between;gap:1rem;font-size:var(--t-support)}
.result-lines small{color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.skeleton-lines{display:grid;gap:.8rem}
.skeleton-lines span{height:68px;border-radius:var(--r-field);background:color-mix(in srgb,var(--ink) 6%,transparent);animation:pulse 1.2s ease-in-out infinite alternate}
@keyframes pulse{to{opacity:.45}}

/* ---------------------------------------------------------------- drawers, dialogs, toast, WhatsApp */
.drawer{position:fixed;z-index:80;top:0;bottom:0;inset-inline-end:0;width:min(92vw,400px);display:flex;flex-direction:column;gap:1rem;padding:1rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));background:var(--raised);box-shadow:0 0 40px rgba(0,0,0,.12);overflow:auto;overscroll-behavior:contain;transform:translateX(105%);visibility:hidden;transition:transform .32s var(--ease),visibility 0s .32s}
[dir=rtl] .drawer{transform:translateX(-105%)}
.nav-drawer{inset-inline-end:auto;inset-inline-start:0;transform:translateX(-105%)}
[dir=rtl] .nav-drawer{transform:translateX(105%)}
.drawer[aria-hidden=false],[dir=rtl] .drawer[aria-hidden=false]{transform:none;visibility:visible;transition:transform .32s var(--ease)}
.drawer-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.drawer-logo{height:34px;width:auto}
.drawer-title{font-size:var(--t-h3);display:flex;align-items:center;gap:.5rem}
.drawer-title b{min-width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 .72rem var(--font-body)}
.brand-activato-kids .drawer-title b{background:var(--sun);color:var(--ink)}
.drawer-close{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);display:grid;place-items:center;font-size:1.25rem}
.drawer-nav{display:grid}
.drawer-nav a{min-height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);text-decoration:none}
.drawer-nav small{color:var(--muted)}
.drawer-locale{display:grid;gap:.8rem;padding:1rem;border-radius:var(--r-panel);background:var(--paper)}
.social-row{display:flex;gap:.4rem}
.social-row a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.85}
.scrim{position:fixed;z-index:70;inset:0;background:rgba(20,14,22,.4)}
.mini-lines{display:grid;align-content:start;flex:1}
.mini-line{display:grid;grid-template-columns:60px 1fr 34px;gap:.8rem;align-items:start;padding:.85rem 0;border-bottom:1px solid var(--line)}
.mini-line img{width:60px;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-media);background:var(--media-bg)}
.mini-line strong{display:block;font-size:var(--t-name);font-weight:500;line-height:1.5}
.mini-line p{color:var(--muted);font-size:var(--t-label)}
.mini-qty{display:inline-grid;grid-template-columns:32px 28px 32px;align-items:center;margin-top:.4rem;border:1px solid var(--line);border-radius:var(--r-btn);overflow:hidden}
.mini-qty button{height:32px;border:0;background:none}
.mini-qty span{text-align:center;font-size:var(--t-label);font-weight:600}
.mini-remove{width:34px;height:34px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.mini-cart-footer{position:sticky;bottom:0;display:grid;gap:.55rem;padding-top:1rem;background:var(--raised);border-top:1px solid var(--line)}
.mini-total{display:flex;justify-content:space-between}
.mini-total strong{font-weight:600}
.mini-note{font-size:var(--t-label);color:var(--muted)}
.empty-mini{display:grid;gap:.8rem;justify-items:start;color:var(--muted)}
.search-dialog{width:min(92vw,680px);margin:clamp(3rem,10vh,7rem) auto auto;border:0;border-radius:var(--r-panel);padding:clamp(1.1rem,3vw,1.8rem);background:var(--raised);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.18)}
.search-dialog::backdrop,.quick-view::backdrop,.lightbox::backdrop{background:rgba(20,14,22,.45)}
.search-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem}
.search-head label{font-family:var(--font-display);font-size:var(--t-h2);font-weight:var(--w-head)}
.search-field{display:flex;align-items:center;gap:.6rem;padding:.35rem .35rem .35rem .9rem;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--paper)}
[dir=rtl] .search-field{padding:.35rem .9rem .35rem .35rem}
.search-field input{flex:1;min-width:0;min-height:44px;border:0;background:none;outline:0;font-size:1rem}
.search-suggest{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.9rem;font-size:var(--t-support);color:var(--muted)}
.search-suggest a{padding:.3rem .8rem;border:1px solid var(--line);border-radius:var(--r-chip);color:var(--ink);text-decoration:none}
.quick-view{width:min(94vw,840px);border:0;border-radius:var(--r-panel);padding:clamp(1rem,2.4vw,1.5rem);background:var(--raised);color:var(--ink)}
.quick-view>.drawer-close{position:absolute;top:.7rem;inset-inline-end:.7rem;z-index:2}
.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);align-items:center}
.quick-image{aspect-ratio:3/4;overflow:hidden;background:var(--media-bg);border-radius:var(--r-media)}
.quick-image img{width:100%;height:100%;object-fit:cover}
.brand-activato-kids .quick-image{background:#e9decf}
.brand-activato-kids .quick-image img{object-fit:cover}
.quick-info{display:grid;gap:.55rem;align-content:center}
.quick-info .eyebrow{font-size:var(--t-label);color:var(--muted)}
.quick-info h2{font-size:var(--t-h2)}
.quick-colour,.quick-stock{color:var(--muted);font-size:var(--t-support)}
.quick-price{font-size:1.15rem;font-weight:600}
.quick-info .size-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.quick-info .size-chips li{padding:.1rem .55rem;border:1px solid var(--line);border-radius:var(--r-chip);font-size:var(--t-label)}
.quick-info .btn{width:100%}
.lightbox{width:min(96vw,980px);height:min(92vh,1200px);border:0;padding:0;background:#111}
.lightbox img{width:100%;height:100%;object-fit:contain}
.lightbox .drawer-close{position:absolute;top:1rem;inset-inline-end:1rem;background:#fff}
.toast{position:fixed;z-index:95;left:50%;bottom:calc(20px + var(--tabbar-h) + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(92vw,420px);padding:.75rem 1.1rem;border-radius:var(--r-btn);background:var(--ink);color:#fff;font-size:var(--t-support);text-align:center}
.wa-float{position:fixed;z-index:30;inset-inline-end:16px;bottom:calc(18px + var(--tabbar-h) + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1f9d55;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.wa-float svg{width:24px;height:24px}
.wa-float{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}
.wa-float.is-shown{opacity:1;transform:none;pointer-events:auto}

/* ---------------------------------------------------------------- footer & tab bar */
.site-footer{margin-top:clamp(3rem,7vw,5rem);padding:clamp(2rem,5vw,3.5rem) var(--gutter) calc(1.4rem + var(--tabbar-h) + env(safe-area-inset-bottom))}
.brand-aslihan .site-footer{background:var(--paper);border-top:1px solid var(--line)}
.brand-activato-kids .site-footer{background:var(--teal);color:#fff}
.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(1.5rem,4vw,4rem)}
.footer-brand{display:grid;gap:.9rem;align-content:start}
.footer-brand img{height:44px;width:auto}
.brand-activato-kids .footer-brand img{background:#fff;border-radius:14px;padding:.45rem .7rem;height:58px}
.footer-brand p{max-width:36ch;color:var(--muted);font-size:var(--t-support)}
.brand-activato-kids .footer-brand p{color:rgba(255,255,255,.82)}
.site-footer nav{display:grid;gap:.5rem;align-content:start}
.site-footer h3{font-size:var(--t-support);font-weight:500;margin-bottom:.2rem;font-family:var(--font-body)}
.site-footer nav a{font-size:var(--t-support);text-decoration:none;opacity:.8}
.site-footer nav a:hover{opacity:1;text-decoration:underline}
.footer-bottom{max-width:var(--max);margin:2rem auto 0;padding-top:1rem;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);display:flex;justify-content:space-between;gap:1rem;font-size:var(--t-label);opacity:.75}
.tabbar{display:none}

/* ---------------------------------------------------------------- tablet */
@media (max-width:1023px){
  .desktop-nav a:nth-child(n+4){display:none}
  .product-grid,.plp-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plp-layout{grid-template-columns:190px 1fr}
  .a-hero{grid-template-columns:1fr 1.1fr;grid-template-areas:"text main"}
  .a-hero-side{display:none}
  .pdp{grid-template-columns:1fr 1fr}
}

/* ---------------------------------------------------------------- phone (390 is the design target) */
@media (max-width:767px){
  body{--header-h:54px;--tabbar-h:56px;--gutter:16px;--btn-h:46px;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}
  .desktop-only,.desktop-nav{display:none!important}
  .mobile-only{display:grid!important}
  .header-shell,.brand-aslihan .header-shell{grid-template-columns:44px 1fr 44px;grid-template-areas:none;gap:0;padding:0 6px}
  .brand-aslihan .brand-mark,.brand-aslihan .header-tools{grid-area:auto}
  .brand-mark{justify-self:center}
  .brand-mark img{height:36px}
  .brand-activato-kids .brand-mark img{height:40px}
  .topbar{min-height:28px;font-size:.6875rem;padding:.25rem 12px}

  /* ASLIHAN: photograph, then a compact text block holding the CTA, then products straight away. */
  .a-hero{display:block;min-height:0;margin:0 -16px;padding:0}
  .a-hero-main{height:min(54svh,460px)}
  .a-hero-main img{object-position:center 24%}
  .a-hero-text{padding:1.1rem 16px 0;max-width:none;gap:.5rem}
  .a-hero-text h1{font-size:1.65rem;line-height:1.35}
  .a-hero-text p{font-size:.875rem;line-height:1.7}
  .a-hero-cta{display:grid;grid-template-columns:1fr auto;gap:.9rem;margin-top:.5rem}
  .a-block{margin-block:2rem}
  .a-head{margin-bottom:.9rem}
  .a-editorial{grid-template-columns:1fr;gap:1rem;margin-block:2.6rem}
  .a-ed-copy{grid-template-columns:1fr auto;align-items:end;column-gap:1rem}
  .a-ed-copy h2,.a-ed-copy p,.a-ed-copy .text-cta{grid-column:1}
  .a-ed-small{grid-column:2;grid-row:1/4;width:110px;margin:0}
  .a-facts{flex-direction:column;gap:.5rem}

  /* KIDS: category chips, text-first colour block, photograph, ages. */
  .k-quick{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.5rem 16px;background:#fff;border-bottom:1px solid var(--line)}
  .k-quick::-webkit-scrollbar{display:none}
  .k-quick a{flex:none;min-height:34px;padding:0 1rem;border-radius:999px;display:inline-flex;align-items:center;font-size:var(--t-support);font-weight:500;text-decoration:none;background:var(--sky)}
  .k-quick a[aria-current]{background:var(--teal);color:#fff}
  .k-hero{display:flex;flex-direction:column;min-height:0;margin:0 -16px;border-radius:0}
  .k-hero-text{padding:1.15rem 16px 1.25rem;gap:.5rem}
  .k-hero-text h1{font-size:1.7rem}
  .k-hero-text p{font-size:.875rem}
  .k-hero-text .btn{width:100%;margin-top:.3rem}
  .k-hero-img{height:min(34svh,290px)}
  .k-ages{gap:.6rem;margin-top:1.2rem}
  .k-ages div{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .k-ages div::-webkit-scrollbar{display:none}
  .k-ages a{flex:none;min-height:40px}
  .k-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .k-cat{min-height:0;border-radius:999px 999px 14px 14px}
  .k-cat img{aspect-ratio:1;height:auto}
  .k-cat span{flex-direction:column;align-items:flex-start;gap:0;padding:.4rem .65rem .65rem}
  .k-cat b{font-size:1rem}

  .product-grid,.brand-activato-kids .product-grid,.plp-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 10px}
  .card-add{min-height:38px;font-size:.78rem}

  .plp-toolbar{position:sticky;top:var(--header-h);z-index:20;background:var(--paper);margin-inline:-16px;padding:.55rem 16px}
  .tool-btn{display:inline-flex}
  .plp-layout{display:block}
  .filter-panel{position:fixed;z-index:85;inset-inline:0;bottom:0;max-height:86svh;overflow:auto;padding:1rem 1.1rem calc(1rem + env(safe-area-inset-bottom));background:var(--raised);border-radius:16px 16px 0 0;box-shadow:0 -16px 40px rgba(0,0,0,.16);transform:translateY(105%);visibility:hidden;transition:transform .32s var(--ease),visibility 0s .32s}
  .filter-panel.open{transform:none;visibility:visible;transition:transform .32s var(--ease)}
  .filter-panel form{position:static}
  .filter-actions{position:sticky;bottom:0;grid-template-columns:1fr auto;background:var(--raised);padding-top:.6rem}

  .crumbs span:last-child{max-width:46vw}
  .pdp{display:block;padding-top:0}
  .gallery{position:static;margin-inline:-16px}
  .gallery-main{border-radius:0}
  .thumbs{padding-inline:16px}
  .details{padding-top:1rem}
  .details h1{font-size:1.35rem}
  .pdp-facts li{grid-template-columns:1fr;gap:.15rem}
  .mobile-buy{position:fixed;z-index:35;inset-inline:8px;bottom:calc(var(--tabbar-h) + 6px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.7rem;padding:.45rem .45rem .45rem .8rem;border-radius:var(--r-panel);background:var(--raised);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}
  .mobile-buy.is-visible{opacity:1;transform:none;pointer-events:auto}
  .mobile-buy>div{display:grid;flex:1;min-width:0}
  .mobile-buy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--t-label);color:var(--muted)}
  .mobile-buy .btn{min-height:42px;padding:0 1rem}
  .page-product .wa-float,.page-product .toast{bottom:calc(var(--tabbar-h) + 76px + env(safe-area-inset-bottom))}

  .cart-layout,.checkout-layout{grid-template-columns:1fr}
  .order-summary{position:static}
  .cart-line{grid-template-columns:76px 1fr;gap:.8rem}
  .cart-line img{width:76px}
  .cart-line .remove{grid-column:2;justify-self:start;min-height:36px;padding:0}
  .form-grid{grid-template-columns:1fr}
  .checkout-summary{order:-1}

  .search-dialog{margin:0 auto auto;width:100%;max-width:none;border-radius:0 0 16px 16px}
  .quick-view{margin:auto 0 0;width:100%;max-width:none;max-height:92svh;border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}
  .quick-layout{grid-template-columns:110px 1fr;gap:1rem;align-items:start}

  .footer-inner{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;gap:.25rem}
  /* Tab bar: 56px content height + safe area, flat surface, coloured active item. */
  .tabbar{position:fixed;z-index:60;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:var(--raised);border-top:1px solid var(--line)}
  .tabbar a,.tabbar button{position:relative;height:var(--tabbar-h);border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;font-size:.6875rem;line-height:1.2;text-decoration:none;color:var(--muted);min-width:0}
  .tabbar svg{width:21px;height:21px;stroke-width:1.5}
  .tabbar [aria-current]{color:var(--ink);font-weight:500}
  .tabbar [aria-current] svg{stroke-width:2}
  .brand-aslihan .tabbar [aria-current]{color:var(--plum)}
  .brand-activato-kids .tabbar [aria-current]{color:var(--teal)}
  .tab-bag b{top:4px;inset-inline-end:calc(50% - 20px);min-width:16px;height:16px;font-size:.58rem}
  .page-checkout{--tabbar-h:0px}
}
@media (max-width:370px){
  .a-hero-cta{grid-template-columns:1fr}
  .k-cats{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* =====================================================================================================
   R4.1: fashion art direction + commercial density. Personality through composition, scale, type
   contrast and a disciplined colour rhythm; still no gradients, glass, blobs or decorative shapes.
   ===================================================================================================== */
body{--max:1520px}
.a-band,.k-discovery{margin-inline:calc(50% - 50vw)}

/* ---------- headers: brand presence without extra height */
.brand-aslihan,.brand-activato-kids{--header-h:72px}
.brand-aslihan .topbar{background:var(--plum);color:#f5ecf4;border-bottom:0;letter-spacing:.01em}
.brand-aslihan .topbar a{color:#fff}
.brand-aslihan .brand-mark img{height:54px}
.brand-aslihan .desktop-nav{gap:clamp(1.4rem,2.6vw,2.6rem)}
.brand-aslihan .desktop-nav a{font-size:.9375rem;letter-spacing:.01em;border-bottom-width:1.5px}
.brand-aslihan .desktop-nav a:hover,.brand-aslihan .desktop-nav a[aria-current]{color:var(--plum);border-color:var(--plum)}
.brand-activato-kids .site-header{border-bottom:3px solid var(--sun)}
.brand-activato-kids .brand-mark img{height:56px}
.brand-activato-kids .desktop-nav a{font-size:.9375rem}
.brand-activato-kids .desktop-nav a[aria-current]{background:var(--teal);color:#fff}

/* ---------- product card: larger type, quiet quick view below the price, press feedback */
.brand-aslihan .card-name{font-size:.9375rem}
.brand-aslihan .card-meta strong{font-size:1rem;color:var(--plum)}
.brand-activato-kids .card-name{font-size:.9375rem;font-weight:500}
.brand-activato-kids .card-meta strong{font-size:1rem;color:var(--teal);font-weight:600}
.card-media:active img{transform:scale(.985)}
.quick-btn{display:none}
@media (hover:hover) and (min-width:768px){
  .quick-btn{display:inline-block;position:static;align-self:flex-start;min-height:30px;margin:-.35rem 0 .35rem;padding:0;border:0;background:none;color:var(--muted);font-size:var(--t-label);text-decoration:underline;text-underline-offset:.3em;opacity:0;transform:none;transition:opacity .2s}
  .product-card:hover .quick-btn,.product-card:focus-within .quick-btn{opacity:1}
  .product-card:hover .card-media img{transform:scale(1.03)}
}

/* ---------- PLP: full-width merchandising grid, chips inline, filters in a drawer */
.plp-head{padding-bottom:.2rem}
.plp-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem}
.plp-title h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem)}
.brand-aslihan .plp-title h1{font-weight:300}
.brand-activato-kids .plp-title h1{color:var(--teal)}
.plp-title .plp-count{font-size:var(--t-support);color:var(--muted)}
.plp-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;margin:.6rem 0 1.6rem;border-block:1px solid var(--line)}
.plp-bar .chip-row{flex:1;min-width:0}
.chip-sep{flex:none;width:1px;height:22px;align-self:center;background:var(--line)}
.tool-btn{display:inline-flex}
.brand-activato-kids .chip{border:0;background:var(--sky)}
.brand-activato-kids .chip.is-on{background:var(--teal);color:#fff}
.plp-results .product-grid,.brand-activato-kids .plp-results .product-grid{gap:clamp(2rem,3vw,3rem) clamp(12px,1.4vw,22px)}
.brand-aslihan .plp-results .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-activato-kids .plp-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.filter-panel form{position:static}
@media (min-width:768px){
  .filter-panel{position:fixed;z-index:85;top:0;bottom:0;inset-inline-start:0;width:min(92vw,380px);overflow:auto;padding:1.2rem 1.4rem;background:var(--raised);box-shadow:0 0 40px rgba(0,0,0,.14);transform:translateX(-105%);visibility:hidden;transition:transform .32s var(--ease),visibility 0s .32s}
  [dir=rtl] .filter-panel{transform:translateX(105%)}
  .filter-panel.open,[dir=rtl] .filter-panel.open{transform:none;visibility:visible;transition:transform .32s var(--ease)}
}

/* ---------- ASLIHAN home: bigger lookbook, editorial headings, full-width image band */
.a-hero{min-height:min(84vh,820px)}
.a-hero-main{height:min(80vh,780px)}
.a-hero-side{height:min(56vh,560px)}
.a-hero-text h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem)}
.a-head h2{font-size:clamp(1.3rem,1.05rem + 1vw,2rem);font-weight:300}
.a-block .product-grid{gap:clamp(2rem,3vw,3rem) clamp(12px,1.4vw,22px)}
.a-band{margin-block:clamp(3rem,7vw,6rem)}
.a-band-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--paper)}
.a-band-row img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.a-band-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem;padding:1.5rem max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));background:var(--plum);color:#f7eef6}
.a-band-copy h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2.2rem);font-weight:300;color:#fff}
.a-band-copy span{font-size:var(--t-support);opacity:.8;flex:1}
.a-band-copy a{color:#fff;font-size:var(--t-btn);font-weight:500;text-decoration:underline;text-underline-offset:.35em}

/* ---------- PDP: fashion hierarchy */
.pdp{grid-template-columns:minmax(0,1.3fr) minmax(340px,.8fr);gap:clamp(1.6rem,5vw,5.5rem)}
.details{gap:1.05rem;padding-top:1rem}
.pdp-cat{justify-self:start;font-size:var(--t-support);color:var(--muted);text-decoration:none;border-bottom:1px solid currentColor}
.brand-aslihan .details h1{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.35rem);font-weight:300;line-height:1.4}
.brand-activato-kids .details h1{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);color:var(--teal)}
.pdp-price{font-size:1.6rem}
.brand-aslihan .pdp-price strong{color:var(--plum);font-weight:500}
.brand-activato-kids .pdp-price strong{color:var(--teal)}
.purchase-row .add-bag,.buy-now{min-height:52px;font-size:.9375rem}
.pdp-facts li{grid-template-columns:8rem 1fr}
.brand-aslihan .related .section-head h2{font-weight:300;font-size:clamp(1.2rem,1rem + .8vw,1.75rem)}

/* ---------- bag & checkout: same brand as the storefront */
.brand-aslihan .page-head h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);font-weight:300}
.brand-activato-kids .page-head h1{color:var(--teal)}
.brand-aslihan .cart-panel,.brand-aslihan .checkout-card{border:0;padding:0;background:transparent}
.brand-aslihan .order-summary{border:0;border-radius:0;background:var(--blush);padding:clamp(1.2rem,2.4vw,1.8rem)}
.brand-aslihan .order-summary h2,.brand-aslihan .checkout-card h2{font-weight:400;font-size:1.15rem}
.brand-aslihan .checkout-card h2{padding-top:.9rem;border-top:1px solid var(--line)}
.brand-aslihan .checkout-card h2:first-child{border-top:0;padding-top:0}
.brand-aslihan .row-total strong{color:var(--plum)}
.brand-aslihan .form-grid input,.brand-aslihan .form-grid select{background:#fff;border-color:rgba(34,26,36,.18)}
.cart-line{grid-template-columns:110px 1fr auto}
.cart-line img{width:110px}
.brand-aslihan .cart-line strong{font-size:.9375rem}
.brand-aslihan .drawer-title{font-weight:300;font-size:1.3rem}
.brand-aslihan .drawer-title b{background:var(--plum)}
.brand-aslihan .mini-total strong{color:var(--plum)}
.brand-activato-kids .cart-panel,.brand-activato-kids .checkout-card{border:0}
.brand-activato-kids .order-summary{border:0;background:var(--sky)}
.brand-activato-kids .empty-block,.brand-activato-kids .checkout-gate{background:var(--sky);border:0;border-radius:var(--r-panel);padding:clamp(1.6rem,4vw,2.6rem)}
.brand-activato-kids .empty-block h2,.brand-activato-kids .checkout-gate h2{font-family:var(--font-display);font-weight:700;color:var(--teal);font-size:1.4rem}

/* ---------- Kids colour rhythm: teal hero, sky discovery band, white products, sunshine close, teal footer */
.k-discovery{padding:1.6rem max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter))) 2.4rem;background:var(--sky)}
.k-discovery .k-ages{margin-top:0}
.k-discovery .k-block{margin:1.6rem 0 0}
.k-discovery .k-ages a.tone-sky,.k-discovery .k-cat.tone-sky{background:#fff}
.k-hero{min-height:min(70vh,640px)}
.k-band{background:var(--sun);color:var(--ink)}
.k-band h2{color:var(--ink)}
.k-band p{color:color-mix(in srgb,var(--ink) 80%,transparent)}
.k-band .btn-primary{background:var(--teal);color:#fff}

@media (max-width:1199px){
  .brand-aslihan .plp-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .brand-aslihan,.brand-activato-kids{--header-h:56px}
  .brand-aslihan .brand-mark img{height:40px}
  .brand-activato-kids .brand-mark img{height:44px}
  .brand-activato-kids .site-header{border-bottom-width:2px}
  .brand-aslihan .plp-results .product-grid,.brand-activato-kids .plp-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 10px}
  .plp-bar{position:sticky;top:var(--header-h);z-index:20;background:var(--paper);margin-inline:-16px;padding:.55rem 16px;flex-wrap:wrap;gap:.5rem}
  .plp-bar .chip-row{flex-basis:100%}
  .plp-bar .chip-row:empty{display:none}
  .plp-actions{width:100%;justify-content:space-between}
  /* PDP: image, name, price and the size choice scan together in the first view. */
  .gallery-main{aspect-ratio:auto;height:min(50svh,420px)}
  .gallery-main img{object-position:center 22%}
  .details{padding-top:.8rem;gap:.8rem}
  .plp-title h1{font-size:1.5rem}
  .a-hero{min-height:0}
  .a-hero-main{height:min(54svh,460px)}
  .a-band-copy{padding:1.1rem 16px}
  .a-band-copy span{flex-basis:100%}
  .k-discovery{padding:1.1rem 16px 1.6rem}
  .k-hero{min-height:0}
  .pdp-price{font-size:1.4rem}
  .cart-line{grid-template-columns:84px 1fr}
  .cart-line img{width:84px}
  .brand-aslihan .order-summary{margin-inline:-16px;padding:1.2rem 16px}
}

/* =====================================================================================================
   R4.2: component styling. Every product is one designed card (surface, label, name, price, action);
   sections get brand-owned structure: ASLIHAN = a single sprig line + one soft arch;
   Kids = sky trays, sunshine bars and the dungaree arch. No glass, gradients or floating decoration.
   ===================================================================================================== */
.brand-aslihan{--a-card:#faf6f4;--a-tint:#f4ece9;--a-edge:rgba(90,36,104,.13);--r-btn:10px;--r-field:10px;--r-chip:999px;--r-panel:16px}
.product-card{position:relative}
.card-cat{font-size:.6875rem;line-height:1.5;letter-spacing:.02em}
.card-price{font-variant-numeric:tabular-nums}
.card-view{text-decoration:none}

/* ---------- ASLIHAN card: warm surface, image on top, label → name → price rule → plum action */
.brand-aslihan .product-card{background:var(--a-card);border:1px solid var(--a-edge);border-radius:14px;overflow:hidden;transition:box-shadow .35s var(--ease),border-color .35s}
.brand-aslihan .card-media{border-radius:0}
.brand-aslihan .card-body{gap:.2rem;padding:.85rem .95rem 1rem}
.brand-aslihan .card-cat{color:var(--plum);opacity:.8}
.brand-aslihan .card-name{font-size:.9375rem;font-weight:400;line-height:1.55}
.brand-aslihan .card-body .card-meta{justify-content:space-between;align-items:center;gap:.3rem .5rem;margin:.5rem 0 .85rem;padding-top:.6rem;border-top:1px solid var(--a-edge)}
.brand-aslihan .card-meta .card-price{font-size:1.0625rem;font-weight:600;color:var(--plum)}
.brand-aslihan .card-size{padding:.05rem .6rem;border:1px solid var(--a-edge);border-radius:999px;background:#fff;font-size:.6875rem}
.brand-aslihan .card-add{min-height:42px;border:1px solid transparent;border-radius:10px;background:#efe3ee;color:var(--plum);font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .12s}
.brand-aslihan .card-add:not([disabled]):hover,.brand-aslihan .card-add.is-added{background:var(--plum);color:#fff}
.brand-aslihan .card-add:not([disabled]):active{background:var(--plum-deep);transform:scale(.97)}
.brand-aslihan a.card-add{background:transparent;border-color:var(--plum)}
.brand-aslihan .card-add[disabled]{background:transparent;border:1px dashed var(--a-edge);color:var(--muted);opacity:1}
.brand-aslihan .card-add:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.brand-aslihan .card-flag{top:12px;inset-inline-start:12px;padding:.15rem .65rem;border-radius:999px;background:var(--plum);color:#fff}
.brand-aslihan .card-flag.flag-out{background:#fff;color:var(--ink)}
@media (hover:hover){
  .brand-aslihan .product-card:hover{border-color:rgba(90,36,104,.24);box-shadow:0 18px 32px -24px rgba(67,24,78,.45)}
}

/* ---------- Kids card: sky tray, photo in a rounded frame, yellow status tag, teal price and button */
.brand-activato-kids .product-card{background:var(--sky);border-radius:22px;padding:8px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.brand-activato-kids .card-media{border-radius:16px}
.brand-activato-kids .card-body{gap:.1rem;padding:.75rem .5rem .35rem}
.brand-activato-kids .card-cat{color:var(--teal);font-weight:600}
.brand-activato-kids .card-name{font-size:.9375rem;font-weight:500;line-height:1.5}
.brand-activato-kids .card-body .card-meta{justify-content:space-between;align-items:center;gap:.3rem .5rem;margin:.35rem 0 .7rem}
.brand-activato-kids .card-meta .card-price{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--teal)}
.brand-activato-kids .card-size{padding:.1rem .6rem;border-radius:999px;background:#fff;color:var(--teal-deep);font-weight:500}
.brand-activato-kids .card-flag{top:10px;inset-inline-start:10px;padding:.2rem .7rem;border-radius:999px;background:var(--sun);color:var(--teal-deep);font-size:.72rem;font-weight:600}
.brand-activato-kids .card-add,.brand-activato-kids .card-view{margin-top:auto;min-height:42px;border:0;border-radius:999px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,transform .15s var(--ease)}
.brand-activato-kids .card-add:not([disabled]):hover,.brand-activato-kids .card-view:hover,.brand-activato-kids .card-add.is-added{background:var(--sun);color:var(--teal-deep)}
.brand-activato-kids .card-add:not([disabled]):active,.brand-activato-kids .card-view:active{transform:scale(.95)}
.brand-activato-kids .card-add:focus-visible,.brand-activato-kids .card-view:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.brand-activato-kids .card-add[disabled]{background:transparent;border:2px dashed rgba(29,99,131,.3);color:var(--muted)}
.brand-activato-kids .product-card:active{transform:translateY(-1px)}
@media (hover:hover){
  .brand-activato-kids .product-card:hover{transform:translateY(-4px);box-shadow:0 6px 0 var(--sun)}
  .brand-activato-kids .product-card:hover .card-media img{transform:scale(1.045)}
}

/* ---------- quick view: a small pill in the image corner, desktop hover only */
@media (hover:hover) and (min-width:768px){
  .quick-btn{position:absolute;top:12px;inset-inline-start:auto;inset-inline-end:12px;width:auto;margin:0;padding:0 .85rem;min-height:32px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);text-decoration:none;font-weight:500;transform:translateY(-4px);transition:opacity .2s,transform .2s var(--ease)}
  .product-card:hover .quick-btn,.product-card:focus-within .quick-btn{transform:none}
  .brand-activato-kids .quick-btn{top:18px;inset-inline-end:18px}
}

/* ---------- chips */
.chip{transition:background .2s,color .2s,border-color .2s,transform .15s var(--ease)}
.brand-aslihan .chip{min-height:36px;padding:0 1.05rem;border-color:var(--a-edge);background:var(--a-card)}
.brand-aslihan .chip:hover{border-color:var(--plum);color:var(--plum)}
.brand-aslihan .chip.is-on{background:var(--plum);border-color:var(--plum);color:#fff}
.brand-aslihan .tool-btn,.brand-aslihan .sort-select select{border-color:var(--a-edge);background:var(--a-card)}
.brand-aslihan .plp-bar{border-block-color:var(--a-edge)}
.brand-activato-kids .chip{min-height:38px;padding:0 1.1rem;color:var(--teal-deep);font-weight:500}
.brand-activato-kids .chip:hover{background:var(--sun-tint)}
.brand-activato-kids .chip:active{transform:scale(.95)}
.brand-activato-kids .chip.is-on{background:var(--teal);color:#fff;box-shadow:inset 0 -3px 0 var(--sun)}
.brand-activato-kids .tool-btn,.brand-activato-kids .sort-select select{border:0;background:var(--sky);color:var(--teal-deep)}

/* ---------- ASLIHAN sections: one sprig line before headings, one soft arch for the closing collection */
.brand-aslihan .a-head{align-items:center;border-bottom:0;padding-bottom:0;margin-bottom:1.4rem}
.brand-aslihan .a-head h2{display:flex;align-items:center;gap:.75rem}
.brand-aslihan .a-head h2::before{content:"";flex:none;width:36px;height:22px;background:var(--plum);opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 20c10-1 22-6 40-16'/%3E%3Cpath d='M14 16.6c-.4-4 1.6-7 5.6-8.4.4 4-1.6 7-5.6 8.4z'/%3E%3Cpath d='M25 11.6c1.6-3.6 4.6-5 8.6-4.4-1.6 3.6-4.6 5-8.6 4.4z'/%3E%3Cpath d='M9 18c-2.6-2.4-3.1-5-1.7-8 2.4 2.4 3 5.1 1.7 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M2 20c10-1 22-6 40-16'/%3E%3Cpath d='M14 16.6c-.4-4 1.6-7 5.6-8.4.4 4-1.6 7-5.6 8.4z'/%3E%3Cpath d='M25 11.6c1.6-3.6 4.6-5 8.6-4.4-1.6 3.6-4.6 5-8.6 4.4z'/%3E%3Cpath d='M9 18c-2.6-2.4-3.1-5-1.7-8 2.4 2.4 3 5.1 1.7 8z'/%3E%3C/svg%3E") center/contain no-repeat}
[dir=rtl] .brand-aslihan .a-head h2::before{transform:scaleX(-1)}
.brand-aslihan .a-head a{flex:none;padding:.35rem .95rem;border:1px solid var(--a-edge);border-radius:999px;background:var(--a-card);color:var(--plum);text-decoration:none;transition:background .2s,color .2s}
.brand-aslihan .a-head a:hover{background:var(--plum);color:#fff}
.a-tint{margin-inline:calc(50% - 50vw);margin-top:clamp(3rem,7vw,6rem);padding:clamp(2.6rem,5vw,4.5rem) max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter))) clamp(1.6rem,3vw,2.4rem);background:var(--a-tint);border-radius:50% 50% 0 0 / clamp(32px,5vw,84px) clamp(32px,5vw,84px) 0 0}
.a-tint .a-block{margin-top:0}
.a-tint .product-card{background:#fff}
.a-tint .a-head a{background:#fff}
.a-tint .a-facts{margin-top:clamp(2rem,5vw,3.5rem);border-top-color:var(--a-edge)}
.brand-aslihan .a-facts b{color:var(--plum)}
.page-home.brand-aslihan .site-footer{margin-top:0}
.brand-aslihan .pdp-cat{color:var(--plum)}

/* ---------- Kids sections: sunshine bar under headings, sky tray with a smile curve, arched sunshine close */
.brand-activato-kids .k-head{align-items:end}
.brand-activato-kids .k-head h2{display:inline-grid;gap:.35rem}
.brand-activato-kids .k-head h2::after{content:"";width:48px;height:6px;border-radius:6px;background:var(--sun)}
.brand-activato-kids .k-head a{padding:.35rem .95rem;border-radius:999px;background:var(--sky);text-decoration:none;transition:background .2s}
.brand-activato-kids .k-head a:hover{background:var(--sun)}
.k-discovery .k-head a{background:#fff}
.k-discovery{border-radius:0 0 50% 50% / 0 0 clamp(24px,4vw,56px) clamp(24px,4vw,56px);padding-bottom:clamp(2.6rem,5vw,4rem)}
.k-band{justify-items:center;text-align:center;border-radius:clamp(56px,9vw,150px) clamp(56px,9vw,150px) var(--r-panel) var(--r-panel);padding-top:clamp(2.4rem,5vw,4rem)}
.k-band p{margin-inline:auto}
.brand-activato-kids .empty-block,.brand-activato-kids .checkout-gate{border-radius:clamp(48px,9vw,120px) clamp(48px,9vw,120px) var(--r-panel) var(--r-panel);box-shadow:inset 0 -6px 0 var(--sun)}
.brand-activato-kids .pdp-cat{color:var(--teal)}

/* ---------- ASLIHAN bag & checkout: warm cards, plum totals, refined fields */
.brand-aslihan .cart-line{padding:.9rem;margin-bottom:.7rem;border:1px solid var(--a-edge);border-radius:14px;background:var(--a-card)}
.brand-aslihan .cart-line:first-child{padding-top:.9rem}
.brand-aslihan .cart-line:last-child{border-bottom:1px solid var(--a-edge)}
.brand-aslihan .cart-line img{border-radius:10px}
.brand-aslihan .order-summary{border:1px solid var(--a-edge);border-radius:18px}
.brand-aslihan .checkout-card{padding:clamp(1.1rem,2.4vw,1.8rem);border:1px solid var(--a-edge);border-radius:18px;background:var(--a-card)}
.brand-aslihan .form-grid input,.brand-aslihan .form-grid select{border-color:rgba(90,36,104,.2);border-radius:10px;transition:border-color .2s,box-shadow .2s}
.brand-aslihan .form-grid input:focus,.brand-aslihan .form-grid select:focus{outline:0;border-color:var(--plum);box-shadow:0 0 0 3px rgba(90,36,104,.16)}
.brand-aslihan .btn-primary:active{background:var(--plum-deep)}
.brand-aslihan .btn:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.brand-aslihan .mini-line img{border-radius:8px}

@media (max-width:767px){
  .brand-aslihan .card-body{padding:.7rem .7rem .8rem}
  .brand-aslihan .card-name{font-size:.875rem}
  .brand-aslihan .card-meta .card-price{font-size:1rem}
  .brand-aslihan .card-body .card-meta{margin:.4rem 0 .7rem;padding-top:.5rem}
  .brand-aslihan .card-add{min-height:40px;font-size:.78rem}
  .brand-aslihan .product-card{border-radius:12px}
  .brand-activato-kids .product-card{border-radius:18px;padding:6px}
  .brand-activato-kids .card-media{border-radius:13px}
  .brand-activato-kids .card-body{padding:.6rem .35rem .25rem}
  .brand-activato-kids .card-name{font-size:.875rem}
  .brand-activato-kids .card-meta .card-price{font-size:1.125rem}
  .brand-activato-kids .card-add,.brand-activato-kids .card-view{min-height:40px;font-size:.78rem}
  .brand-activato-kids .card-flag{top:8px;inset-inline-start:8px;font-size:.6875rem;padding:.15rem .6rem}
  .brand-aslihan .a-head h2::before{width:28px;height:18px}
  .brand-aslihan .order-summary{margin-inline:0;padding:1.2rem}
  .brand-aslihan .cart-line{padding:.75rem}
  .k-band{border-radius:56px 56px var(--r-panel) var(--r-panel)}
}
@media (min-width:1200px){
  .card-cat{font-size:.75rem}
  .brand-aslihan .card-body{padding:1rem 1.15rem 1.15rem}
  .brand-aslihan .card-name{font-size:1rem}
  .brand-aslihan .card-meta .card-price{font-size:1.1875rem}
  .brand-aslihan .card-size{font-size:.75rem}
  .brand-aslihan .card-add{min-height:46px;font-size:.875rem}
  .brand-activato-kids .card-body{padding:.9rem .7rem .45rem}
  .brand-activato-kids .card-name{font-size:1.0625rem}
  .brand-activato-kids .card-meta .card-price{font-size:1.45rem}
  .brand-activato-kids .card-flag{font-size:.8125rem;padding:.25rem .8rem;top:14px;inset-inline-start:14px}
  .brand-activato-kids .card-add,.brand-activato-kids .card-view{min-height:46px;font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  .product-card,.card-media img,.card-add,.card-view,.chip,.quick-btn{transition:none!important}
  .brand-activato-kids .product-card:hover,.product-card:active,.card-add:active,.card-view:active,.chip:active{transform:none!important}
}

/* ---------- R4.2 final polish: solid plum CTA, firmer prices, roomier Kids content, balanced Kids desktop cards */
.brand-aslihan .card-add{background:var(--plum);border-color:var(--plum);color:#fff}
.brand-aslihan .card-add:not([disabled]):hover,.brand-aslihan .card-add.is-added{background:var(--plum-deep);border-color:var(--plum-deep);color:#fff}
.brand-aslihan .card-add:not([disabled]):active{background:var(--plum-deep);transform:scale(.97)}
.brand-aslihan a.card-add{background:#fff;border-color:var(--plum);color:var(--plum)}
.brand-aslihan a.card-add:hover{background:var(--plum);color:#fff}
.brand-aslihan .card-add[disabled]{background:transparent;border:1px dashed var(--a-edge);color:var(--muted)}
.brand-aslihan .card-meta .card-price{font-size:1.125rem;font-weight:700}
@media (max-width:767px){
  .brand-aslihan .card-meta .card-price{font-size:1.0625rem}
  .brand-activato-kids .card-body{gap:.2rem;padding:.85rem .6rem .45rem}
  .brand-activato-kids .card-body .card-meta{margin:.5rem 0 .8rem}
  .brand-activato-kids .card-cat{font-size:.72rem}
}
@media (min-width:1200px){
  .brand-aslihan .card-meta .card-price{font-size:1.3125rem}
  .brand-activato-kids .product-card{padding:10px}
  .brand-activato-kids .card-media{aspect-ratio:4/5}
  .brand-activato-kids .card-body{gap:.25rem;padding:1.05rem .9rem .6rem}
  .brand-activato-kids .card-cat{font-size:.8125rem}
  .brand-activato-kids .card-name{font-size:1.1875rem}
  .brand-activato-kids .card-colour{font-size:.875rem}
  .brand-activato-kids .card-meta .card-price{font-size:1.625rem}
  .brand-activato-kids .card-size{font-size:.8125rem;padding:.2rem .75rem}
  .brand-activato-kids .card-body .card-meta{margin:.5rem 0 .95rem}
  .brand-activato-kids .card-add,.brand-activato-kids .card-view{min-height:52px;font-size:.9375rem}
}

/* ---------- ASLIHAN phones: storefront categories at the top of the home page (desktop shows them in the header nav) */
.a-quick{display:none}
@media (max-width:767px){
  .a-quick{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.5rem 16px;background:var(--paper);border-bottom:1px solid var(--a-edge)}
  .a-quick::-webkit-scrollbar{display:none}
  .a-quick a{flex:none;min-height:36px;padding:0 1rem;border:1px solid var(--a-edge);border-radius:999px;display:inline-flex;align-items:center;font-size:var(--t-support);text-decoration:none;background:var(--a-card);color:var(--ink)}
  .a-quick a[aria-current]{background:var(--plum);border-color:var(--plum);color:#fff}
}

/* ---------- ASLIHAN imagery: show the complete original photo (many are tall composites with detail panels).
   Contained on the existing cream media ground; never stretched, never cropped to fill. Source files untouched. */
.brand-aslihan .card-media img,.brand-aslihan .gallery-main img,.brand-aslihan .quick-image img{object-fit:contain;object-position:center}

/* ---------- ASLIHAN PDP: balanced media height. The photo stays contained (100% visible, proportional); on tablet/desktop the
   box no longer follows the 3:4 column width (~1,000px tall on desktop) but a viewport-bound height next to the purchase panel. */
@media (min-width:768px){
  .brand-aslihan .gallery-main{aspect-ratio:auto;height:clamp(420px,72vh,700px)}
}
/* ASLIHAN tablet (768–1023): every storefront category stays in the header (the generic rule keeps only 3 links). */
@media (min-width:768px) and (max-width:1023px){
  .brand-aslihan .header-shell{gap:1rem}
  .brand-aslihan .desktop-nav{gap:.75rem}
  .brand-aslihan .desktop-nav a:nth-child(n+4){display:inline-block}
  .brand-aslihan .desktop-nav a{font-size:.75rem}
  .brand-aslihan .brand-mark img{height:44px;flex:none;max-width:none}
}
@media (min-width:768px) and (max-width:859px){
  .brand-aslihan .header-shell{gap:.6rem}
  .brand-aslihan .desktop-nav{gap:.6rem}
  .brand-aslihan .brand-mark img{height:36px}
}

/* ---------- ASLIHAN catalog grid: portrait media frame for single full-length product photographs (the photo stays contained, never stretched or cropped) */
.brand-aslihan .card-media{aspect-ratio:3/4}
.brand-aslihan .card-media img{width:100%;height:100%;object-fit:contain;object-position:center}

/* =====================================================================================================
   ASLIHAN — feminine boutique (approved 2026-10-19). Every rule is scoped to .brand-aslihan; Activato and Kids are not touched.
   Ivory canvas, blush only in the hero plane and the campaign, plum for actions / prices / links. The arch is the hero (and the
   one campaign) signature only. Home sections use the .bq-* classes rendered by templates/storefront/home-aslihan.php.
   ===================================================================================================== */
.brand-aslihan{--bq-max:1320px;--bq-blush:#f4e4e2;--bq-rose:#efd9d8;--bq-cream:#f6efe8;--bq-media:#f7f1eb;--bq-r:16px;--bq-sec:clamp(56px,6vw,96px)}

/* header (all ASLIHAN pages): logo at the start, categories centred, tools at the end */
@media (min-width:1024px){
  .brand-aslihan{--header-h:76px}
  .brand-aslihan .header-shell{max-width:var(--bq-max);grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav tools";gap:28px}
  .brand-aslihan .brand-mark img{height:42px}
  .brand-aslihan .desktop-nav{justify-content:center;gap:clamp(20px,2.2vw,34px)}
  .brand-aslihan .desktop-nav a{font-size:.9063rem;color:#4a3d46;border-bottom-width:1.5px}
  .brand-aslihan .desktop-nav a:hover,.brand-aslihan .desktop-nav a[aria-current]{color:var(--plum);border-color:var(--plum)}
  .brand-aslihan .header-tools{gap:2px}
  .brand-aslihan .locale-menu summary{font-size:.8125rem;color:var(--muted);padding-inline:14px;margin-inline-end:8px;border-inline-end:1px solid var(--line)}
}
html[lang=en] .brand-aslihan h1,html[lang=en] .brand-aslihan h2{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em}
.page-home.brand-aslihan .a-quick{display:none}
.brand-aslihan .site-footer{background:var(--bq-cream);border-top:0}
.brand-aslihan .tabbar{background:rgba(252,248,243,.97)}
.brand-aslihan .tabbar [aria-current]{color:var(--plum)}

/* shared home pieces */
.bq-sec{max-width:calc(var(--bq-max) - 2 * var(--gutter));margin-inline:auto;padding-top:var(--bq-sec)}
.bq-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.bq-sh h2{font-size:clamp(1.75rem,1.3rem + 1vw,2.375rem);font-weight:400;line-height:1.2}
html[lang=en] .brand-aslihan .bq-sh h2{font-size:clamp(1.625rem,1.2rem + .9vw,2.125rem);font-weight:400}
.bq-sh a,.bq-rt>a{font-size:.875rem;color:var(--plum);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.bq-rt{display:flex;align-items:center;gap:8px}.bq-rt>a{margin-inline-end:8px}
.bq-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--plum);font-size:.8438rem;font-weight:500}
.bq-label::before{content:"";width:22px;height:1.5px;background:currentColor}
.bq-line{color:var(--muted);font-size:1.0625rem;margin-top:12px}
.bq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;margin-top:28px;border-radius:10px;background:var(--plum);color:#fff;font-size:.9063rem;font-weight:500;text-decoration:none;transition:background .25s,transform .15s,box-shadow .25s}
.bq-btn:hover{background:var(--plum-deep);box-shadow:0 8px 20px -12px rgba(69,25,79,.6)}.bq-btn:active{transform:scale(.98)}
.bq-btn:focus-visible,.bq-arr:focus-visible,.bq-tile:focus-visible,.bq-piece:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.bq-arr{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--muted);transition:background .2s,color .2s}
.bq-arr svg{width:18px;height:18px}.bq-arr:hover{background:var(--bq-blush);color:var(--plum)}
html[dir=rtl] .bq-arr:not(.bq-nx) svg{transform:scaleX(-1)}html[dir=ltr] .bq-arr.bq-nx svg{transform:scaleX(-1)}

/* hero: a partial blush plane bleeding to the screen edge, the arched photograph rising above it, copy on the ivory page */
.bq-hero{position:relative;margin-inline:calc(50% - 50vw);padding-top:12px}
.bq-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.bq-track::-webkit-scrollbar{display:none}
.bq-track:focus-visible{outline:2px solid var(--plum);outline-offset:-4px}
.bq-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.bq-sin{position:relative;max-width:var(--bq-max);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,88px);height:clamp(560px,calc(100svh - 230px),650px)}
.bq-plane{position:absolute;z-index:0;top:64px;bottom:0;inset-inline-end:calc(-1 * max(0px,(100vw - var(--bq-max)) / 2));width:calc(55% + max(0px,(100vw - var(--bq-max)) / 2) - 24px);background:var(--bq-blush);border-start-start-radius:28px}
.bq-copy{position:relative;z-index:1;justify-self:center;width:470px;max-width:100%;padding-bottom:72px}
.bq-hl{font-size:clamp(2.625rem,1.8rem + 2.3vw,4rem);font-weight:300;line-height:1.18;margin:0}
html[lang=en] .brand-aslihan .bq-hl{font-size:clamp(2.5rem,1.7rem + 2.2vw,3.75rem);line-height:1.12}
.bq-arch{position:relative;z-index:1;align-self:end;justify-self:center;width:min(100%,520px);height:100%;border-radius:999px 999px 0 0;overflow:hidden;background:var(--bq-rose)}
.bq-arch>img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bq-slide:hover .bq-arch>img{transform:scale(1.02)}
.bq-piece{position:absolute;bottom:16px;inset-inline-start:16px;max-width:250px;display:flex;align-items:center;gap:10px;padding:6px;padding-inline-end:14px;background:rgba(252,248,243,.8);backdrop-filter:blur(6px);border-radius:10px;font-size:.75rem;text-decoration:none;color:var(--ink);transition:transform .25s}
.bq-piece:hover{transform:translateY(-2px)}
.bq-piece img{width:34px;height:34px;border-radius:7px;object-fit:cover;background:var(--bq-cream)}
.bq-piece span{display:grid;line-height:1.45;min-width:0}.bq-piece b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bq-piece i{font-style:normal;color:var(--plum)}
.bq-ctrlw{position:absolute;inset-inline:0;bottom:28px;max-width:var(--bq-max);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,88px);pointer-events:none}
.bq-ctrl{justify-self:center;width:470px;max-width:100%;display:flex;align-items:center;gap:12px;color:var(--muted);pointer-events:auto}
.bq-count{font-size:.7813rem;font-variant-numeric:tabular-nums;letter-spacing:.06em}.bq-count b{color:var(--ink);font-weight:600}
.bq-bar{position:relative;width:64px;height:1px;background:rgba(45,34,41,.16)}.bq-bar i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--plum);transition:width .5s}

/* categories: ivory page, photographs set the rhythm; feature + two portraits + one wide daraa card (hanger photography) */
.bq-tiles{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:1fr auto;gap:18px}
.bq-tile{position:relative;display:block;overflow:hidden;border-radius:var(--bq-r);background:var(--bq-cream);color:var(--ink);text-decoration:none}
.bq-ph{display:block;height:100%}.bq-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.bq-tile:hover .bq-ph img{transform:scale(1.03)}
.bq-feat{grid-row:1/3;min-height:620px}
.bq-tall{aspect-ratio:3/3.6}
.bq-wide{grid-column:2/4;height:250px}
.bq-wide .bq-ph{display:flex;justify-content:center;align-items:flex-end;gap:22px;padding:22px 30px 0}
.bq-wide .bq-ph img{width:auto;height:100%;aspect-ratio:3/4;border-radius:12px 12px 0 0;object-position:50% 40%}
.bq-tag{position:absolute;bottom:12px;inset-inline:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(252,248,243,.86);backdrop-filter:blur(6px);border-radius:10px}
.bq-wide .bq-tag{inset-inline:12px auto;white-space:nowrap}
.bq-tag b{font-weight:500;font-size:1rem}.bq-tag small{color:var(--muted);font-size:.8125rem}
.bq-tag i{margin-inline-start:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--plum);border:1px solid rgba(90,36,104,.35);transition:background .25s,color .25s}
.bq-tag i svg{width:16px;height:16px}html[dir=ltr] .bq-tag i svg{transform:scaleX(-1)}
.bq-tile:hover .bq-tag i{background:var(--plum);color:#fff}

/* new-in rail + picked for you: the existing product card, unboxed — product first */
.bq-railsec .bq-sh{margin-bottom:22px}
.brand-aslihan .bq-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((min(100vw,var(--bq-max)) - 2 * var(--gutter)) / 3.35);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * max(var(--gutter),(100vw - var(--bq-max)) / 2 + var(--gutter)));padding-inline:max(var(--gutter),(100vw - var(--bq-max)) / 2 + var(--gutter));scroll-padding-inline:max(var(--gutter),(100vw - var(--bq-max)) / 2 + var(--gutter))}
.bq-rail::-webkit-scrollbar{display:none}.bq-rail .product-card{scroll-snap-align:start}
.bq-rail:focus-visible{outline:2px solid var(--plum);outline-offset:4px}
.brand-aslihan .bq-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.brand-aslihan :is(.bq-rail,.bq-grid) .product-card{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-media{border-radius:var(--bq-r);background:var(--bq-media)}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-body{gap:2px;padding:12px 0 0}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-cat{color:var(--muted);opacity:1;font-size:.75rem}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-name{font-size:.9375rem;font-weight:500}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-body .card-meta{margin:4px 0 8px;padding-top:0;border-top:0;justify-content:space-between}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-meta .card-price{color:var(--plum);font-size:1rem}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-size{padding:0;border:0;background:none;color:var(--muted);font-size:.75rem}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-add{justify-content:flex-start;min-height:36px;width:auto;align-self:flex-start;padding:0;border:0;border-bottom:1px solid rgba(45,34,41,.25);border-radius:0;background:none;color:var(--ink);font-size:.8125rem}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-add:not([disabled]):hover,.brand-aslihan :is(.bq-rail,.bq-grid) .card-add.is-added{background:none;color:var(--plum);border-color:var(--plum)}
.brand-aslihan :is(.bq-rail,.bq-grid) .card-add[disabled]{border:0;color:var(--muted)}

/* campaign: the one richer moment — dusty rose band, arched photograph, plum headline, two shoppable pieces */
.bq-camp{margin-top:var(--bq-sec);margin-inline:calc(50% - 50vw);background:linear-gradient(var(--bq-rose),var(--bq-rose)) 0 64px/100% calc(100% - 64px) no-repeat}
.bq-camp-in{max-width:var(--bq-max);margin-inline:auto;padding:0 var(--gutter) clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:end}
.bq-arch2{display:block;border-radius:999px 999px var(--bq-r) var(--bq-r);overflow:hidden;aspect-ratio:4/5;background:var(--bq-rose)}
.bq-arch2 img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform 1.2s}.bq-arch2:hover img{transform:scale(1.02)}
.bq-cc{padding-bottom:12px;max-width:520px}
.bq-cc h2{font-size:clamp(2.25rem,1.5rem + 1.8vw,3.375rem);font-weight:300;line-height:1.18;color:var(--plum);margin:0}
html[lang=en] .brand-aslihan .bq-cc h2{font-size:clamp(2.125rem,1.4rem + 1.7vw,3.125rem);line-height:1.15}
.bq-look{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bq-look a{display:flex;align-items:center;gap:12px;padding:8px;background:var(--paper);border-radius:14px;font-size:.8125rem;text-decoration:none;color:var(--ink);transition:transform .25s}.bq-look a:hover{transform:translateY(-2px)}
.bq-look img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:var(--bq-cream)}
.bq-look span{display:grid;line-height:1.45;min-width:0}.bq-look b{font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bq-look i{font-style:normal;color:var(--plum)}

/* service strip */
.bq-facts{margin-top:var(--bq-sec);margin-inline:calc(50% - 50vw);border-block:1px solid var(--line)}
.bq-facts ul{list-style:none;margin:0 auto;max-width:var(--bq-max);padding:28px var(--gutter);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.bq-facts li{display:flex;align-items:center;gap:14px}
.bq-facts svg{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--bq-blush);color:var(--plum);stroke-width:1.4}
.bq-facts span{display:grid;line-height:1.5}.bq-facts b{font-weight:500;font-size:.875rem}.bq-facts small{color:var(--muted);font-size:.7813rem}.bq-facts a{color:var(--plum)}
.page-home.brand-aslihan .site-footer{margin-top:0}

@media (prefers-reduced-motion:reduce){
  .bq-arch>img,.bq-ph img,.bq-arch2 img,.bq-btn,.bq-piece,.bq-look a,.bq-bar i{transition:none}
  .bq-slide:hover .bq-arch>img,.bq-tile:hover .bq-ph img,.bq-arch2:hover img{transform:none}
}

/* tablet */
@media (min-width:768px) and (max-width:1023px){
  .bq-sin{grid-template-columns:1fr 1fr;height:520px;gap:28px}.bq-plane{width:58%}
  .bq-ctrlw{grid-template-columns:1fr 1fr;gap:28px}.bq-ctrl{width:auto;justify-self:start}
  .bq-piece{display:none}
  .bq-tiles{grid-template-columns:1fr 1fr}.bq-feat{grid-row:auto;grid-column:1/3;min-height:0;aspect-ratio:16/10}.bq-wide{grid-column:1/3}
  .brand-aslihan .bq-rail{grid-auto-columns:calc((100vw - 2 * var(--gutter)) / 2.4)}
  .brand-aslihan .bq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* phones: image first in a blush card, headline below, one CTA, minimal indicator; no annotation over the garment */
@media (max-width:767px){
  .brand-aslihan{--bq-sec:48px;--bq-r:14px}
  .bq-hero{padding-top:6px}
  .bq-slide{display:flex}
  .bq-sin{flex:1;display:flex;flex-direction:column;align-items:stretch;height:auto;margin:0 12px;padding:14px 14px 0;background:var(--bq-blush);border-radius:22px;gap:0}
  .bq-plane,.bq-piece{display:none}
  .bq-arch{order:-1;width:100%;height:min(47svh,400px);flex:none}
  .bq-copy{flex:1;display:flex;flex-direction:column;justify-self:auto;width:auto;max-width:none;padding:14px 2px 18px}
  .bq-label{margin-bottom:4px}
  .bq-hl{font-size:2rem;line-height:1.2}.bq-hl br{display:none}
  html[lang=en] .brand-aslihan .bq-hl{font-size:2.125rem}
  .bq-line{font-size:.9063rem;margin:4px 0 14px}
  .bq-copy .bq-btn{margin-top:auto;width:100%;min-height:48px}
  .bq-ctrlw{position:relative;bottom:auto;display:flex;justify-content:center;padding-top:10px}.bq-ctrl{width:auto;justify-content:center}.bq-ctrl .bq-arr{display:none}.bq-bar{width:110px}
  .bq-sh{margin-bottom:16px}.bq-sh h2{font-size:1.5rem}.bq-rt .bq-arr{display:none}.bq-rt>a{margin:0}
  .bq-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .bq-feat,.bq-tall,.bq-wide{grid-column:auto;grid-row:auto;min-height:0;height:auto;aspect-ratio:3/4}
  .bq-wide .bq-ph{gap:6px;padding:16px 10px 0;align-items:flex-start}.bq-wide .bq-ph img{width:47%;height:auto;border-radius:10px}
  .bq-tag{inset-inline:8px;bottom:8px;padding:8px 10px;gap:4px;flex-wrap:wrap}.bq-tag b{font-size:.875rem;width:100%}.bq-tag small{font-size:.7188rem}
  .bq-tag i{position:absolute;inset-inline-end:8px;bottom:8px;width:26px;height:26px}
  .bq-wide .bq-tag{inset-inline:8px;white-space:normal}
  .brand-aslihan .bq-rail{grid-auto-columns:62vw;gap:14px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
  .bq-camp{background:linear-gradient(var(--bq-rose),var(--bq-rose)) 0 90px/100% calc(100% - 90px) no-repeat}
  .bq-camp-in{grid-template-columns:1fr;gap:22px;padding-bottom:36px}
  .bq-arch2{width:78%;margin-inline:auto}
  .bq-cc h2{font-size:2rem}.bq-cc h2 br{display:none}.bq-look{grid-template-columns:1fr;gap:8px;margin-top:18px}.bq-cc .bq-btn{margin-top:18px;width:100%}
  .brand-aslihan .bq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .bq-facts ul{grid-template-columns:1fr 1fr;gap:16px 12px;padding-block:22px}.bq-facts li{align-items:flex-start;gap:10px}.bq-facts svg{width:30px;height:30px;padding:6px}
}

/* 2026-11-06 ASLIHAN Black Friday */
.bf-strip{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.55rem 1rem;background:#1b1430;color:#e9e0ff;font-size:.8125rem;text-align:center;text-decoration:none;line-height:1.5}
.bf-strip b{color:#d4ff3f;font-weight:700;letter-spacing:.02em}
.bf-strip:hover{background:#2a1d47}
.card-flag.flag-sale{inset-inline-start:auto;inset-inline-end:12px;background:#d4ff3f;color:#1b1430;font-weight:700}
.bf{background:radial-gradient(120% 90% at 85% 0%,#4a2470 0%,#22173d 45%,#140f24 100%);color:#efe8ff;padding-bottom:clamp(36px,5vw,72px);overflow:hidden}
.bf-hero{position:relative;max-width:calc(var(--bq-max) - 2 * var(--gutter));margin-inline:auto;padding:clamp(40px,6vw,84px) var(--gutter) clamp(24px,3vw,40px);text-align:center}
.bf-glow{position:absolute;inset:-30% 20% auto;height:420px;background:radial-gradient(closest-side,rgba(205,189,240,.28),transparent);filter:blur(10px);pointer-events:none}
.bf-kicker{position:relative;display:inline-block;margin:0 0 14px;padding:.3rem .9rem;border:1px solid rgba(212,255,63,.55);border-radius:999px;color:#d4ff3f;font-size:.8125rem;font-weight:600;letter-spacing:.04em}
.bf-title{position:relative;margin:0;font-size:clamp(3rem,2rem + 6vw,6.5rem);font-weight:800;line-height:1;color:#cdbdf0;letter-spacing:-.01em}
.bf-sub{position:relative;margin:16px auto 0;max-width:34rem;font-size:clamp(1rem,.9rem + .5vw,1.25rem);color:#e3d9fb}
.bf-sub b{color:#d4ff3f;font-weight:800;font-size:1.25em}
.bf-count{position:relative;display:flex;justify-content:center;gap:clamp(8px,1.5vw,16px);margin:26px auto 0;direction:rtl}
.bf-count div{min-width:clamp(62px,9vw,88px);padding:12px 6px 10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(205,189,240,.22);backdrop-filter:blur(4px)}
.bf-count b{display:block;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);font-weight:700;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.bf-count span{display:block;margin-top:4px;font-size:.75rem;color:#bfb0e6}
.bf-ends{position:relative;margin:16px 0 0;font-size:.8125rem;color:#b9abdd}
.bf-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(12px,2vw,22px);max-width:calc(var(--bq-max) - 2 * var(--gutter));margin:8px auto 0;padding-inline:var(--gutter)}
.bf-tile{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#f6f1ff;color:#1b1430;text-decoration:none;box-shadow:0 18px 50px rgba(0,0,0,.35);transition:transform .25s ease,box-shadow .25s ease}
.bf-tile:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.bf-tile-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e7def7}
.bf-tile-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}
.bf-tile:hover .bf-tile-media img{transform:scale(1.04)}
.bf-pct{position:absolute;top:14px;inset-inline-start:14px;padding:.35rem .75rem;border-radius:999px;background:#d4ff3f;color:#1b1430;font-weight:800;font-size:1rem}
.bf-tile-copy{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.bf-tile-label{font-size:1.0625rem;font-weight:600}
.bf-tile-price{font-size:.95rem;color:#5a2468}
.bf-tile-price b{font-size:1.9rem;font-weight:800;line-height:1.1}
.bf-tile-price del{margin-inline-start:6px;color:#8b7f92;font-size:1rem}
.bf-tile-save{font-size:.8125rem;color:#3d7a12;font-weight:600}
.bf-tile-cta{margin-top:8px;align-self:flex-start;padding:.55rem 1.1rem;border-radius:999px;background:#1b1430;color:#fff;font-size:.875rem;font-weight:600}
.bf-group{color:var(--ink)}
.bf .bf-group .bq-sh h2{color:#f3eeff}
.bf-chip{display:inline-block;vertical-align:middle;margin-inline-start:8px;padding:.2rem .7rem;border-radius:999px;background:#d4ff3f;color:#1b1430;font-size:.8125rem;font-weight:700}
.brand-aslihan .bf .bq-rail .product-card{background:#fff;border-radius:18px;overflow:hidden;padding-bottom:14px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.brand-aslihan .bf .bq-rail .product-card .card-visual,.brand-aslihan .bf .bq-rail .product-card .card-media{border-radius:0}
.brand-aslihan .bf .bq-rail .product-card .card-body{padding:12px 14px 0}
.brand-aslihan .bf .bq-rail .product-card .card-price{color:#5a2468;font-weight:800}
@media (max-width:760px){.bf-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bf-tiles::-webkit-scrollbar{display:none}.bf-tile{flex:0 0 78%;scroll-snap-align:center}.bf-tile-media{aspect-ratio:1/1}}
@media (prefers-reduced-motion:reduce){.bf-tile,.bf-tile-media img{transition:none}}