/* ================================================================
   v6 "MEDINA MARKET" — refined marketplace system.
   Warm-white canvas · Marrakech clay primary · Majorelle secondary
   · saffron ratings · charcoal chrome. Replaces v5.
   ================================================================ */
:root{
  --paper:#FFFFFF; --card:#FFFFFF; --chalk:#FFFFFF; --chalk-2:#FAF7F2;
  --ink:#1C1B1A; --ink-70:#42413F; --ink-60:#5C5B58; --ink-40:#8E8C88;
  --line:#ECE8E1; --line-2:#DCD7CD;
  --night:#171A21; --night-2:#20242E;
  --verdigris:#3E5FBF; --verdigris-d:#2E479A;      /* Majorelle */
  --saffron:#EDA145; --saffron-soft:#F4BC74;       /* ratings & glints */
  --gold:#BF4E24;                                   /* Marrakech clay — primary */
  --pale:#C9CCD6; --pale-30:rgba(201,204,214,.32);
  --r:16px; --r-sm:12px;
  --shadow-lg:0 10px 30px rgba(28,27,26,.10),0 2px 6px rgba(28,27,26,.05);
  --disp:'Bricolage Grotesque','Manrope',sans-serif;
}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--disp);letter-spacing:-.025em;font-weight:800;line-height:1.06}
h3{font-family:var(--disp);letter-spacing:-.015em;font-weight:700}
.lede{line-height:1.6}

