/* Dubai Shop — "Luxe Dubai" theme layer (loads after styles.css). Pure CSS/SVG, no extra images. */
:root{
  --night:#0E0E0E; --night-2:#141414; --night-3:#1E1C19;
  --sand:#F5EBDD; --sand-2:#E8D5B5; --ivory:#FBF7F0;
  --gold:#C9A96E; --gold-d:#9C7B43; --gold-l:#F1DFAE;
  --gold-grad:linear-gradient(115deg,#8C6A35 0%,#C9A96E 26%,#F3E3B5 48%,#C9A96E 66%,#9C7B43 100%);
  --emerald:#00732F; --emerald-d:#005A25; --emerald-bg:#E3F1E8;
  --ink:#141414; --oud:#141414; --oud-2:#4A4136; --muted:#7B7064; --line:#E6D9C4; --cream:#F5EBDD;
  --gold-soft:#E8D5B5; --hair:rgba(201,169,110,.45);
  --radius:4px;
  --serif:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23C9A96E' stroke-width='1'%3E%3Cpath d='M28 8L48 28L28 48L8 28Z'/%3E%3Cpath d='M13.9 13.9H42.1V42.1H13.9Z'/%3E%3Cpath d='M28 0V8M28 48V56M0 28H8M48 28H56M0 0L13.9 13.9M56 0L42.1 13.9M0 56L13.9 42.1M56 56L42.1 42.1'/%3E%3Ccircle cx='28' cy='28' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23C9A96E' stroke-width='1.2'%3E%3Cpath d='M12 2L22 12L12 22L2 12Z'/%3E%3Cpath d='M4.9 4.9H19.1V19.1H4.9Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/g%3E%3C/svg%3E");
}
body{background:var(--ivory);color:var(--ink)}
h1,h2,h3{font-weight:500;letter-spacing:.01em}
.sec-head h2,.shop-head h1,.pdp-info h1{color:var(--night)}

/* Title Case labels: letter-spaced, no forced uppercase */
.eyebrow,.card-brand,.footer h4,.note h5,.sample-flag{text-transform:none}
.eyebrow{font-size:var(--fs-xs);letter-spacing:.22em;color:var(--gold-d);font-weight:600;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold-grad)}
.card-brand{letter-spacing:.16em;color:var(--gold-d);font-weight:500}
.note h5{letter-spacing:.16em}

