/* Layout: quiet ivory gallery; hero of three real bottles under gold mist, then a calm shelf of products. English first, Arabic toggle. */
:root{color-scheme:light;
  --bg:#f7f3ee; --surface:#efe9e1; --card:#fbf8f4; --ink:#1d1d1d; --muted:#6f675e; --line:#e2d9cd;
  --gold:#b08d57; --gold-soft:rgba(176,141,87,.18); --on-ink:#f7f3ee; --ok:#4f7a55; --no:#9a4b3c;
  --display:"Italiana","Cormorant Garamond",Georgia,serif;
  --ar:"Tajawal","Noto Sans Arabic",Tahoma,sans-serif;
  --en:"Jost","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--ar);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
#site[data-lang="en"]{font-family:var(--en)}
#site[data-lang="ar"] .en,#site[data-lang="en"] .ar{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--en);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
#site[data-lang="ar"] .eyebrow.ar{font-family:var(--ar);letter-spacing:.04em;font-size:14px}
h1,h2,h3{text-wrap:balance;margin:0;font-weight:400}
.h2{font-size:clamp(26px,3.4vw,38px);line-height:1.3}
#site[data-lang="en"] .h2,#site[data-lang="en"] h1{font-family:var(--display)}


.draft-unused{position:fixed;inset-inline-start:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--ink);color:var(--on-ink);font-size:12px;padding:6px 12px;border-radius:999px;opacity:.88}

/* announcement */
.announce{background:var(--ink);color:var(--on-ink);font-size:13px;text-align:center}
.announce .wrap{padding-block:9px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.announce .dot{color:var(--gold)}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--ink)}
.logo svg{height:30px;width:auto;display:block}
.logo small{font-family:var(--ar);font-weight:300;font-size:12px;letter-spacing:.08em;margin-top:4px;color:var(--muted)}
nav.main{display:flex;gap:26px;font-size:15px}
nav.main a{position:relative;padding-block:4px}
nav.main a:hover{color:var(--gold)}
.tools{display:flex;align-items:center;gap:6px}
.icon-btn{background:none;border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer;position:relative}
.icon-btn:hover{background:var(--surface)}
.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}
.badge{position:absolute;top:4px;inset-inline-end:2px;background:var(--gold);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;font-family:var(--en)}
.lang{border:1px solid var(--line);background:none;border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;font-family:var(--en)}
.lang .ar{font-family:var(--ar)}
.menu-btn{display:none}
@media (max-width:860px){nav.main{display:none}.menu-btn{display:grid}}

/* hero */
.hero{position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:56px 64px}
.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.15;margin-block:14px 18px}
.hero h1 .g{color:var(--gold)}
.hero p.lead{font-size:18px;color:var(--muted);max-width:30em;margin:0 0 28px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:2px;font-size:15px;cursor:pointer;border:1px solid var(--ink);transition:background .2s,color .2s}
.btn.solid{background:var(--ink);color:var(--on-ink)}
.btn.solid:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.ghost{background:none}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.stage{position:relative;aspect-ratio:4/5;max-width:100%;display:grid;place-items:center}
.stage .mist{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 68%)}
.stage .m1{width:90%;aspect-ratio:1;top:4%;inset-inline-start:2%}
.stage .m2{width:55%;aspect-ratio:1;top:0;inset-inline-end:0;animation:drift 9s ease-in-out infinite alternate}
.stage .m3{width:40%;aspect-ratio:1;bottom:12%;inset-inline-start:10%;animation:drift 11s ease-in-out infinite alternate-reverse}
@keyframes drift{to{transform:translate(-14px,-22px) scale(1.08)}}
.stage svg.hero-bottle{position:relative;width:58%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.12))}
.stage .tag{position:absolute;bottom:8%;inset-inline-end:4%;background:var(--card);border:1px solid var(--line);padding:12px 16px;font-size:13px;line-height:1.5;max-width:60%}
.stage .tag b{display:block;font-weight:500}
.stage .tag span.p{color:var(--gold)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-block:32px 40px}.stage{max-width:420px;margin-inline:auto;width:100%}}
@media (prefers-reduced-motion:reduce){.stage .mist{animation:none}}
.collage{display:block;aspect-ratio:1/1}
.collage .shot{position:absolute;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 50px -28px rgba(29,29,29,.35);transition:transform .4s ease}
.collage .shot:hover{transform:translateY(-4px)}
.collage .shot img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.collage .s1{width:56%;height:72%;top:4%;inset-inline-start:0;z-index:2}
.collage .s2{width:42%;height:50%;top:0;inset-inline-end:0}
.collage .s3{width:42%;height:44%;bottom:0;inset-inline-end:6%;z-index:3}
.collage .cap{position:absolute;inset-inline:0;bottom:0;padding:10px 12px;background:linear-gradient(transparent,rgba(255,255,255,.95) 40%);font-size:12px;line-height:1.4;display:flex;flex-direction:column}
.collage .cap b{font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;color:var(--muted)}
.collage .cap i{font-style:normal;color:var(--gold);margin-top:2px}
.gender-links{display:flex;gap:22px;margin-top:22px;font-size:15px}
.gender-links a{border-bottom:1px solid var(--gold);padding-bottom:2px}
.gender-links a:hover{color:var(--gold)}
@media (max-width:520px){.collage .cap{font-size:11px;padding:8px}}

