/* ============ ZARPOSH THEME: "Blush Rose" ============
   Soft white-pink, rose accents and little flowers. Deep berry is used only for a few anchor
   bands (category panels, quick-add bars, footer, curtain). Every colour is a variable. */

:root{
  --g0:#fff8fa; --g1:#fdeef2; --g2:#fbe3ea; --g3:#f8d4de; --g4:#f2bfcf;
  --ivory:#3a1626;            /* main text: deep plum */
  --muted:#8a5f70;
  --line:rgba(176,71,106,.26);
  --gold:#a8456b;             /* rose: text accents + borders */
  --gold-fill:#f4a9c0;        /* pink fills: buttons, chips */
  --gold2:#8a2f52;            /* stronger rose text */
  --on-gold:#3a1626;
  --rose:#e0527f;
  --ok:#1d6b42; --bad:#b3262e;
}

/* ---- deep-berry anchor bands ---- */
.dk,.ft,.panel,.quick,.lb,.curtain{
  --g0:#4a1d33; --g1:#5a2540; --g2:#6a2e4c; --g3:#7a3858; --g4:#8c4268;
  --ivory:#fff1f5; --muted:#ebc3d1; --line:rgba(255,190,212,.3);
  --gold:#ffb3c9; --gold-fill:#ffb3c9; --gold2:#ffd6e2; --on-gold:#4a1d33; --rose:#ffb3c9; --ok:#8fd6a8; --bad:#ff9aa8;
  color:var(--ivory);
}