/* Metallic gold text for key headings */
.gold-text,.hero-copy h1 em,.news h2,.page-hero h1{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Buttons */
.btn{background:var(--night);border-color:var(--night);color:var(--ivory);border-radius:2px;letter-spacing:.08em;font-weight:500}
.btn:hover{background:var(--emerald-d);border-color:var(--emerald-d)}
.btn--ghost{background:transparent;color:var(--night);border-color:var(--night)}
.btn--ghost:hover{background:var(--night);color:var(--gold-l);border-color:var(--night)}
.btn--gold{background:var(--gold-grad);background-size:160% 100%;border:1px solid #B8955A;color:var(--night);font-weight:600;transition:background-position .4s}
.btn--gold:hover{background:var(--gold-grad);background-size:160% 100%;background-position:100% 0;border-color:var(--gold);color:var(--night)}
.icon-btn:hover{background:rgba(201,169,110,.12)}
.badge{background:var(--emerald);color:#fff}
.pill-new,.pill-sale{border-radius:999px}

/* UAE flag hairline: green · white · black, with red hoist */
.uae-rule{display:block;height:3px;background:linear-gradient(90deg,#C8102E 0 12%,#00732F 12% 41.33%,#FFFFFF 41.33% 70.66%,#000 70.66% 100%)}

/* Promo + header: midnight */
.promo{background:var(--night-2);color:var(--sand-2);position:relative}
.promo b{color:var(--gold-l);font-weight:500}
.header{background:rgba(14,14,14,.97);border-bottom:1px solid rgba(201,169,110,.28);color:var(--ivory)}
.header .icon-btn{color:var(--ivory)}
.logo{font-weight:500;letter-spacing:.06em}
.header .logo{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo span{color:var(--gold)}
.header .logo span{color:transparent}
.nav a{color:#E9E1D4;letter-spacing:.06em}
.nav a:hover,.nav a.on{color:var(--gold-l);border-color:var(--gold)}
.search-desk input{background:#1B1A18;border:1px solid rgba(201,169,110,.35);color:var(--ivory)}
.search-desk input::placeholder{color:#9D927F}
.search-desk .icon{color:var(--gold)}
@media (min-width:1024px) and (max-width:1279px){ .search-desk input{font-size:12px;letter-spacing:0;padding-right:8px} }
.drawer .panel{background:var(--ivory)}
.panel-head .logo{color:var(--night)}

/* Patterned dark surfaces */
.hero,.page-hero,.news,.footer,.feature.dark{position:relative;isolation:isolate}
.hero::before,.page-hero::before,.news::before,.footer::before,.feature:not(.light)::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:56px 56px;opacity:.07;z-index:-1;pointer-events:none}

/* HERO — cinematic midnight, boutique-lit bottle in an arch */
.hero{background:radial-gradient(120% 90% at 75% 40%,#2A2118 0%,#141210 45%,var(--night) 75%);color:var(--ivory)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold-grad);opacity:.7}
.hero .wrap{padding-block:clamp(32px,6vw,96px)}
.hero-copy h1{color:var(--ivory);font-weight:500}
.hero-copy h1 em{font-style:italic}
.hero-copy p{color:#D9CFBF}
.hero .eyebrow{color:var(--gold)}
.hero .btn--ghost{color:var(--ivory);border-color:rgba(241,223,174,.55)}
.hero .btn--ghost:hover{background:var(--emerald-d);border-color:var(--emerald-d);color:#fff}
.hero-media{padding:clamp(8px,2vw,24px) 0}
.hero-media::before{width:min(110%,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(217,150,80,.45) 0%,rgba(185,110,55,.18) 38%,transparent 68%);filter:blur(6px)}
.arch-frame{position:relative;width:min(68vw,340px);aspect-ratio:3/4.1;padding:10px;border:1px solid var(--hair);border-radius:999px 999px 0 0}
.arch-frame::after{content:"";position:absolute;left:-18px;right:-18px;bottom:-1px;height:1px;background:var(--gold-grad)}
.arch{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:999px 999px 0 0;
  background:radial-gradient(70% 45% at 50% 8%,rgba(255,250,238,.95) 0%,rgba(255,250,238,0) 70%),linear-gradient(180deg,#F7EEDF 0%,#EAD5B2 42%,#D8A766 78%,#B8773C 100%);
  box-shadow:inset 0 0 0 1px rgba(201,169,110,.6),0 30px 80px -20px rgba(217,150,80,.45)}
.arch img{position:absolute;left:50%;bottom:4%;width:118%;max-width:none;height:auto;transform:translateX(-50%);mix-blend-mode:multiply}
.hero-media img{width:118%}
.plinth{position:absolute;left:18%;right:18%;bottom:7%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,30,10,.45),transparent);mix-blend-mode:multiply}
.hero-tag{background:rgba(20,18,16,.82);backdrop-filter:blur(6px);border:1px solid var(--hair);color:#D9CFBF;border-radius:2px;right:2%;bottom:14%}
@media (max-width:767px){ .hero-tag{bottom:-2%;right:0;padding:8px 12px;font-size:11px} .hero-tag b{font-size:18px!important} }
.hero-tag b{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px}
@media (min-width:768px){ .arch-frame{width:min(36vw,400px)} .hero-tag{right:0} }
@media (min-width:1920px){ .arch-frame{width:430px} }

/* Ornamental divider: gold hairlines + 8-point star */
.orn{display:flex;align-items:center;justify-content:center;gap:14px;max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.orn::before,.orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 60%,var(--gold));opacity:.6}
.orn::after{transform:scaleX(-1)}
.orn i{width:22px;height:22px;background:var(--star) center/contain no-repeat}

/* Sections */
.section--cream{background:var(--sand);position:relative}
.section--cream::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background-image:var(--pattern);background-size:28px 28px;opacity:.22;-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.section--cream .wrap{position:relative}
.sec-head{border-bottom:1px solid var(--line);padding-bottom:14px}
.sec-head--center{justify-content:center;text-align:center;border-bottom:0;padding-bottom:0}
.sec-head--center .eyebrow{justify-content:center}
.sec-head--center .eyebrow::after{content:"";width:22px;height:1px;background:var(--gold-grad)}
.sec-head a{border-color:var(--gold);letter-spacing:.06em}
.sec-head a:hover{color:var(--emerald);border-color:var(--emerald)}
.sec-head h2{margin-top:6px}

/* Category arch tiles */
.cats-sec{padding-bottom:clamp(28px,4vw,56px)}
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,36px) clamp(12px,2vw,32px)}
@media (min-width:1024px){ .cats{grid-template-columns:repeat(4,minmax(0,1fr))} }
.cat{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.cat-arch{position:relative;display:block;width:100%;aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden;
  background:radial-gradient(70% 40% at 50% 10%,#FFFDF8 0%,rgba(255,253,248,0) 70%),linear-gradient(180deg,#F8F1E6 0%,var(--sand) 55%,var(--sand-2) 100%);
  outline:1px solid var(--hair);outline-offset:-7px;transition:outline-color .25s,box-shadow .25s}
.cat-arch img{position:absolute;left:50%;bottom:2%;width:96%;max-width:none;transform:translateX(-50%);mix-blend-mode:multiply;transition:transform .5s}
.cat:hover .cat-arch{outline-color:var(--emerald);box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
.cat:hover .cat-arch img{transform:translateX(-50%) scale(1.04)}
.cat-t{font-family:var(--serif);font-size:clamp(19px,1rem + .8vw,28px);font-weight:500;margin-top:14px;line-height:1.15}
.cat-s{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;margin-top:2px}

/* Product cards */
.card-media{background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:border-color .25s,box-shadow .25s}
.card:hover .card-media{border-color:var(--gold);box-shadow:0 16px 36px -24px rgba(20,14,6,.45)}
.card-name{font-weight:500;font-size:clamp(18px,1rem + .45vw,22px)}
.card-name:hover{color:var(--emerald)}
.quick{background:var(--night);color:var(--gold-l);border:1px solid rgba(201,169,110,.5)}
.quick:hover{background:var(--emerald-d)}
.price{letter-spacing:.02em}

/* Brands */
.brand-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--night);font-weight:500;position:relative}
.brand-tile::after{content:"";position:absolute;inset:5px;border:1px solid transparent;border-radius:2px;transition:.25s}
.brand-tile:hover{background:var(--ivory);border-color:var(--gold);color:var(--emerald)}
.brand-tile:hover::after{border-color:var(--hair)}

/* Features */
.feat-sec{padding-top:0}
.feature{border-radius:var(--radius);background:var(--night);color:var(--ivory);border:1px solid rgba(201,169,110,.35);min-height:clamp(260px,26vw,340px)}
.feature .eyebrow{color:var(--gold)}
.feature h3{font-size:clamp(24px,1.1rem + 1vw,34px)}
.feature:not(.light) h3{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature.light{background:var(--sand);color:var(--night);border-color:var(--sand-2)}
.feature.light .eyebrow{color:var(--gold-d)}
.feature .feature-media,.feature:not(.light) .feature-media{background:none;margin:0;padding:clamp(14px,2vw,24px) clamp(14px,2vw,24px) 0;align-self:end;display:block;border-radius:0}
.feature .cat-arch{aspect-ratio:3/3.6;outline-offset:-6px}
.feature img{height:auto;padding:0;object-fit:contain}
.feature.light .cat-arch{background:radial-gradient(70% 40% at 50% 10%,#FFFDF8 0%,rgba(255,253,248,0) 70%),linear-gradient(180deg,#FBF6EE,#F1E2C9)}

/* Trust */
.trust{background:var(--ivory);border-block:1px solid var(--line)}
.trust-item .ic{background:transparent;border:1px solid var(--hair);color:var(--gold-d)}
.trust-item b{font-weight:600;letter-spacing:.02em}

/* Newsletter + footer */
.news{background:linear-gradient(180deg,var(--night-3),var(--night));color:var(--ivory);border-top:1px solid rgba(201,169,110,.3)}
.news h2{font-weight:500}
.news p{color:#CFC4B2}
.news .eyebrow{color:var(--gold)}
.news input{border-radius:2px;border-color:rgba(201,169,110,.4);background:rgba(255,255,255,.04)}
.footer{background:var(--night);color:#BDB2A2}
.footer::before{opacity:.045}
.footer .logo{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer .logo span{color:transparent}
.footer h4{color:var(--gold);letter-spacing:.2em}
.footer li a:hover{color:var(--gold-l)}
.pay span{border-color:rgba(201,169,110,.35);border-radius:2px;color:#E9E1D4}
.legal{border-top:0}
.mock-label{color:var(--gold-l)}

/* Shop page hero band */
.page-hero{background:radial-gradient(90% 140% at 85% 0%,#2A2118 0%,var(--night) 60%);color:var(--ivory);border-bottom:1px solid rgba(201,169,110,.35)}
.page-hero .crumbs{color:#A99D8A}
.page-hero .crumbs a:hover{color:var(--gold-l)}
.page-hero .shop-head{border-bottom:0;padding-top:0;padding-bottom:clamp(22px,3.4vw,44px)}
.page-hero h1{font-size:clamp(32px,1.3rem + 2.4vw,56px);margin-top:6px}
.page-hero p{color:#CFC4B2}
.page-hero .eyebrow{color:var(--gold)}
.chip{border-color:var(--line);background:#fff;border-radius:999px}
.chip:hover{border-color:var(--emerald);color:var(--emerald)}
.chip.on{background:var(--night);border-color:var(--night);color:var(--gold-l)}
.select{border-radius:2px;border-color:var(--line)}
.toolbar .btn--ghost{border-color:var(--line)}
.fgroup{border-color:var(--line)}
.check input{accent-color:var(--emerald)}
.size-chip{border-radius:2px;border-color:var(--line)}
.size-chip.on{border-color:var(--night);box-shadow:inset 0 0 0 1px var(--gold)}
.range-bar i{background:var(--gold-grad)}
.range-bar i::before,.range-bar i::after{border-color:var(--gold-d)}
.range input{border-radius:2px;border-color:var(--line)}
.pager a{border-color:var(--line)}
.pager a.on{background:var(--night);color:var(--gold-l);border-color:var(--night)}

/* Product page */
.crumbs a:hover{color:var(--emerald)}
.gallery-main{border-radius:var(--radius);border-color:var(--line);background:radial-gradient(60% 50% at 50% 40%,#fff 0%,#fff 55%,#FBF6EE 100%)}
.gallery-main::after{content:"";position:absolute;inset:8px;border:1px solid var(--hair);border-radius:2px;pointer-events:none}
.gallery-main img{mix-blend-mode:multiply}
.thumb{border-radius:var(--radius);border-color:var(--line)}
.thumb.on{border-color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold)}
.pdp-info .card-brand a{border-color:var(--gold)}
.pdp-info h1{font-weight:500}
.pdp-info h1::after{content:"";display:block;width:64px;height:1px;background:var(--gold-grad);margin-top:14px}
.stars{color:var(--gold)}
.size-opt{border-radius:2px;border-color:var(--line)}
.size-opt.on{border-color:var(--night);box-shadow:inset 0 0 0 1px var(--gold)}
.stock{color:#8A5A1E}
.stock i{background:#C9862E;box-shadow:0 0 0 4px #F6E7CF}
.qty{border-radius:2px;border-color:var(--line)}
.buy .icon-btn{border-radius:2px}
.buy .icon-btn:hover{color:var(--emerald)}
.perks{background:var(--sand);border-radius:var(--radius);border:1px solid var(--sand-2)}
.perks .icon{color:var(--emerald)}
.note{border-color:var(--line);border-radius:var(--radius);background:#fff}
.meter{background:var(--sand-2)}
.meter i{background:linear-gradient(90deg,#1E1A14,var(--gold) 70%,var(--gold-l))}
.acc,.acc details{border-color:var(--line)}
.sticky-atc{background:rgba(14,14,14,.97);border-top:1px solid rgba(201,169,110,.4);color:var(--ivory)}
.sticky-atc .t{color:#A99D8A}
.sticky-atc .t b{color:var(--ivory)}
.sticky-atc img{background:#fff;border-color:var(--hair)}
.sticky-atc .btn{background:var(--gold-grad);border-color:#B8955A;color:var(--night);font-weight:600}