/* promises */
.promises{border-block:1px solid var(--line);background:var(--surface)}
.promises .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.promise{display:flex;gap:14px;align-items:flex-start;padding:22px 18px;border-inline-start:1px solid var(--line)}
.promise:first-child{border-inline-start:0}
.promise svg{flex:none;width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:1.3;margin-top:2px}
.promise b{display:block;font-weight:500;font-size:15px}
.promise span.s{font-size:13px;color:var(--muted);line-height:1.5}
@media (max-width:860px){.promises .wrap{grid-template-columns:1fr 1fr}.promise:nth-child(3){border-inline-start:0}.promise:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:420px){.promise{padding:16px 10px;gap:10px}}

section.block{padding-block:72px}
.head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.head .link{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:2px}

/* categories */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat{position:relative;aspect-ratio:3/4;max-width:100%;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:transform .3s}
.cat:hover{transform:translateY(-4px)}
.cat svg{position:absolute;inset:12% 22% auto;width:56%;height:auto;opacity:.95}
.cat .t{position:relative;font-size:20px}
#site[data-lang="en"] .cat .t{font-family:var(--display);font-size:24px}
.cat .s{position:relative;font-size:13px;color:var(--muted)}
.cat.dark{background:var(--ink);color:var(--on-ink)}
.cat.dark .s{color:color-mix(in srgb,var(--on-ink) 70%,transparent)}
@media (max-width:860px){.cats{grid-template-columns:1fr 1fr}}

/* products */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
@media (max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.grid{grid-template-columns:1fr 1fr;gap:24px 12px}}
.card{display:flex;flex-direction:column;gap:10px;min-width:0}
.card .img{position:relative;aspect-ratio:1;max-width:100%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.card .img svg{width:50%;height:auto;transition:transform .4s}
.card:hover .img svg{transform:scale(1.05)}
.pill{position:absolute;top:10px;inset-inline-start:10px;font-size:11px;padding:3px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;gap:6px}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--ok);display:block}
.pill.out i{background:var(--no)}
.card.soldout .img svg{opacity:.35}
.brand{font-family:var(--en);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.name{font-size:15px;line-height:1.45;font-family:var(--en)}
.meta{font-size:12px;color:var(--muted)}
.price{display:flex;gap:10px;align-items:baseline;font-family:var(--en);font-variant-numeric:tabular-nums}
.price b{font-weight:500;font-size:16px}
.price s{color:var(--muted);font-size:13px}
.add{margin-top:auto;border:1px solid var(--ink);background:none;padding:10px;cursor:pointer;font-size:14px;transition:background .2s,color .2s}
.add:hover{background:var(--ink);color:var(--on-ink)}
.add[disabled]{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:none}

/* families */
.families{background:var(--ink);color:var(--on-ink)}
.families .h2{color:var(--on-ink)}
.fam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--on-ink) 14%,transparent);margin-top:32px}
.fam{background:var(--ink);padding:28px 22px;display:flex;flex-direction:column;gap:8px;transition:background .25s}
.fam:hover{background:color-mix(in srgb,var(--ink) 88%,var(--gold))}
.fam .n{font-size:22px}
#site[data-lang="en"] .fam .n{font-family:var(--display);font-size:26px}
.fam .d{font-size:13px;color:color-mix(in srgb,var(--on-ink) 65%,transparent);line-height:1.6}
.fam .sw{width:34px;height:2px;background:var(--gold)}
@media (max-width:860px){.fam-grid{grid-template-columns:1fr 1fr}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.step{border-top:1px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.step .num{font-family:var(--display);font-size:34px;color:var(--gold);line-height:1}
.step b{font-weight:500}
.step span.s{font-size:14px;color:var(--muted)}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}

/* gift band */
.gift{background:var(--surface)}
.gift .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:64px}
.gift .boxes{display:flex;justify-content:center;align-items:flex-end;gap:14px}
.gift .boxes svg{height:auto}
@media (max-width:860px){.gift .wrap{grid-template-columns:1fr}}