/* ---------- chrome ---------- */
.ticker{background:var(--night);color:#B9BDC9;height:32px}
.shopbar{background:#fff;border-bottom:1px solid var(--line)}
.searchbox{border:2px solid var(--gold);border-radius:99px;background:#fff;box-shadow:0 1px 0 rgba(28,27,26,.03)}
.searchbox:focus-within{box-shadow:0 0 0 4px rgba(191,78,36,.14)}
.searchbox button,.searchbox .go{background:var(--gold);color:#fff}
.searchbox button:hover,.searchbox .go:hover{background:#A03C15}
.megabtn{background:#fff;border:1.5px solid var(--line-2);border-radius:99px;color:var(--ink)}
.megabtn:hover{border-color:var(--ink);background:var(--chalk-2)}
.mega{border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px}
.mega .all{color:var(--verdigris);font-weight:700}
.mega a:hover{color:var(--gold)}

/* ---------- buttons ---------- */
.btn{border-radius:99px;font-weight:800;letter-spacing:.005em;transition:.16s}
.btn-dark,.btn-gold{background:var(--gold);color:#fff;border:none;box-shadow:0 2px 8px rgba(191,78,36,.28)}
.btn-dark:hover,.btn-gold:hover{background:#A03C15;transform:translateY(-1px);box-shadow:0 6px 16px rgba(191,78,36,.34)}
.btn-line{background:#fff;border:1.5px solid var(--line-2);color:var(--ink)}
.btn-line:hover{border-color:var(--ink);background:#fff;transform:translateY(-1px)}
.btn-out{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.5);color:#fff;border-radius:99px;backdrop-filter:blur(3px)}
.btn-out:hover{background:#fff;color:var(--night);border-color:#fff}

/* ---------- heros & bands ---------- */
.masthead,.plp-head,.sec.dark{background:
  radial-gradient(900px 420px at 85% -10%,rgba(191,78,36,.28),transparent 60%),
  radial-gradient(700px 380px at -5% 110%,rgba(62,95,191,.22),transparent 55%),
  linear-gradient(150deg,#1B1F29,#12151D)}
.masthead{padding:48px 0 54px}
.masthead h1{font-size:clamp(30px,3.6vw,48px)}
.masthead .lede{font-size:16px;color:#C9CCD6}
.plp-head{padding:38px 0 42px}
.field{opacity:.4;mix-blend-mode:soft-light}
.glow.a{background:radial-gradient(circle,rgba(237,161,69,.2),transparent 65%)}
.glow.b{background:radial-gradient(circle,rgba(62,95,191,.18),transparent 65%)}
.sec{padding:60px 0}
.band{background:
  radial-gradient(700px 300px at 90% 0%,rgba(237,161,69,.35),transparent 55%),
  linear-gradient(120deg,#BF4E24,#8F3512)}
.band .wrap{padding-top:46px;padding-bottom:46px}
.band h2{color:#fff}.band p{color:rgba(255,255,255,.88)}
.band .btn-gold{background:#fff;color:#8F3512;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.band .btn-gold:hover{background:#FFF1E8;box-shadow:0 6px 18px rgba(0,0,0,.22)}

/* ---------- cards ---------- */
.card,.pro,.pcard{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 1px 2px rgba(28,27,26,.04)}
.card:hover,.pro:hover,.pcard:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2);transform:translateY(-3px)}
.card .idx{color:var(--verdigris);font-weight:700}
.card .go{color:var(--gold);font-weight:800}
.pcard .im{border-radius:calc(var(--r) - 4px) calc(var(--r) - 4px) 0 0}
.pcard .flag{background:var(--night);color:var(--saffron-soft);letter-spacing:.14em}
.pcard .pr b{font-size:19px}
.pcard .tiers i{background:#FBF1E8;border-color:#F0DCC8;color:#96421C;font-weight:700}
.pcard .moq b{color:var(--verdigris)}
.pcard .act .btn{border-radius:99px}
.seal{background:#FBF1E8;color:#96421C;border:1px solid #F0DCC8;border-radius:99px}
.badges i{border-radius:99px}
.rt b{color:var(--saffron)}

/* ---------- tags / micro ---------- */
.tag{color:var(--verdigris);font-weight:700}
.tag .dot{background:var(--gold);box-shadow:0 0 0 4px rgba(191,78,36,.14)}

/* ---------- forms ---------- */
.panel{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.panel-top{background:linear-gradient(135deg,#20242E,#12151D)}
.panel-top .s{color:var(--saffron-soft)}
.f input,.f select,.f textarea{border-radius:12px;border:1.5px solid var(--line-2);background:#fff;transition:.15s}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(191,78,36,.13);outline:none}
.f label{color:var(--ink-60);font-weight:700}
.note{color:var(--ink-40)}

/* ---------- PLP ---------- */
.subchips a{border-radius:99px;border-color:rgba(255,255,255,.28);font-weight:700}
.subchips a.on,.subchips a:hover{background:#fff;color:var(--night);border-color:#fff}
.plp-stats b{color:var(--saffron-soft)}
.filters .fblock input[type=checkbox]{accent-color:var(--gold)}
.fblock h4{color:var(--ink-40)}
.fblock label:hover{color:var(--gold)}
.fhelp{background:#F3F6FF;border-color:#DBE3FA;border-radius:14px}
.fhelp a{color:var(--verdigris)}
.toolrow select{border-radius:99px;padding:10px 20px;border-color:var(--line-2);font-weight:700}
.pager a{border-radius:99px;border-color:var(--line-2)}
.pager a.on{background:var(--night);border-color:var(--night);color:#fff}
.pager a:hover:not(.on){border-color:var(--gold);color:var(--gold)}
.seo-block p{line-height:1.65}

/* ---------- PDP ---------- */
.gal .main{border-radius:18px;border:1px solid var(--line)}
.gal .thumbs button{border-radius:12px}
.gal .thumbs button.on{border-color:var(--gold)}
.pdp-info .cat{color:var(--verdigris)}
.pdp-meta .stars{color:var(--saffron)}
.tierbox{border-radius:14px;border-color:var(--line)}
.tierbox th{background:var(--night)}
.tierbox tr.hl td{background:#FBF1E8}
.tierbox td b{color:var(--ink)}
.tierbox .save{color:#127A45;font-weight:700}
.optrow .opts button{border-radius:99px;font-weight:700}
.optrow .opts button.on{background:var(--night);border-color:var(--night);color:#fff}
.optrow .opts button:hover:not(.on){border-color:var(--gold);color:var(--gold)}
.qtyrow .qty{border-radius:99px;border-color:var(--line-2)}
.qtyrow .qty button:hover{background:var(--line)}
.pdp-trust{background:var(--chalk-2);border-radius:16px;border-color:var(--line)}
.pdp-trust svg{stroke:var(--gold)}
.acc{border-radius:14px}
.acc summary::after{color:var(--gold)}
.acc summary:hover{color:var(--gold)}

/* ---------- process / lists ---------- */
.bead{background:var(--gold);color:#fff;border-radius:99px;box-shadow:0 4px 12px rgba(191,78,36,.3)}
.node h3{margin-top:6px}
.audit .k{color:var(--saffron-soft);font-weight:700}
.audit li{border-color:rgba(255,255,255,.12)}
.perks .c{background:#FBF1E8;color:#96421C;border-radius:99px;font-weight:800}

/* ---------- footer / links ---------- */
footer,.foot{background:linear-gradient(160deg,#1B1F29,#101319)}
a{transition:color .14s}
a:hover{color:var(--gold)}
::selection{background:rgba(237,161,69,.35)}