/* ---- header ---- */
.hdr.scrolled{background:rgba(255,248,250,.97);box-shadow:0 1px 0 var(--line)}
.logo svg circle,.brand svg circle,.c-logo svg circle{stroke:var(--gold)}
.logo svg g,.brand svg g,.c-logo svg g{fill:var(--gold)}
.logo svg text,.brand svg text,.c-logo svg text{fill:var(--gold2)}
.mega{background:rgba(255,248,250,.985);border-color:var(--line)}
.mega .feat span{color:#fff}
.mmenu{background:var(--g0)}
.abar{background:linear-gradient(90deg,#a8345f,#c4457a 50%,#a8345f);color:#fff3f7}

/* ---- little flowers ---- */
.eyebrow::before{content:"✿";width:auto;height:auto;background:none;margin-right:12px;color:var(--rose);font-size:.95rem;vertical-align:baseline}
.marq span::after{content:"✿";color:var(--rose);font-size:.9rem}
.marq{background:var(--g1);border-color:var(--line)}
.page-hero{position:relative;overflow:hidden;background:radial-gradient(700px 320px at 50% 0%,rgba(244,169,192,.28),transparent 70%),var(--g0)}
.page-hero::before{content:"";position:absolute;inset:0;background:url(../assets/floral.svg) 50% 0/520px;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);pointer-events:none}
.page-hero>*{position:relative}
.story{background:linear-gradient(180deg,var(--g1),var(--g2));position:relative;overflow:hidden}
.story::before{content:"";position:absolute;inset:0;background:url(../assets/floral.svg) 0 0/560px;opacity:.35;pointer-events:none}
.story-in{position:relative}
.best{background:linear-gradient(180deg,var(--g0),var(--g1))}
.explore{background:var(--g0)}
.recent,#perks{background:var(--g0)!important}

/* ---- hero (soft blush) ---- */
.hero2{background:linear-gradient(120deg,#fff8fa 0%,#fdeaf0 55%,#fbdbe6 100%)}
.hero2::before{content:"";position:absolute;inset:0;background:url(../assets/floral.svg) 0 0/560px;opacity:.6;pointer-events:none}
.hero2 .hero-txt p{color:var(--muted)}
.h-media{background:radial-gradient(60% 70% at 62% 50%,rgba(255,255,255,.7),transparent 70%)}
.h-media::after{background:linear-gradient(0deg,rgba(253,238,242,.75),transparent 22%),linear-gradient(180deg,rgba(255,248,250,.45),transparent 14%)}
.hero-chip{background:rgba(255,255,255,.9);border:1px solid var(--gold);color:var(--ivory)}
.hero2 .btn.solid::before{background:#3a1626}
.hero2 .btn.solid:hover{color:#fff8fa}

/* ---- floral scene (hero dissolves into it, then the arches) ---- */
.leaf-bg{background:linear-gradient(160deg,#fff1f5,#fcdbe6 60%,#f9c9da)}
.leaf-bg::before{background:radial-gradient(560px 360px at 18% 14%,rgba(255,255,255,.8),transparent 70%),radial-gradient(620px 420px at 86% 72%,rgba(244,169,192,.5),transparent 70%)}
.leaf-bg::after{background:url(../assets/floral.svg) 0 0/620px;opacity:.95;filter:none;mix-blend-mode:normal}
.leaf-bg .lt{background:radial-gradient(520px 340px at 80% 20%,rgba(255,255,255,.55),transparent 70%)}
.hero-fade .lt{background:linear-gradient(0deg,rgba(253,232,239,.95),rgba(253,232,239,0) 200px),radial-gradient(520px 340px at 80% 20%,rgba(255,255,255,.5),transparent 70%)}
.newc{background:#fdeef2}
.newc::before{background:linear-gradient(180deg,rgba(253,232,239,.95),rgba(253,232,239,0))}
.newc .arch .fr{background:#fff}

/* ---- cards, tags, overlays on photos ---- */
.card-media{background:var(--g2);border-color:rgba(176,71,106,.18)}
.tag{color:#3a1626;background:#f7a8c0}
.tag.sale{background:#c4457a;color:#fff}
.tag.out{background:#3a1626;color:#f5dbe5;border:1px solid #6a2e4c}
.tag.pre{background:rgba(255,248,250,.95);color:#8a2f52;border:1px solid #a8456b}
.wl,.qvb{background:rgba(58,22,38,.55)}
.wl svg,.qvb svg{stroke:#fff1f5}
.wl:hover,.wl.on{background:rgba(58,22,38,.85)}
.wl.on svg{fill:#ff7aa2;stroke:#ff7aa2}
.wl.big{background:none;border-color:var(--line)}
.wl.big svg{stroke:var(--ivory)}
.wl.big.on svg{fill:var(--rose);stroke:var(--rose)}
.qvb:hover{background:#ffb3c9}.qvb:hover svg{stroke:#3a1626}
.quick{background:rgba(74,29,51,.93)}
.panel .num,.panel h3,.panel .big{color:#ffd6e2}
.panel .more p{color:#fff1f5}
.price{color:var(--gold2)}
.price s{color:var(--muted)}

/* ---- buttons / controls ---- */
.btn{color:var(--gold2)}
.btn:hover{color:var(--on-gold)}
.btn.solid{background:var(--gold-fill);color:var(--on-gold)}
.btn.solid::before{background:#3a1626}
.btn.solid:hover{color:#fff8fa}
.ft .btn.solid:hover,.panel .btn.solid:hover{color:var(--on-gold)}
.chip:hover{border-color:var(--gold)}
.field,.fl input,.fl textarea,.fl select,.prange input,.cf input,.cf textarea,.trkf input,.mtm textarea,.pop input,.promo{background:#fff}
.ft .nl input,.ft .field{background:transparent}
select.field option{background:#fff;color:#3a1626}
.fl .err{color:var(--bad)}
.fl.bad input,.fl.bad textarea,.fl.bad select{border-color:var(--bad)}
.wa{color:#0b7a3b;border-color:#25d366}
.wa:hover{background:#25d366;color:#04200f}
.st.ok,.row.disc{color:var(--ok)}
.st.ok{border-color:#7fb89b}
.st.out{color:#a3303f;border-color:#d79aa6}
.promo-on{background:rgba(244,169,192,.18)}
.safe,.hq a,.perk{background:#fff}
.perk:hover,.hq a:hover{background:rgba(244,169,192,.2)}
.pay label:has(input:checked){background:rgba(244,169,192,.18)}
::selection{background:#f4a9c0;color:#3a1626}

/* ---- drawers / modals ---- */
.drawer{background:var(--g0)}
.df{background:var(--g1)}
.mp{background:var(--g0)}
.mx{background:rgba(255,255,255,.92)}
.mx svg{stroke:#3a1626}
.lb .lbn{background:rgba(74,29,51,.75);color:#fff1f5}
.lb .lbc{color:#fff1f5}
.mp.lb .mx{background:rgba(74,29,51,.85)}.mp.lb .mx svg{stroke:#fff1f5}
.sum{background:#fff}
.toast{background:#3a1626;color:#fff8fa}
.cur{border-color:var(--gold)}
.cur.big{background:var(--gold-fill);color:var(--on-gold)}

/* ---- footer ---- */
.ft{background:#4a1d33;position:relative;overflow:hidden}
.ft::before{content:"";position:absolute;inset:0;background:url(../assets/floral.svg) 0 0/520px;opacity:.07;pointer-events:none}
.ft-top,.ft-bot{position:relative}

/* curtain shadow only while closed */
.curtain i{box-shadow:none}
html.cshut .curtain i{box-shadow:0 0 60px rgba(0,0,0,.45)}

/* ---- phones: hero text sits on the photo, so use light text there ---- */
@media (max-width:900px){
  .hero2::before{opacity:.3}
  .h-media::after{background:linear-gradient(0deg,rgba(74,29,51,.94) 8%,rgba(74,29,51,.72) 42%,transparent 74%),linear-gradient(180deg,rgba(74,29,51,.45),transparent 22%)}
  .hero2 .hero-txt{--ivory:#fff1f5;--muted:#ffe3ec;--gold:#ffc2d4;--gold2:#ffd9e4;--rose:#ffb3c9;color:#fff1f5}
  .hero2 .hero-txt p{color:#ffe3ec}
  body[data-page="home"] .hdr:not(.scrolled){--ivory:#fff1f5;--gold:#ffc2d4;--gold2:#ffd9e4}
}

/* ---- minimal cursor: a tiny rose dot (native cursor stays); small ring over links, no text ---- */
.cur{width:8px;height:8px;margin:-4px 0 0 -4px;border:0;background:var(--rose,#e0527f);color:transparent;font-size:0;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s,opacity .25s}
.cur.sm,.cur.big{width:30px;height:30px;margin:-15px 0 0 -15px;background:rgba(224,82,127,.16);border:1px solid rgba(224,82,127,.7)}
@media (max-width:900px){.cur{display:none}}