/* whatsapp */
.wa{text-align:center}
.wa .h2{margin-block:10px 12px}
.wa p{color:var(--muted);max-width:34em;margin:0 auto 24px}

footer{border-top:1px solid var(--line);font-size:14px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-block:48px 24px}
footer h4{margin:0 0 12px;font-weight:500;font-size:14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--muted)}
footer .fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer .about{color:var(--muted);max-width:28em}
@media (max-width:860px){footer .wrap{grid-template-columns:1fr 1fr}}


/* shop pages: product, cart drawer, checkout, thanks */
[hidden]{display:none!important}
.crumbs{font-size:13px;color:var(--muted);padding-block:18px 0;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--gold)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding-block:14px 0}
.tabs a{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.tabs a.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.view{padding-block:24px 80px}
.pdp{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.gallery{display:grid;grid-template-columns:72px 1fr;gap:14px}
.thumbs{display:flex;flex-direction:column;gap:10px}
.thumbs button{aspect-ratio:1;border:1px solid var(--line);background:var(--card);cursor:pointer;display:grid;place-items:center;padding:6px}
.thumbs button.on{border-color:var(--gold)}
.thumbs svg{width:70%;height:auto}
.main-img{position:relative;aspect-ratio:1;max-width:100%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.main-img .mist{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 70%)}
.main-img svg{position:relative;width:48%;height:auto}
.info{display:flex;flex-direction:column;gap:14px;min-width:0}
.info h1{font-family:var(--display);font-size:clamp(32px,4vw,46px);line-height:1.1}
.info .sub{color:var(--muted);font-size:14px}
.big-price{font-family:var(--en);font-size:28px;font-variant-numeric:tabular-nums}
.big-price small{font-size:14px;color:var(--muted);margin-inline-start:6px}
.stock{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.stock i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.buy{display:flex;gap:10px;flex-wrap:wrap}
.qty{display:flex;border:1px solid var(--ink);height:50px}
.qty button{width:44px;background:none;border:0;cursor:pointer;font-size:18px}
.qty output{width:36px;display:grid;place-items:center;font-family:var(--en)}
.buy .btn{flex:1;justify-content:center;min-width:180px;height:50px;padding-block:0}
.wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1px solid var(--line);font-size:14px}
.wa-btn:hover{border-color:var(--gold)}
.wa-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.assure{display:grid;gap:10px;background:var(--surface);padding:16px 18px;font-size:14px}
.assure div{display:flex;gap:10px;align-items:flex-start}
.assure svg{flex:none;width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5;margin-top:4px}
details{border-top:1px solid var(--line);padding-block:14px}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:500}
summary::after{content:"+";color:var(--gold);font-family:var(--en)}
details[open] summary::after{content:"–"}
details p{color:var(--muted);margin:10px 0 0;font-size:14px}
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.notes div{border:1px solid var(--line);padding:10px;font-size:13px}
.notes b{display:block;font-weight:500;color:var(--gold);font-size:12px}
@media (max-width:860px){.pdp{grid-template-columns:1fr;gap:28px}.gallery{grid-template-columns:1fr}.thumbs{flex-direction:row;order:2}.thumbs button{width:64px}}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--bg);z-index:61;display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.18);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer header{position:static;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;backdrop-filter:none;background:var(--bg)}
.drawer .items{flex:1;overflow:auto;padding:8px 20px;display:flex;flex-direction:column;gap:16px}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}
.line .ph{aspect-ratio:1;background:var(--card);border:1px solid var(--line);display:grid;place-items:center}
.line .ph svg{width:60%;height:auto}
.line .t{font-family:var(--en);font-size:14px;line-height:1.4}
.line .m{font-size:12px;color:var(--muted)}
.line .p{font-family:var(--en);font-variant-numeric:tabular-nums}
.line .rm{background:none;border:0;color:var(--muted);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}
.drawer .foot{border-top:1px solid var(--line);padding:18px 20px;display:grid;gap:12px}
.row{display:flex;justify-content:space-between;font-size:14px}
.row.total{font-size:17px;font-weight:500}
.row span:last-child{font-family:var(--en);font-variant-numeric:tabular-nums}
.empty{color:var(--muted);text-align:center;padding:40px 0}

/* checkout */
.co{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
.co h1{font-size:30px;margin-bottom:6px}
#site[data-lang="en"] .co h1{font-family:var(--display);font-size:38px}
.co .lead{color:var(--muted);margin:0 0 24px}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld.full{grid-column:1/-1}
.fld label{font-size:13px;font-weight:500}
.fld input,.fld select,.fld textarea{font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:0;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold)}
.fld .hint{font-size:12px;color:var(--muted)}
.fld .err{font-size:12px;color:var(--no)}
.phone{display:flex;direction:ltr}
.phone span{display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-inline-end:0;background:var(--surface);font-family:var(--en);font-size:14px}
.cod{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--gold);padding:14px 16px;background:var(--gold-soft)}
.cod b{display:block}
.cod span{font-size:13px;color:var(--muted)}
.cod .radio{width:18px;height:18px;border-radius:50%;border:5px solid var(--gold);flex:none;margin-top:3px}
.summary{background:var(--surface);padding:24px;display:grid;gap:14px;position:sticky;top:calc(90px + env(safe-area-inset-top,0px))}
.summary h2{font-size:18px;font-weight:500}
.submit{grid-column:1/-1;justify-content:center;height:54px}
@media (max-width:860px){.co{grid-template-columns:1fr}.summary{position:static;order:-1}form.f{grid-template-columns:1fr}}

.thanks{max-width:560px;margin:40px auto;text-align:center;display:grid;gap:16px;justify-items:center}
.thanks .seal{width:84px;height:84px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center}
.thanks .seal svg{width:34px;stroke:var(--gold);fill:none;stroke-width:1.5}
.thanks h1{font-size:30px}
#site[data-lang="en"] .thanks h1{font-family:var(--display);font-size:40px}
.thanks p{color:var(--muted);margin:0}
.order-no{font-family:var(--en);letter-spacing:.12em;border:1px dashed var(--line);padding:10px 18px}

/* storefront additions */
.card .img img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .4s}
.card:hover .img img{transform:scale(1.04)}
.card.soldout .img img{opacity:.4}
.card a.name{display:block}
.line .ph img{width:100%;height:100%;object-fit:contain}
.mini-qty{display:flex;align-items:center;gap:8px;margin-top:4px;font-family:var(--en);font-size:13px}
.mini-qty button:not(.rm){width:24px;height:24px;border:1px solid var(--line);background:none;cursor:pointer}
@media (max-width:860px){nav.main.open{display:flex;position:absolute;top:100%;inset-inline:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-left,0px))}nav.main.open a{padding:12px 0;border-bottom:1px solid var(--line)}}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:28px}
.filters input,.filters select{font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:0}
.filters input{flex:1 1 220px}
.chip{border:1px solid var(--line);background:none;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer}
.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.count{color:var(--muted);font-size:13px;margin-inline-start:auto}
.loading{color:var(--muted);padding:40px 0;text-align:center}
.main-img img{position:relative;width:86%;height:86%;object-fit:contain}
.thumbs img{width:100%;height:100%;object-fit:contain}
.help h2{margin-top:40px}
.help p,.help li{color:var(--muted);max-width:65ch}
.pay-opt{grid-column:1/-1;display:grid;gap:10px}
.pay-opt label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:14px 16px;cursor:pointer;background:var(--card)}
.pay-opt label:has(input:checked){border-color:var(--gold);background:var(--gold-soft)}
.pay-opt input{accent-color:var(--gold);margin-top:5px}
.pay-opt label.off{opacity:.55;cursor:not-allowed}
.pay-opt b{display:block;font-weight:500}
.pay-opt span.s{font-size:13px;color:var(--muted)}
/* product photos come on white: give their frames a white ground so they sit flush */
.card .img,.main-img{background:#fff}
.card .img img,.main-img img,.drawer .ph img{mix-blend-mode:multiply}
.main-img .mist{display:none}
.main-img img{width:92%;height:92%}
.filters.chips{margin-top:-14px}
@media (max-width:520px){.announce .opt{display:none}.filters select{flex:1 1 40%}}
/* market price: struck-through UAE retail price + saving */
.price s,.big-price s{color:var(--muted);font-size:.8em;margin-inline-start:8px;font-weight:400}
.off{display:inline-block;margin-inline-start:8px;font-size:12px;font-weight:500;color:#fff;background:var(--gold);padding:2px 7px;border-radius:999px;vertical-align:middle}
.big-price .off{font-size:13px}
.rrp{font-size:12.5px;color:var(--muted);margin-top:4px}
.help p a{border-bottom:1px solid var(--gold)}