:root{
  --navy:#061d35;
  --navy-soft:#0a3155;
  --blue:#0878d1;
  --blue-dark:#075da5;
  --yellow:#ffd719;
  --green:#0da66c;
  --red:#ce1126;
  --ink:#142137;
  --muted:#66758a;
  --line:#dfe6ee;
  --surface:#ffffff;
  --canvas:#f4f7fa;
  --shadow:0 20px 60px rgba(6,29,53,.12);
  --radius:18px;
  --ease:cubic-bezier(.23,1,.32,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a{transition:transform .16s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
button:active,a.button:active{transform:scale(.97)}
button{cursor:pointer}
:focus-visible{outline:3px solid rgba(8,120,209,.35);outline-offset:3px}
.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:800}
.skip-link:focus{transform:translateY(0)}

.site-header{height:74px;position:sticky;top:0;z-index:100;display:flex;align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(6,29,53,.08);backdrop-filter:blur(18px)}
.nav-shell{display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.8px;color:var(--navy);white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#1596ec,var(--blue-dark));color:#fff;box-shadow:0 8px 20px rgba(8,120,209,.24)}
.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:14px;color:#4f6175;font-size:14px;font-weight:700}
.desktop-nav a:hover{color:var(--blue)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.lang-switch{display:flex;gap:5px;color:#8794a4;font-size:12px;font-weight:800}
.lang-switch a.active{color:var(--navy)}
.nav-account{font-size:14px;font-weight:800;color:var(--navy)}
.nav-account:hover{color:var(--blue)}
.nav-logout{margin:0}
.nav-logout button,.mobile-menu button{border:0;background:transparent;color:inherit;padding:0;font-weight:800}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{width:38px;height:38px;list-style:none;border:1px solid var(--line);border-radius:11px;display:grid;place-content:center;gap:4px;background:#fff}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{display:block;width:17px;height:2px;background:var(--navy);border-radius:2px}
.mobile-menu nav{position:absolute;right:0;top:48px;width:220px;padding:14px;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.mobile-menu nav a,.mobile-menu nav button{display:block;width:100%;padding:11px 12px;text-align:left;border-radius:9px}
.mobile-menu nav a:hover,.mobile-menu nav button:hover{background:#eef6fc;color:var(--blue)}

.button{min-height:46px;padding:0 18px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;line-height:1.1}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 9px 22px rgba(8,120,209,.2)}
.button-primary:hover{background:var(--blue-dark)}
.button-yellow{background:var(--yellow);color:var(--navy);box-shadow:0 10px 25px rgba(255,215,25,.18)}
.button-glass{background:rgba(255,255,255,.92);color:var(--navy);border:1px solid rgba(255,255,255,.9)}
.button-outline{background:#fff;color:var(--blue);border:1px solid #bdd9ee}
.button-block{width:100%}

.flash-stack{position:fixed;top:88px;left:50%;z-index:150;transform:translateX(-50%);display:grid;gap:8px;pointer-events:none}
.flash{justify-self:end;max-width:580px;padding:13px 17px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(6,29,53,.18);font-size:14px;font-weight:750;pointer-events:auto}
.flash-success{border-color:#a9dec8;color:#08774d;background:#f0fff8}
.flash-error{border-color:#f3b9c1;color:#a0182b;background:#fff5f6}

.hero-carousel{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero-stage{position:relative;min-height:720px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s var(--ease),visibility .65s var(--ease);isolation:isolate}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.hero-media{position:absolute;inset:-22px;background-image:var(--hero-image);background-repeat:no-repeat;background-size:cover;background-position:var(--hero-position,center);will-change:opacity,transform}
.hero-media-blur{filter:blur(18px) saturate(.82);transform:scale(1.06);opacity:.78;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 20%,rgba(0,0,0,.75) 40%,transparent 72%);mask-image:linear-gradient(90deg,#000 0%,#000 20%,rgba(0,0,0,.75) 40%,transparent 72%)}
.hero-media-clear{opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 10%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.72) 57%,#000 76%,#000 100%);mask-image:linear-gradient(90deg,transparent 10%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.72) 57%,#000 76%,#000 100%)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,50,.98) 0%,rgba(5,35,65,.95) 29%,rgba(5,43,78,.7) 48%,rgba(4,30,56,.2) 75%,rgba(4,22,41,.08) 100%),linear-gradient(180deg,rgba(0,0,0,.04) 45%,rgba(2,17,32,.62) 100%)}
.hero-content{position:relative;z-index:3;min-height:720px;padding-top:82px;padding-bottom:194px;display:flex;align-items:center}
.hero-copy{width:min(660px,56%)}
.hero-badge{display:inline-flex;align-items:center;padding:8px 12px;margin-bottom:19px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(5,31,58,.42);backdrop-filter:blur(9px);font-size:12px;font-weight:850}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff;font-size:12px;font-weight:950;letter-spacing:1.8px}
.flag-line{width:70px;height:5px;border-radius:99px;background:linear-gradient(90deg,#00a5f5 0 36%,#ffd719 36% 44%,#ce1126 44% 70%,#ffd719 70% 78%,#00a5f5 78%)}
.hero-copy h1{margin:0;color:#fff;font-size:clamp(47px,5.5vw,76px);line-height:.98;letter-spacing:-3px;font-weight:950;text-shadow:0 3px 25px rgba(0,0,0,.18)}
.hero-copy h1 span{color:var(--yellow)}
.hero-copy p{max-width:600px;margin:22px 0 0;color:#edf6ff;font-size:18px;line-height:1.65;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.hero-search-wrap{position:absolute;left:50%;bottom:52px;z-index:10;transform:translateX(-50%)}
.hero-search{display:grid;grid-template-columns:minmax(0,1fr) 250px 165px;gap:9px;padding:11px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.8);border-radius:17px;box-shadow:0 22px 65px rgba(0,0,0,.28)}
.search-control{height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#f7f9fb;border:1px solid #dce4ec;border-radius:10px;color:#607187}
.search-control>span:first-child{font-size:21px;color:var(--blue)}
.search-control input,.search-control select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#203047;font-size:15px}
.search-control input::placeholder{color:#7b899a}
.search-submit{border:0;border-radius:10px;background:linear-gradient(135deg,#1689e8,var(--blue-dark));color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(8,114,204,.24)}
.hero-dots{position:absolute;left:50%;bottom:18px;z-index:12;transform:translateX(-50%);display:flex;gap:7px}
.hero-dot{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.48)}
.hero-dot.is-active{width:34px;background:var(--yellow)}

.quick-strip{background:#fff;border-bottom:1px solid var(--line)}
.quick-grid{display:grid;grid-template-columns:repeat(12,1fr)}
.quick-item{position:relative;min-width:0;padding:22px 5px 19px;text-align:center;color:var(--ink)}
.quick-item:hover{background:#f8fbfd;color:var(--blue)}
.quick-item:not(:last-child)::after{content:"";position:absolute;right:0;top:21px;bottom:21px;width:1px;background:#edf1f5}
.quick-item>span{width:52px;height:52px;margin:0 auto 9px;display:grid;place-items:center;border-radius:15px;background:#eef6ff;font-size:26px}
.quick-item:nth-child(3n)>span{background:#ebfaf3}.quick-item:nth-child(4n)>span{background:#fff4e6}
.quick-item strong{display:block;font-size:12px;line-height:1.3}

.section{padding:68px 0}.section-tight{padding-top:22px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.section-heading h2{margin:5px 0 0;font-size:clamp(30px,3.2vw,42px);line-height:1.08;letter-spacing:-1.6px}
.section-heading p{max-width:680px;margin:10px 0 0;color:var(--muted);line-height:1.6}
.section-heading>a{flex:0 0 auto;color:var(--blue);font-size:14px;font-weight:900}
.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:1.7px}
.eyebrow-light{color:var(--yellow)}
.city-row{display:flex;gap:8px;margin-bottom:22px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.city-chip{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#425268;font-size:13px;font-weight:800}
.city-chip.is-active{border-color:var(--blue);background:var(--blue);color:#fff}
.market-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.market-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.market-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.market-visual{height:172px;display:grid;place-items:center;background:linear-gradient(140deg,#eaf1f7,#fbfcfd)}
.market-visual span{width:92px;height:92px;display:grid;place-items:center;border-radius:25px;background:#fff;box-shadow:0 14px 34px rgba(6,29,53,.09);font-size:55px}
.market-card-body{padding:15px}.market-card h3{margin:0 0 7px;font-size:15px}.market-card strong{font-size:16px}.market-card p{margin:8px 0;color:var(--muted);font-size:12px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef6ff;color:var(--blue-dark);font-size:11px;font-weight:900}
.sell-banner{position:relative;overflow:hidden;padding:40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-radius:25px;background:radial-gradient(circle at 86% 15%,rgba(255,255,255,.18),transparent 24%),linear-gradient(125deg,var(--blue),#064b87);color:#fff}
.sell-banner::after{content:"🇨🇩";position:absolute;right:210px;top:-48px;font-size:190px;opacity:.07}
.sell-banner>div,.sell-banner>.button{position:relative;z-index:1}.sell-banner h2{margin:7px 0 10px;font-size:clamp(27px,3vw,38px);line-height:1.12}.sell-banner p{max-width:740px;margin:0;color:#e8f4ff;line-height:1.65}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.category-card{position:relative;min-height:158px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:#fff;border:1px solid var(--line);border-radius:17px}
.category-card:hover{transform:translateY(-4px);border-color:#bcd9ed;box-shadow:var(--shadow)}
.category-icon{position:absolute;left:18px;top:18px;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#eef6fc;font-size:26px}.category-arrow{position:absolute;right:18px;top:20px;color:var(--blue);font-weight:900}.category-card h3{margin:24px 0 5px;font-size:16px}.category-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.ecosystem{padding-top:25px}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ecosystem-card{min-height:380px;padding:40px;border-radius:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.ecosystem-card h2{max-width:520px;margin:12px 0;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-2px}.ecosystem-card p{max-width:550px;margin:0 0 26px;font-size:16px;line-height:1.65}.marketplace-card{background:radial-gradient(circle at 90% 0,rgba(8,120,209,.45),transparent 35%),var(--navy);color:#fff}.marketplace-card p{color:#bed1e2}.express-card{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.7),transparent 35%),#e9f8bd;color:var(--navy)}
.status-pill{display:inline-flex;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.1);font-size:12px;font-weight:900}.status-pill-dark{background:var(--navy);color:#fff}
.how-it-works{background:var(--navy);color:#fff}.section-heading-light h2{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{position:relative;min-height:210px;padding:27px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(255,255,255,.05)}.steps-grid b{position:absolute;right:22px;top:18px;color:#7690a8}.steps-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);color:var(--navy);font-size:22px;font-weight:950}.steps-grid h3{margin:26px 0 7px;font-size:20px}.steps-grid p{margin:0;color:#bed0df;line-height:1.6}
.drc-card{padding:38px;display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px}.drc-card h2{margin:8px 0 11px;font-size:clamp(30px,3.2vw,42px);line-height:1.08;letter-spacing:-1.6px}.drc-card p{max-width:670px;margin:0;color:var(--muted);line-height:1.65}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{padding:21px 10px;text-align:center;background:#f3f7fa;border-radius:16px}.stats b{display:block;color:var(--blue);font-size:26px}.stats span{color:var(--muted);font-size:11px;font-weight:700}

.auth-page{min-height:calc(100vh - 74px);padding:46px 0 70px;background:linear-gradient(145deg,#eff5f9,#f9fbfc 55%,#edf8f4)}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:28px;align-items:stretch}
.auth-art{position:relative;min-height:650px;overflow:hidden;border-radius:25px;background-image:linear-gradient(90deg,rgba(5,29,53,.94),rgba(5,29,53,.24)),url('../img/hero-landcruiser-key.webp');background-size:cover;background-position:68% center;color:#fff;box-shadow:var(--shadow)}
.auth-art-register{background-image:linear-gradient(90deg,rgba(5,29,53,.92),rgba(5,29,53,.18)),url('../img/hero-landcruiser-key.webp');background-position:68% center}
.auth-art-content{position:absolute;inset:auto 0 0;padding:46px;background:linear-gradient(0deg,rgba(4,24,44,.96),transparent)}
.auth-art-content .brand{color:#fff}.auth-art-content h2{max-width:600px;margin:23px 0 12px;font-size:clamp(36px,4.5vw,58px);line-height:1.02;letter-spacing:-2px}.auth-art-content h2 span{color:var(--yellow)}.auth-art-content p{max-width:560px;color:#e7f1f9;line-height:1.65}
.auth-card{padding:36px;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}
.auth-card h1{margin:0;font-size:34px;letter-spacing:-1.2px}.auth-card>.lead{margin:9px 0 26px;color:var(--muted);line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:13px;font-weight:850}.field input,.field select{width:100%;height:49px;padding:0 13px;border:1px solid #cfd9e4;border-radius:10px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,120,209,.1)}.field input[readonly]{background:#f3f6f8;color:#607087}.field.has-error input,.field.has-error select{border-color:#cf4456}.field-error{color:#af2436;font-size:12px}.field-help{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.checkbox-field{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45}.checkbox-field input{margin-top:3px;accent-color:var(--blue)}.auth-card .button-block{margin-top:4px}.auth-switch{margin:20px 0 0;text-align:center;color:var(--muted);font-size:14px}.auth-switch a{color:var(--blue);font-weight:900}

.account-page{min-height:calc(100vh - 74px);padding:48px 0 72px;background:linear-gradient(150deg,#eef5fa,#fbfcfd)}
.account-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.account-heading h1{margin:6px 0 0;font-size:clamp(34px,4vw,48px);letter-spacing:-1.8px}.account-heading p{margin:8px 0 0;color:var(--muted)}
.account-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:20px}.panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px rgba(6,29,53,.07)}.panel h2{margin:0 0 20px;font-size:22px}.profile-form .button{margin-top:18px}.security-list{display:grid;gap:12px}.security-row{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f5f8fa;border-radius:12px;font-size:13px}.security-row span:first-child{color:var(--muted)}.status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:900}.status-good{background:#e9f9f1;color:#08734b}.status-warn{background:#fff5d7;color:#775c00}.verification-box{margin-bottom:20px;padding:18px;border:1px solid #f1d66b;border-radius:15px;background:#fff9df}.verification-box h2{margin:0 0 6px;font-size:17px}.verification-box p{margin:0 0 13px;color:#655928;font-size:13px;line-height:1.55}.verification-box form{margin:0}.account-note{margin-top:20px;padding:16px;border-left:4px solid var(--blue);background:#eef6fc;color:#40546a;font-size:13px;line-height:1.55}

.message-page{min-height:calc(100vh - 74px);padding:90px 20px;display:grid;place-items:center;background:linear-gradient(145deg,#edf5fa,#f7fbf8)}
.message-card{width:min(620px,100%);padding:44px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.message-icon{width:70px;height:70px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#e9f9f1;color:var(--green);font-size:34px;font-weight:950}.message-icon.error{background:#fff0f2;color:var(--red)}.message-card h1{margin:0 0 10px;font-size:34px}.message-card p{margin:0 0 24px;color:var(--muted);line-height:1.6}

.footer{padding:54px 0 22px;background:#071d34;color:#bfd0df}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:38px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-brand{color:#fff}.footer-intro p{max-width:360px;line-height:1.6}.footer-grid strong{color:#fff}.footer-grid a:not(.brand){font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:37px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:15px;color:#8098ad;font-size:12px}

@media(max-width:1080px){
  .desktop-nav{display:none}.market-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(12,112px);overflow-x:auto}.quick-item:last-child::after{display:none}
}

@media(max-width:820px){
  .container{width:min(100% - 28px,1240px)}.desktop-only{display:none}.mobile-menu{display:block}.brand-name{font-size:14px}.nav-shell{gap:12px}.nav-actions{gap:8px}.nav-account{font-size:12px}
  .hero-stage{min-height:840px}.hero-content{min-height:840px;padding-top:55px;padding-bottom:290px;align-items:flex-start}.hero-copy{width:100%;padding-top:16px}.hero-copy h1{max-width:610px;font-size:clamp(42px,10vw,62px)}.hero-copy p{max-width:540px;font-size:16px}.hero-vignette{background:linear-gradient(180deg,rgba(4,28,52,.88) 0%,rgba(4,31,57,.85) 48%,rgba(3,24,45,.9) 100%)}.hero-media-blur{-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%);opacity:.42}.hero-media-clear{background-position:68% center;opacity:.74;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.75));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.75))}
  .hero-search-wrap{bottom:48px}.hero-search{grid-template-columns:1fr 1fr}.search-submit{grid-column:1/-1;min-height:50px}.hero-dots{bottom:15px}
  .market-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.drc-card{grid-template-columns:1fr}.sell-banner{grid-template-columns:1fr}.sell-banner>.button{justify-self:start}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>a{align-self:flex-start}.auth-layout{grid-template-columns:1fr}.auth-art{min-height:360px}.account-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .site-header{height:66px}.brand-mark{width:33px;height:33px}.brand-name{display:none}.lang-switch{font-size:11px}.nav-account{max-width:82px;text-align:center}.flash-stack{top:76px}.flash{justify-self:stretch}
  .hero-stage{min-height:855px}.hero-content{min-height:855px;padding-top:42px;padding-bottom:350px}.hero-badge{font-size:10px}.hero-eyebrow{font-size:10px}.flag-line{width:46px}.hero-copy h1{font-size:42px;letter-spacing:-2px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-search-wrap{bottom:47px}.hero-search{grid-template-columns:1fr}.search-control{height:51px}.search-submit{grid-column:auto;min-height:48px}.quick-grid{grid-template-columns:repeat(12,104px)}
  .section{padding:54px 0}.section-heading h2{font-size:31px}.market-grid{gap:9px}.market-visual{height:126px}.market-visual span{width:74px;height:74px;font-size:43px}.market-card-body{padding:11px}.market-card strong{font-size:13px}.sell-banner{padding:27px}.category-grid{grid-template-columns:1fr}.ecosystem-card{min-height:350px;padding:28px}.ecosystem-card h2{font-size:38px}.drc-card{padding:25px}.stats{grid-template-columns:1fr}.auth-page{padding:22px 0 45px}.auth-art{min-height:300px}.auth-art-content{padding:27px}.auth-card{padding:25px}.auth-card h1{font-size:29px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.checkbox-field{grid-column:auto}.account-page{padding:30px 0 55px}.account-heading{align-items:flex-start;flex-direction:column}.panel{padding:22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
}

@media(prefers-reduced-motion:no-preference){
  .hero-slide.is-active .hero-media-clear{animation:heroReveal 1.1s var(--ease) both}.hero-slide.is-active .hero-copy>*{animation:heroCopy .55s var(--ease) both}.hero-slide.is-active .hero-copy>*:nth-child(2){animation-delay:.05s}.hero-slide.is-active .hero-copy>*:nth-child(3){animation-delay:.1s}.hero-slide.is-active .hero-copy>*:nth-child(4){animation-delay:.15s}.hero-slide.is-active .hero-copy>*:nth-child(5){animation-delay:.2s}
}
@keyframes heroReveal{from{opacity:.55;transform:translateX(16px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes heroCopy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}


/* Step 3 — Seller & merchant onboarding */
.step3-shell{min-height:calc(100vh - 74px);padding:46px 0 76px;background:linear-gradient(145deg,#edf5fb,#fbfcfd 58%,#eff8f3)}
.step3-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.step3-heading h1{margin:6px 0 8px;font-size:clamp(36px,4.6vw,58px);line-height:1;letter-spacing:-2px;color:var(--navy)}
.step3-heading p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.step3-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}
.onboarding-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.onboarding-card h2{margin:0 0 7px;color:var(--navy);font-size:24px;letter-spacing:-.6px}
.onboarding-card>p{margin:0 0 23px;color:var(--muted);line-height:1.6}
.form-section{margin:25px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.form-section:first-of-type{margin-top:0;padding-top:0;border-top:0}
.form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.form-section-title span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf5fd;color:var(--blue);font-weight:950}
.form-section-title h3{margin:0;font-size:17px;color:var(--navy)}
.textarea-field textarea{width:100%;min-height:122px;padding:13px;border:1px solid #cfd9e4;border-radius:10px;background:#fff;color:var(--ink);font:inherit;resize:vertical;outline:none}
.textarea-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,120,209,.1)}
.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.choice-card{position:relative;display:block;cursor:pointer}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card span{min-height:72px;padding:13px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #d5dee8;border-radius:12px;background:#fff;color:#43566c;font-size:13px;font-weight:850;transition:.2s var(--ease)}
.choice-card input:checked+span{border-color:var(--blue);background:#eaf5fd;color:var(--blue-dark);box-shadow:0 0 0 2px rgba(8,120,209,.08)}
.check-stack{display:grid;gap:10px;margin-top:12px}
.check-option{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#f9fbfc;font-size:13px;line-height:1.45}
.check-option input{margin-top:2px;accent-color:var(--blue)}
.step3-side{display:grid;gap:14px}
.trust-card,.step3-note-card{padding:23px;background:var(--navy);border-radius:20px;color:#fff;box-shadow:var(--shadow)}
.trust-card h3,.step3-note-card h3{margin:0 0 10px;font-size:18px}
.trust-card p,.step3-note-card p{margin:0;color:#c8d8e6;font-size:13px;line-height:1.6}
.trust-list{display:grid;gap:9px;margin-top:17px}
.trust-item{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800}
.trust-item b{margin-left:auto;color:#8fe0b9;font-size:11px}
.step3-note-card{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}
.step3-note-card p{color:var(--muted)}
.onboarding-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}
.onboarding-actions .button-primary{min-width:220px}
.seller-hub{margin-top:24px;padding:27px;background:linear-gradient(135deg,#071f38,#0b3d68);border-radius:23px;color:#fff;box-shadow:var(--shadow)}
.seller-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.seller-hub h2{margin:5px 0 8px;font-size:28px;letter-spacing:-.8px}
.seller-hub p{margin:0;color:#c6d8e7;line-height:1.55}
.role-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:11px;font-weight:950}
.seller-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:19px}
.seller-option{padding:19px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}
.seller-option h3{margin:0 0 6px;font-size:17px}
.seller-option p{min-height:44px;margin:0 0 15px;font-size:12px}
.seller-option .button{min-height:42px;font-size:13px}
.profile-summary{display:grid;gap:9px;margin-top:16px}
.profile-summary-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}
.profile-summary-row:last-child{border-bottom:0}.profile-summary-row span{color:#afc5d7}.profile-summary-row strong{text-align:right}
.step3-warning{padding:13px 15px;margin-bottom:18px;border:1px solid #f0c84b;border-radius:12px;background:#fff8dc;color:#6a5300;font-size:13px;line-height:1.5}

@media(max-width:960px){.step3-layout{grid-template-columns:1fr}.step3-side{grid-template-columns:1fr 1fr}.seller-options{grid-template-columns:1fr}}
@media(max-width:720px){.step3-shell{padding:28px 0 55px}.step3-heading{align-items:flex-start;flex-direction:column}.step3-heading h1{font-size:39px}.onboarding-card{padding:22px}.choice-row{grid-template-columns:1fr}.step3-side{grid-template-columns:1fr}.seller-hub{padding:22px}.seller-hub-head{flex-direction:column}}


/* Step 4 — Categories & locations */
.marketplace-page{min-height:calc(100vh - 74px);background:linear-gradient(180deg,#edf5fb 0,#f7f9fb 290px,#f4f7fa 100%)}
.marketplace-hero{padding:58px 0 72px;background:linear-gradient(135deg,#061d35,#0b497c);color:#fff;position:relative;overflow:hidden}
.marketplace-hero::after{content:"";position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,25,.19),transparent 66%)}
.marketplace-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end;position:relative;z-index:1}
.marketplace-hero h1{max-width:830px;margin:9px 0 16px;font-size:clamp(40px,5.5vw,70px);line-height:.98;letter-spacing:-2.8px}
.marketplace-hero p{max-width:790px;margin:0;color:#dceaf5;font-size:17px;line-height:1.7}
.marketplace-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.marketplace-hero-stats div{min-height:108px;padding:16px 10px;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:14px;background:rgba(255,255,255,.06)}
.marketplace-hero-stats strong{font-size:30px;color:var(--yellow)}
.marketplace-hero-stats span{margin-top:4px;color:#d8e6f1;font-size:11px;font-weight:800;line-height:1.3}
.marketplace-body{padding-bottom:78px}
.step4-warning{margin-top:-27px;margin-bottom:20px;padding:17px 19px;position:relative;z-index:4;display:flex;flex-direction:column;gap:4px;border:1px solid #e7be39;border-radius:14px;background:#fff7d2;color:#604c00;box-shadow:0 12px 32px rgba(68,53,0,.1)}
.step4-warning strong{font-size:14px}.step4-warning span{font-size:12px;line-height:1.5}
.location-assist{position:relative;z-index:6;margin-top:-36px;margin-bottom:12px;padding:15px 17px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,#fff,#f4faff);border:1px solid #c9e0f2;border-radius:18px;box-shadow:0 18px 45px rgba(6,29,53,.12)}
.location-assist-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#1596ec,var(--blue-dark));color:#fff;font-size:25px;box-shadow:0 9px 22px rgba(8,120,209,.22)}
.location-assist-copy{min-width:0}.location-assist-copy strong{display:block;color:var(--navy);font-size:14px}.location-assist-copy>span{display:block;margin-top:4px;max-width:820px;color:var(--muted);font-size:11px;line-height:1.5}
.location-assist-status{display:block;min-height:16px;margin-top:5px;color:#61758a;font-size:11px;font-weight:800}.location-assist-status[data-state="success"]{color:#078055}.location-assist-status[data-state="error"]{color:#b42332}.location-assist-status[data-state="loading"]{color:var(--blue)}
.location-assist-button{white-space:nowrap;min-width:185px}.location-assist-button:disabled{opacity:.62;cursor:wait;transform:none}.location-assist.is-locating .location-assist-icon{animation:geoPulse 1.15s ease-in-out infinite}
@keyframes geoPulse{0%,100%{transform:scale(1);box-shadow:0 9px 22px rgba(8,120,209,.22)}50%{transform:scale(1.06);box-shadow:0 11px 30px rgba(8,120,209,.36)}}
.marketplace-filter{position:relative;z-index:5;margin-top:0;padding:15px;display:grid;grid-template-columns:190px minmax(190px,1.35fr) minmax(175px,1fr) repeat(3,minmax(150px,.8fr)) 130px;gap:9px;align-items:end;background:#fff;border:1px solid rgba(6,29,53,.08);border-radius:20px;box-shadow:0 20px 55px rgba(6,29,53,.14)}
.filter-title{height:58px;display:flex;align-items:center;gap:10px;padding:0 12px}
.filter-title>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e9f4fd;color:var(--blue);font-size:20px}
.filter-title strong{display:block;color:var(--navy);font-size:13px}.filter-title small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
.market-filter-field{display:grid;gap:6px}
.market-filter-field>span{padding-left:3px;color:#5b6c80;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.8px}
.market-filter-field input,.market-filter-field select{width:100%;height:48px;padding:0 11px;border:1px solid #d7e0e9;border-radius:10px;background:#f9fbfc;color:var(--ink);outline:none}
.market-filter-field input:focus,.market-filter-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,120,209,.08)}
.market-filter-field select:disabled{opacity:.56;cursor:not-allowed}
.market-filter-button{height:48px;min-height:48px;padding-inline:12px}
.active-filter-bar{margin-top:18px;padding:13px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px}
.active-filter-bar>strong{font-size:12px;color:var(--navy)}
.active-filter-chips{display:flex;gap:7px;flex-wrap:wrap;flex:1}
.active-filter-chips span{padding:6px 9px;border-radius:999px;background:#edf5fb;color:#36516d;font-size:11px;font-weight:800}
.active-filter-bar>a{color:var(--blue);font-size:11px;font-weight:900}
.market-explorer-section{padding-top:52px}
.market-explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}
.market-explorer-heading h2{margin:5px 0 0;color:var(--navy);font-size:clamp(28px,3vw,39px);letter-spacing:-1.3px}
.market-explorer-heading>a{color:var(--blue);font-size:12px;font-weight:900}
.taxonomy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.taxonomy-card{min-height:104px;padding:15px;display:grid;grid-template-columns:48px 1fr 22px;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 23px rgba(6,29,53,.04)}
.taxonomy-card:hover,.taxonomy-card.is-selected{transform:translateY(-2px);border-color:#98c9ed;box-shadow:0 15px 32px rgba(6,29,53,.09)}
.taxonomy-card.is-selected{background:#f2f9fe}
.taxonomy-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eef6fc;font-size:26px}
.taxonomy-card strong{display:block;color:var(--navy);font-size:14px;line-height:1.25}.taxonomy-card small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
.taxonomy-card b{color:var(--blue);font-size:18px}
.location-explorer{padding-top:64px}
.location-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.location-card{min-height:105px;padding:15px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:15px}
.location-card:hover,.location-card.is-selected{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 13px 27px rgba(6,29,53,.08)}
.location-card.is-selected{background:#eef8ff}
.location-card>span{font-size:20px}.location-card strong{margin-top:8px;color:var(--navy);font-size:14px}.location-card small{margin-top:4px;color:var(--muted);font-size:10px}
.market-empty-state{padding:24px;display:flex;gap:15px;align-items:center;border:1px dashed #b8c7d6;border-radius:16px;background:#fff}
.market-empty-state>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#edf5fb;color:var(--blue);font-size:24px}
.market-empty-state strong{color:var(--navy)}.market-empty-state p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.market-ready-card{margin-top:64px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-radius:24px;background:linear-gradient(135deg,#061d35,#0b3c67);color:#fff;box-shadow:var(--shadow)}
.market-ready-card h2{margin:6px 0 8px;font-size:30px;letter-spacing:-1px}.market-ready-card p{max-width:820px;margin:0;color:#c9d9e6;line-height:1.6}
.market-ready-card .button{min-width:190px}
@media(max-width:1180px){
  .marketplace-filter{grid-template-columns:1fr 1fr 1fr}.filter-title{display:none}.market-filter-search{grid-column:span 2}.market-filter-button{align-self:end}
  .taxonomy-grid{grid-template-columns:repeat(3,1fr)}.location-card-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .location-assist{grid-template-columns:46px 1fr}.location-assist-button{grid-column:1/-1;width:100%}
  .marketplace-hero-grid{grid-template-columns:1fr}.marketplace-hero-stats{max-width:520px}
  .marketplace-filter{grid-template-columns:1fr 1fr;margin-top:0}.market-filter-search{grid-column:1/-1}
  .market-filter-button{grid-column:1/-1}.taxonomy-grid{grid-template-columns:repeat(2,1fr)}.location-card-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .location-assist{margin-top:-24px;padding:13px;grid-template-columns:40px 1fr}.location-assist-icon{width:40px;height:40px;font-size:21px}.location-assist-copy strong{font-size:12px}.location-assist-copy>span{font-size:10px}
  .marketplace-hero{padding:42px 0 54px}.marketplace-hero h1{font-size:39px;letter-spacing:-1.8px}.marketplace-hero p{font-size:14px}
  .marketplace-hero-stats{grid-template-columns:repeat(3,1fr)}.marketplace-hero-stats div{min-height:82px;padding:10px 4px}.marketplace-hero-stats strong{font-size:23px}.marketplace-hero-stats span{font-size:9px}
  .marketplace-filter{grid-template-columns:1fr;padding:12px}.market-filter-search,.market-filter-button{grid-column:auto}
  .market-explorer-section{padding-top:42px}.market-explorer-heading{align-items:flex-start;flex-direction:column}.market-explorer-heading h2{font-size:28px}
  .taxonomy-grid{grid-template-columns:1fr}.location-card-grid{grid-template-columns:repeat(2,1fr)}.market-ready-card{grid-template-columns:1fr;padding:23px}.market-ready-card h2{font-size:25px}.market-ready-card .button{width:100%}
}

/* ============================================================
   STEP 5 — CLASSIFIED LISTING CREATION
   ============================================================ */
.listing-editor-page,.my-listings-page,.listing-preview-page{padding:52px 0 76px;background:linear-gradient(180deg,#eef7fd 0,#f7f9fc 38%,#f4f7fa 100%);min-height:70vh}
.listing-editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.listing-editor-heading h1{margin:6px 0 8px;color:var(--navy);font-size:clamp(34px,5vw,58px);letter-spacing:-2.4px;line-height:.98}
.listing-editor-heading p{margin:0;max-width:760px;color:#61758a;font-size:17px;line-height:1.55}
.listing-heading-actions,.preview-toolbar-actions,.step5-account-actions{display:flex;gap:10px;flex-wrap:wrap}
.listing-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.listing-editor-main{display:grid;gap:20px}
.listing-form-section{padding:28px;border-radius:22px}
.listing-step-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
.listing-step-title>span{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e7f4fe;color:var(--blue);font-weight:950;font-size:18px}
.listing-step-title h2{margin:0 0 5px;color:var(--navy);font-size:23px;letter-spacing:-.7px}
.listing-step-title p{margin:0;color:#728398;line-height:1.45}
.listing-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0;padding:0;margin:8px 0 0}
.listing-type-grid legend{font-weight:850;color:var(--navy);margin-bottom:10px}
.choice-card{position:relative;display:block;cursor:pointer}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card span{display:flex;min-height:108px;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line);background:#fff;border-radius:15px;color:var(--navy);transition:.2s var(--ease)}
.choice-card strong{font-size:15px}.choice-card small{color:#748397;line-height:1.35}
.choice-card input:checked+span{border-color:#52a9e4;background:#edf8ff;box-shadow:0 0 0 3px rgba(8,120,209,.09)}
.field-hint{display:flex;justify-content:space-between;gap:14px;margin-top:7px;color:#8491a1;font-size:12px;line-height:1.35}
.check-row{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fafcfe;cursor:pointer}
.check-row input{margin-top:3px;width:18px;height:18px}.check-row span{display:flex;flex-direction:column;gap:3px}.check-row small{color:#78899b}
.listing-location-grid{grid-template-columns:repeat(3,1fr)}
.listing-geo-note{margin-top:16px;padding:12px 14px;background:#f1f8fd;border-radius:12px;color:#5d7288;font-size:13px;line-height:1.45}
.photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.photo-dropzone{min-height:170px;border:2px dashed #b8cfdf;border-radius:18px;background:#f8fcff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;padding:22px;cursor:pointer;transition:.2s var(--ease)}
.photo-dropzone:hover{border-color:var(--blue);background:#eff9ff;transform:translateY(-1px)}
.photo-drop-icon{font-size:36px}.photo-dropzone strong{color:var(--navy);font-size:18px}.photo-dropzone small{color:#73859a}
.new-image-preview,.existing-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.new-image-card,.existing-image-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.new-image-card img,.existing-image-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf2f6}
.new-image-index{position:absolute;top:7px;left:7px;background:rgba(6,29,53,.84);color:#fff;font-size:10px;font-weight:900;padding:5px 7px;border-radius:7px}
.new-image-tools,.image-order-tools{display:flex;justify-content:center;gap:4px;padding:6px}
.new-image-tools button,.image-order-tools button{width:30px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--navy);font-weight:900}
.existing-image-tools{display:grid;gap:5px;padding:8px;font-size:11px;color:#526579}.existing-image-tools label{display:flex;align-items:center;gap:5px}.image-delete{color:#a53d48!important}
.listing-editor-sidebar{position:sticky;top:96px}
.listing-publish-card{padding:24px;border-radius:20px}
.listing-publish-card h2{margin:9px 0 8px;color:var(--navy);font-size:24px}.listing-publish-card p{color:#6d7f91;line-height:1.5;margin:0 0 18px}
.button-block{width:100%;margin-top:9px}.listing-publish-checks{list-style:none;padding:16px 0 0;margin:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;color:#61758a;font-size:12px}

.seller-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.seller-listing-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(6,29,53,.07)}
.seller-listing-media{position:relative;display:block;background:#edf3f7;aspect-ratio:16/10;overflow:hidden}.seller-listing-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.seller-listing-card:hover .seller-listing-media img{transform:scale(1.025)}
.listing-no-photo{height:100%;display:grid;place-items:center;font-size:46px;opacity:.45}
.listing-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;background:#eaf1f6;color:#456278}
.seller-listing-media .listing-status{position:absolute;top:10px;right:10px}.listing-status-published{background:#e5faef;color:#08784b}.listing-status-draft{background:#fff3cd;color:#8b6500}.listing-status-archived{background:#e9edf1;color:#687787}.listing-status-rejected{background:#ffe7ea;color:#9a2736}
.seller-listing-body{padding:18px}.seller-listing-category{font-size:12px;color:var(--blue);font-weight:850}.seller-listing-body h2{margin:8px 0 12px;font-size:20px;color:var(--navy);letter-spacing:-.45px}.seller-listing-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#758698;font-size:12px}.seller-listing-meta strong{color:var(--navy);font-size:14px;white-space:nowrap}.seller-listing-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:16px}.seller-listing-actions .button{min-height:38px;padding:0 12px;font-size:12px}.seller-listing-actions form{margin-left:auto}.button-text-danger{background:transparent;color:#ad3a49;border:0;padding:6px 5px;min-height:auto!important;box-shadow:none!important}
.button-delete-forever{background:#fff1f2;color:#a92338;border:1px solid #ffc9d0;box-shadow:none}.button-delete-forever:hover{background:#a92338;color:#fff;border-color:#a92338;box-shadow:0 8px 18px rgba(169,35,56,.16)}.seller-listing-actions .listing-delete-form{margin-left:auto}
.empty-listings{padding:70px 24px;text-align:center;border-radius:22px}.empty-listings-icon{font-size:58px}.empty-listings h2{font-size:30px;color:var(--navy);margin:10px 0}.empty-listings p{max-width:620px;margin:0 auto 22px;color:#748598;line-height:1.55}

.preview-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.preview-toolbar p{margin:5px 0 0;color:#718397}.listing-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.listing-gallery{padding:14px;border-radius:20px}.listing-cover{background:#edf2f6;border-radius:15px;overflow:hidden;min-height:420px}.listing-cover img{width:100%;height:min(60vh,620px);object-fit:contain;background:#0b1724}.listing-cover-empty{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;font-size:50px;color:#8492a1}.listing-cover-empty span{font-size:15px}.listing-thumb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.listing-thumb-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.listing-description-panel{margin-top:20px;padding:24px;border-radius:20px}.listing-description-panel h2{margin-top:0;color:var(--navy)}.listing-description-panel p{color:#53697d;line-height:1.75}.listing-preview-summary{position:sticky;top:96px;padding:26px;border-radius:20px}.listing-preview-summary h1{font-size:30px;color:var(--navy);line-height:1.08;margin:12px 0}.listing-preview-price{font-size:26px;font-weight:950;color:var(--blue);margin:14px 0 20px}.preview-detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;color:#708195}.preview-detail-row strong{color:var(--navy);text-align:right}.preview-owner-note{margin-top:18px;padding:13px;background:#f4f8fb;border-radius:12px;color:#65798d;font-size:12px;line-height:1.45}
.step5-hub{margin-top:22px}.step5-account-actions{align-items:center}

@media (max-width:980px){.listing-editor{grid-template-columns:1fr}.listing-editor-sidebar,.listing-preview-summary{position:static}.seller-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-preview-layout{grid-template-columns:1fr}.listing-location-grid{grid-template-columns:1fr 1fr}.new-image-preview,.existing-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:720px){.listing-editor-page,.my-listings-page,.listing-preview-page{padding:30px 0 54px}.listing-editor-heading,.preview-toolbar{align-items:flex-start;flex-direction:column}.listing-editor-heading h1{font-size:39px;letter-spacing:-1.6px}.listing-form-section{padding:20px}.listing-type-grid{grid-template-columns:1fr}.listing-location-grid{grid-template-columns:1fr}.seller-listing-grid{grid-template-columns:1fr}.new-image-preview,.existing-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-cover{min-height:260px}.listing-cover img{height:360px}.listing-thumb-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:460px){.new-image-preview,.existing-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-listing-meta{align-items:flex-start;flex-direction:column}.listing-cover img{height:300px}}


/* ============================================================
   STEP 6 — PUBLIC MARKETPLACE BROWSE & SEARCH
   ============================================================ */
.public-listings-section{margin:30px 0 40px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(6,29,53,.07)}
.public-listings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.public-listings-heading h2{margin:6px 0 0;color:var(--navy);font-size:clamp(24px,3vw,38px);letter-spacing:-1px}
.public-listings-heading p{margin:8px 0 0;color:var(--muted);max-width:680px}
.public-listings-heading>a:not(.button){font-weight:900;color:var(--blue)}
.public-listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.public-listing-card{min-width:0;background:#fff;border:1px solid #dfe7ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(6,29,53,.07);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}
.public-listing-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(6,29,53,.13);border-color:#bfd7e9}
.public-listing-cover{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eef3f7}
.public-listing-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.public-listing-card:hover .public-listing-cover img{transform:scale(1.035)}
.public-listing-no-image{height:100%;display:grid;place-items:center;font-size:48px;color:#9aabbb}
.public-listing-type,.public-listing-photo-count{position:absolute;top:12px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:950;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.public-listing-type{left:12px;background:rgba(255,255,255,.95);color:var(--navy)}
.public-listing-photo-count{right:12px;background:rgba(6,29,53,.86);color:#fff}
.public-listing-card-body{padding:16px}
.public-listing-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.public-listing-price-row strong{font-size:19px;color:var(--blue);letter-spacing:-.3px}
.public-listing-price-row span{font-size:10px;font-weight:900;color:#6a7888;background:#edf3f7;padding:5px 7px;border-radius:999px}
.public-listing-card h3{font-size:16px;line-height:1.35;margin:9px 0 10px;color:var(--navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}
.public-listing-card h3 a:hover{color:var(--blue)}
.public-listing-meta{margin:0;display:grid;gap:5px;color:#637489;font-size:12px}
.public-listing-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-listing-footer{margin-top:14px;padding-top:12px;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;gap:10px;color:#7c8998;font-size:11px}
.public-listing-footer span{font-weight:800;color:#52657a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marketplace-filter{grid-template-columns:1.55fr repeat(4,minmax(125px,.8fr));}
.market-price-field{min-width:115px}
.market-filter-field input[type="number"]{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font-weight:750;min-width:0}
.public-listings-empty{display:flex;align-items:center;gap:20px;padding:34px;border:1px dashed #c9d5e0;border-radius:18px;background:#f8fafc}
.public-listings-empty>span{width:58px;height:58px;border-radius:17px;background:#e9f4fc;display:grid;place-items:center;font-size:28px;color:var(--blue)}
.public-listings-empty strong{display:block;color:var(--navy);font-size:18px}
.public-listings-empty p{margin:6px 0 8px;color:var(--muted)}
.public-listings-empty a{font-weight:900;color:var(--blue)}
.market-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}
.market-pagination a,.market-pagination span{padding:10px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13px;font-weight:900}
.market-pagination a{color:var(--blue)}
.home-live-listings{padding:70px 0;background:#f8fafc;border-top:1px solid rgba(6,29,53,.06);border-bottom:1px solid rgba(6,29,53,.06)}
.home-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.listing-detail-page{padding:34px 0 80px;background:#f4f7fa}
.listing-detail-shell{display:grid;gap:24px}
.listing-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#64758a;font-size:13px;font-weight:750}
.listing-breadcrumb a:hover{color:var(--blue)}
.listing-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:24px;align-items:start}
.listing-gallery,.listing-detail-summary,.listing-description-card,.listing-facts-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(6,29,53,.07)}
.listing-gallery{padding:14px}
.listing-main-image{height:min(62vw,610px);min-height:420px;border-radius:16px;overflow:hidden;background:#edf2f6;display:grid;place-items:center}
.listing-main-image img{width:100%;height:100%;object-fit:contain;background:#f1f4f7}
.listing-main-image-empty{font-size:68px;color:#9cadbc}
.listing-thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:10px}
.listing-thumb{padding:0;border:2px solid transparent;background:#eef2f6;border-radius:11px;overflow:hidden;aspect-ratio:1/1}
.listing-thumb.is-active{border-color:var(--blue)}
.listing-thumb img{width:100%;height:100%;object-fit:cover}
.listing-detail-summary{padding:26px;position:sticky;top:94px}
.listing-detail-tags{display:flex;gap:8px;flex-wrap:wrap}
.listing-detail-tags span{padding:7px 10px;border-radius:999px;background:#edf6fc;color:#176498;font-weight:900;font-size:11px}
.listing-detail-summary h1{margin:16px 0 12px;color:var(--navy);font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-1px}
.listing-detail-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.listing-detail-price strong{font-size:30px;color:var(--blue);letter-spacing:-1px}
.listing-detail-price span{padding:6px 9px;border-radius:999px;background:#eef3f7;color:#5a6b7d;font-size:11px;font-weight:900}
.listing-detail-location{color:#607287;font-weight:750;margin:15px 0 20px}
.listing-seller-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid #e2e8ef;border-radius:16px;background:#fbfcfd}
.listing-seller-avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--blue),var(--navy-soft));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:950}
.listing-seller-card small,.listing-seller-card span{display:block;color:#748496;font-size:11px}
.listing-seller-card strong{display:block;color:var(--navy);margin:2px 0;font-size:15px}
.listing-seller-card b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f8f0;color:var(--green)}
.listing-contact-note{margin-top:14px;padding:14px 15px;border-radius:14px;background:#fff9dc;border:1px solid #f1df82}
.listing-contact-note strong{color:var(--navy);font-size:13px}
.listing-contact-note p{margin:4px 0 0;color:#6e6540;font-size:12px;line-height:1.5}
.listing-detail-content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:24px}
.listing-description-card,.listing-facts-card{padding:28px}
.listing-description-card h2,.listing-facts-card h2{margin:8px 0 18px;color:var(--navy)}
.listing-description-text{color:#465a70;line-height:1.75;white-space:normal}
.listing-facts-card dl{margin:0;display:grid;gap:0}
.listing-facts-card dl div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf1f5}
.listing-facts-card dt{color:#778597}
.listing-facts-card dd{margin:0;color:var(--navy);font-weight:850;text-align:right}
.related-listings-section{margin-top:18px}

@media (max-width:1100px){
  .public-listing-grid,.home-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketplace-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-filter-search{grid-column:span 2}
  .listing-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}
}
@media (max-width:820px){
  .public-listing-grid,.home-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-listings-section{padding:20px}
  .public-listings-heading{align-items:flex-start;flex-direction:column}
  .listing-detail-grid,.listing-detail-content-grid{grid-template-columns:1fr}
  .listing-detail-summary{position:static}
  .listing-main-image{min-height:320px;height:70vw}
  .listing-thumbnails{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:600px){
  .public-listing-grid,.home-listing-grid{grid-template-columns:1fr 1fr;gap:10px}
  .public-listing-card-body{padding:12px}
  .public-listing-price-row{display:block}
  .public-listing-price-row strong{font-size:16px}
  .public-listing-price-row span{display:inline-block;margin-top:5px}
  .public-listing-card h3{font-size:14px;min-height:38px}
  .public-listing-meta{font-size:10px}
  .public-listing-footer{display:none}
  .marketplace-filter{grid-template-columns:1fr 1fr}
  .market-filter-search{grid-column:1/-1}
  .market-filter-button{grid-column:1/-1}
  .public-listings-section{margin-inline:-2px;padding:15px;border-radius:18px}
  .listing-main-image{min-height:260px;height:82vw}
  .listing-thumbnails{grid-template-columns:repeat(4,1fr)}
  .listing-detail-summary,.listing-description-card,.listing-facts-card{padding:20px}
}


/* ============================================================
   STEP 7 — FAVORITES, SELLER CONTACT & REPORTING
   ============================================================ */
.public-listing-card{position:relative}
.public-listing-cover{position:relative}
.listing-favorite-form{position:absolute;right:12px;top:12px;z-index:6;margin:0}
.listing-favorite-button{position:absolute;right:12px;top:12px;z-index:6;width:42px;height:42px;padding:0;border:1px solid rgba(6,29,53,.12);border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#17314d;font-size:24px;line-height:1;box-shadow:0 8px 24px rgba(6,29,53,.14);cursor:pointer}
.listing-favorite-form .listing-favorite-button{position:static}
.listing-favorite-button:hover{transform:translateY(-2px);background:#fff;color:#c62c48}
.listing-favorite-button.is-favorite{background:#fff1f4;color:#c4173c;border-color:#ffc5d1}
.listing-detail-save-row{display:flex;margin:18px 0 4px}
.listing-detail-save-row form{margin:0}
.listing-save-button{min-height:42px;background:#fff;border:1px solid #d8e1ea;color:#19334f;box-shadow:none}
.listing-save-button.is-favorite{background:#fff1f4;border-color:#ffc5d1;color:#bd1739}
.listing-contact-actions{margin-top:18px;padding:18px;border-radius:16px;background:#f7fbff;border:1px solid #d7e9f7}
.listing-contact-label{display:block;margin-bottom:11px;color:#203850;font-size:13px;font-weight:900}
.listing-contact-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.contact-button{min-height:48px;border:1px solid #d4dfe9;background:#fff;color:#17314d;box-shadow:none}
.contact-button.is-preferred{border-color:#0b8e5b;box-shadow:0 7px 20px rgba(11,142,91,.12)}
.contact-whatsapp{background:#eefcf5;color:#087a4d;border-color:#b9e7d0}
.contact-phone{background:#eef7ff;color:#075da5;border-color:#bad8ef}
.listing-contact-actions p{margin:10px 0 0;color:#64758a;font-size:13px;line-height:1.5}
.listing-owner-note{margin-top:18px;padding:15px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0f8ff;border:1px solid #cfe6f8}
.listing-owner-note a{color:var(--blue);font-weight:900}
.listing-report-section{margin:0 0 38px}
.listing-report-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.listing-report-panel summary{padding:16px 18px;cursor:pointer;color:#6a7583;font-size:13px;font-weight:850;list-style:none}
.listing-report-panel summary::-webkit-details-marker{display:none}
.listing-report-panel[open] summary{border-bottom:1px solid var(--line);color:#a32435}
.listing-report-panel>p,.report-already-sent,.listing-report-form{margin:0;padding:18px}
.listing-report-form{display:grid;gap:15px}
.listing-report-form label{display:grid;gap:7px;color:#26394e;font-size:13px;font-weight:800}
.listing-report-form select,.listing-report-form textarea{width:100%;padding:12px 13px;border:1px solid #d9e2eb;border-radius:10px;background:#fff;color:#203047;outline:none}
.listing-report-form textarea{resize:vertical;min-height:100px}
.report-already-sent{background:#f2fbf6;color:#35634d}
.report-already-sent strong{display:block;margin-bottom:5px}
.report-already-sent p{margin:0;line-height:1.55}
.favorites-page{min-height:68vh;padding:64px 0 78px}
.favorites-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.favorites-heading h1{margin:6px 0 9px;font-size:clamp(36px,4vw,54px);letter-spacing:-2px;color:var(--navy)}
.favorites-heading p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}
.favorites-empty{padding:70px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px}
.favorites-empty>div{width:74px;height:74px;margin:0 auto 18px;display:grid;place-items:center;border-radius:999px;background:#fff1f4;color:#c4173c;font-size:42px}
.favorites-empty h2{margin:0 0 8px;color:var(--navy)}
.favorites-empty p{margin:0 0 22px;color:var(--muted)}
.favorites-count{margin-bottom:16px;color:#64758a;font-size:13px;font-weight:850}
.setup-warning{margin:0 0 25px;padding:18px 20px;border:1px solid #f1d47b;border-radius:14px;background:#fffaf0;color:#6b5717}
.setup-warning strong{display:block;margin-bottom:5px}.setup-warning p{margin:0;line-height:1.55}
@media (max-width:760px){
  .favorites-heading{align-items:flex-start;flex-direction:column}
  .favorites-heading .button{width:100%}
  .listing-contact-buttons{grid-template-columns:1fr}
  .listing-favorite-button{width:40px;height:40px}
}

/* ============================================================
   MWANAMBOKA BRAND IDENTITY — STEP 8
   ============================================================ */
.brand-logo{display:block;width:194px;height:auto;max-height:48px;object-fit:contain}
.footer-brand .brand-logo{width:206px}
.brand-on-art{display:inline-flex;width:max-content;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(3,20,37,.18);backdrop-filter:blur(8px)}
.brand-logo-on-art{width:188px;max-height:45px}
.nav-messages{display:inline-flex!important;align-items:center;gap:6px}
.nav-messages b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#ce1126;color:#fff;font-size:10px;line-height:1;font-weight:950;box-shadow:0 4px 12px rgba(206,17,38,.22)}
@media (max-width:760px){.brand-logo{width:154px;max-height:40px}.footer-brand .brand-logo{width:180px}.brand-logo-on-art{width:166px}}

/* ============================================================
   STEP 8 — INTERNAL MESSAGING
   ============================================================ */
.messages-page,.message-compose-page,.conversation-page{min-height:72vh;padding:54px 0 82px;background:linear-gradient(180deg,#f5f9fc 0,#f8fafc 45%,#f4f7fa 100%)}
.messages-shell,.message-compose-shell,.conversation-shell{display:grid;gap:26px}
.messages-page-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}
.messages-page-heading h1{margin:7px 0 10px;color:var(--navy);font-size:clamp(36px,4.5vw,58px);letter-spacing:-2.1px;line-height:1.02}
.messages-page-heading p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}
.messages-empty{padding:76px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(6,29,53,.07)}
.messages-empty>div{width:78px;height:78px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#eaf6ff;font-size:38px}
.messages-empty h2{margin:0 0 9px;color:var(--navy)}
.messages-empty p{margin:0 auto 22px;max-width:520px;color:var(--muted)}
.conversation-list{display:grid;gap:12px}
.conversation-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 16px;background:#fff;border:1px solid #e0e7ef;border-radius:19px;box-shadow:0 8px 24px rgba(6,29,53,.045);transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.conversation-card:hover{transform:translateY(-2px);border-color:#b8d8ef;box-shadow:0 16px 34px rgba(6,29,53,.08)}
.conversation-card.has-unread{border-color:#b8dff8;background:linear-gradient(90deg,#f2faff,#fff 35%)}
.conversation-listing-thumb{width:76px;height:70px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#edf3f7;color:#8ba0b2;font-size:28px}
.conversation-listing-thumb img{width:100%;height:100%;object-fit:cover}
.conversation-card-main{min-width:0}
.conversation-card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}
.conversation-card-topline strong{color:var(--navy);font-size:15px}
.conversation-card-topline time{flex:0 0 auto;color:#8996a4;font-size:11px}
.conversation-listing-title{display:block;margin:4px 0;color:#0878d1;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-card-main p{margin:3px 0 0;color:#66788c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-card.has-unread .conversation-card-main p{color:#243c54;font-weight:800}
.conversation-card-state{display:grid;justify-items:end;gap:8px}
.message-unread-badge{min-width:27px;height:27px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:11px}
.conversation-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.conversation-status.blocked{background:#fff0f1;color:#a42e3b}

.message-compose-shell>.back-link,.conversation-header .back-link{width:max-content;color:#527087;font-size:13px;font-weight:850}
.message-compose-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:24px;align-items:start}
.message-compose-card,.message-listing-context{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(6,29,53,.075)}
.message-compose-card{padding:34px}
.message-compose-card h1{margin:7px 0 12px;color:var(--navy);font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px}
.message-compose-card>p{margin:0 0 26px;color:var(--muted);line-height:1.65}
.message-compose-form{display:grid;gap:17px}
.message-compose-form label{display:grid;gap:8px;color:#20364e;font-size:13px;font-weight:900}
.message-compose-form textarea,.chat-compose textarea{width:100%;padding:15px 16px;border:1px solid #d5e0e9;border-radius:14px;background:#fbfdff;color:var(--ink);font:inherit;resize:vertical;outline:none;line-height:1.55}
.message-compose-form textarea:focus,.chat-compose textarea:focus{border-color:#78b8e8;box-shadow:0 0 0 4px rgba(8,120,209,.09)}
.message-compose-help{display:flex;gap:10px;padding:13px 14px;border-radius:13px;background:#fff9de;border:1px solid #f2df86;color:#6f6330}
.message-compose-help p{margin:0;font-size:12px;line-height:1.5}
.message-listing-context{padding:16px 18px 22px;position:sticky;top:96px}
.message-context-image{height:220px;margin-bottom:18px;border-radius:17px;overflow:hidden;background:#edf3f7;display:grid;place-items:center;color:#8fa1b2;font-size:48px}
.message-context-image img{width:100%;height:100%;object-fit:cover}
.message-listing-context h2{margin:7px 0 10px;color:var(--navy);font-size:21px;line-height:1.28}
.message-context-price{display:block;color:var(--blue);font-size:22px;margin-bottom:8px}
.message-listing-context>p{margin:0;color:#687a8d;font-size:13px}
.message-context-seller{margin-top:17px;padding-top:16px;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;gap:14px;font-size:12px}.message-context-seller span{color:#7b8998}.message-context-seller strong{color:var(--navy);text-align:right}

.conversation-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:22px;align-items:end}
.conversation-person{display:grid;gap:13px}
.conversation-person-row{display:flex;align-items:center;gap:13px}
.conversation-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff;font-size:23px;font-weight:950;box-shadow:0 10px 28px rgba(8,120,209,.2)}
.conversation-person-row span,.conversation-person-row small{display:block;color:#7c8a99;font-size:11px;font-weight:750}.conversation-person-row h1{margin:2px 0;color:var(--navy);font-size:28px;letter-spacing:-.8px}
.conversation-listing-link{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid #dce5ed;background:#fff;border-radius:16px;box-shadow:0 9px 25px rgba(6,29,53,.05)}
.conversation-listing-link img{width:54px;height:50px;border-radius:10px;object-fit:cover}.conversation-listing-link span{min-width:0}.conversation-listing-link small{display:block;color:#8794a3;font-size:10px}.conversation-listing-link strong{display:block;margin-top:2px;color:#17324c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-listing-link b{color:var(--blue)}
.conversation-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.45fr);gap:22px;align-items:start}
.chat-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(6,29,53,.07)}
.chat-security-note{display:flex;gap:10px;padding:12px 18px;background:#fff9df;border-bottom:1px solid #f1e1a0;color:#6a6139}.chat-security-note p{margin:0;font-size:11px;line-height:1.45}
.message-thread{height:min(58vh,590px);min-height:390px;padding:24px;overflow:auto;background:linear-gradient(180deg,#f8fbfd,#f4f8fb);scroll-behavior:smooth}
.message-row{display:flex;margin:7px 0}.message-row.is-mine{justify-content:flex-end}.message-row.is-theirs{justify-content:flex-start}
.message-bubble{max-width:min(74%,640px);padding:12px 14px;border-radius:17px;box-shadow:0 3px 10px rgba(6,29,53,.05)}
.message-row.is-mine .message-bubble{background:linear-gradient(145deg,#0878d1,#0969b7);color:#fff;border-bottom-right-radius:5px}
.message-row.is-theirs .message-bubble{background:#fff;color:#233c55;border:1px solid #e0e7ed;border-bottom-left-radius:5px}
.message-bubble p{margin:0;line-height:1.52;font-size:14px}.message-bubble time{display:block;margin-top:6px;text-align:right;font-size:9px;opacity:.68}
.messages-empty-inline{height:100%;display:grid;place-items:center;color:#8393a4;font-size:13px}
.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;background:#fff;border-top:1px solid #e4eaf0}.chat-compose textarea{min-height:62px;max-height:150px}.chat-compose .button{height:48px}
.conversation-blocked-notice{padding:18px;background:#fff4f4;border-top:1px solid #f2cbce;color:#713942}.conversation-blocked-notice strong{display:block;color:#8e2937}.conversation-blocked-notice p{margin:5px 0 12px;font-size:12px;line-height:1.5}
.conversation-tools{display:grid;gap:14px;position:sticky;top:95px}.conversation-tools-card,.conversation-report-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 10px 30px rgba(6,29,53,.045)}
.conversation-tools-card h2{margin:0 0 7px;color:var(--navy);font-size:17px}.conversation-tools-card p{margin:0 0 16px;color:#728193;font-size:12px;line-height:1.55}.conversation-tools-card form{margin:0}.conversation-tools-card .button{width:100%}
.danger-outline{color:#a52b3a!important;border-color:#efc8ce!important;background:#fff8f9!important}
.conversation-report-card{padding:0;overflow:hidden}.conversation-report-card summary{padding:17px 19px;cursor:pointer;list-style:none;color:#6b7481;font-size:13px;font-weight:850}.conversation-report-card summary::-webkit-details-marker{display:none}.conversation-report-card[open] summary{border-bottom:1px solid var(--line);color:#9d2b39}
.contact-message{background:#eaf6ff;color:#075da5;border-color:#afd5f1}

@media(max-width:900px){.message-compose-grid,.conversation-layout,.conversation-header{grid-template-columns:1fr}.message-listing-context,.conversation-tools{position:static}.conversation-listing-link{max-width:100%}.messages-page-heading{align-items:flex-start;flex-direction:column}.messages-page-heading .button{width:100%}.message-thread{height:52vh}}
@media(max-width:620px){.messages-page,.message-compose-page,.conversation-page{padding:32px 0 60px}.conversation-card{grid-template-columns:58px minmax(0,1fr) auto;padding:10px;gap:10px}.conversation-listing-thumb{width:58px;height:58px}.conversation-card-topline time{display:none}.conversation-card-main p{max-width:58vw}.conversation-card-state .conversation-status{display:none}.message-compose-card{padding:22px}.message-context-image{height:180px}.message-thread{min-height:360px;padding:15px}.message-bubble{max-width:86%}.chat-compose{grid-template-columns:1fr}.chat-compose .button{width:100%}.conversation-person-row h1{font-size:23px}.conversation-listing-link{grid-template-columns:48px minmax(0,1fr) auto}.conversation-listing-link img{width:48px;height:46px}}
.footer-wordmark{color:#fff;font-weight:950;letter-spacing:-.7px}


/* ============================================================
   BRAND FIX — COMPACT DRC FLAG IDENTITY
   Keeps navigation aligned at all desktop widths.
   ============================================================ */
.site-header{overflow:visible}
.nav-shell{gap:18px}
.brand{flex:0 0 auto;min-width:0;gap:8px}
.site-header .brand-logo-mark{display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;object-fit:contain!important}
.brand-wordmark{display:inline-block;max-width:none;font-size:15px;line-height:1;letter-spacing:-.35px;font-weight:950;color:var(--navy)}
.desktop-nav{margin-left:2px;gap:20px;flex:0 1 auto;min-width:0}
.nav-actions{flex:0 0 auto;gap:10px}
.footer-brand .brand-logo-mark{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important}
.brand-logo{display:block!important;width:250px!important;height:50px!important;max-width:100%!important;max-height:50px!important;object-fit:contain!important;object-position:left center}
.brand-logo-on-art{width:250px!important;height:50px!important;max-height:50px!important}
.brand-on-art{max-width:calc(100% - 12px);padding:8px 11px}
@media(max-width:1120px){
  .nav-shell{gap:12px}
  .desktop-nav{gap:14px;font-size:13px}
  .brand-wordmark{font-size:14px}
  .nav-actions{gap:8px}
}
@media(max-width:980px){.desktop-nav{display:none}.mobile-menu{display:block}}
@media(max-width:620px){
  .site-header .brand-logo-mark{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important}
  .brand-wordmark{font-size:13px}
  .brand-logo,.brand-logo-on-art{width:210px!important;height:44px!important;max-height:44px!important}
}
@media(max-width:420px){.brand-wordmark{display:none}}


/* ============================================================
   STEP 9 — ADMIN V1
   ============================================================ */
.nav-admin{color:#0a6f4e!important;font-weight:900!important}.platform-notice{background:#0b2e4f;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.platform-notice>.container{min-height:42px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.platform-notice strong{color:var(--yellow)}
.admin-page{padding:34px 0 80px;background:linear-gradient(180deg,#f4f8fb 0,#f8fafc 100%);min-height:72vh}.admin-shell{display:grid;gap:24px}.admin-subnav{display:flex;gap:8px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(6,29,53,.05)}.admin-subnav a{white-space:nowrap;padding:10px 13px;border-radius:11px;color:#5b6f83;font-size:13px;font-weight:850}.admin-subnav a:hover,.admin-subnav a.is-active{background:#eaf5fd;color:var(--blue)}
.admin-page-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.admin-eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:1.5px}.admin-page-head h1{margin:5px 0 6px;color:var(--navy);font-size:clamp(34px,5vw,54px);letter-spacing:-2px}.admin-page-head p{margin:0;color:#6d7f91;line-height:1.55}.admin-warning{padding:20px;border:1px solid #f0d270;border-radius:16px;background:#fff8da;color:#675822}.admin-warning p{margin:5px 0 0}
.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 12px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 34px rgba(6,29,53,.05)}.admin-stat>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-size:18px}.admin-stat strong{color:var(--navy);font-size:25px;line-height:1}.admin-stat small{color:#718296;font-size:11px;font-weight:750;margin-top:4px}
.admin-dashboard-grid,.admin-report-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 38px rgba(6,29,53,.05)}.admin-panel>h2{margin:0 0 7px;color:var(--navy)}.admin-panel>p{margin:0 0 18px;color:#6f8092}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-panel-head h2{margin:0;color:var(--navy);font-size:18px}.admin-panel-head a{color:var(--blue);font-size:12px;font-weight:850}.admin-panel-head span{color:#7d8d9e;font-size:12px}.admin-mini-list{display:grid}.admin-mini-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf1f4}.admin-mini-list>div:first-child{border-top:0}.admin-avatar,.admin-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e8f5fe;color:#086bb6;font-weight:950}.admin-mini-list p{margin:0;min-width:0}.admin-mini-list p strong,.admin-mini-list p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mini-list p strong{color:#16334e;font-size:13px}.admin-mini-list p small{color:#82909f;font-size:10px;margin-top:2px}
.admin-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef2f5;color:#5f7081;font-size:9px;font-weight:900;text-transform:uppercase}.admin-status.active,.admin-status.published,.admin-status.actioned{background:#e4f8ee;color:#08784c}.admin-status.pending,.admin-status.reviewed{background:#fff5ce;color:#7b6500}.admin-status.suspended,.admin-status.rejected{background:#ffe7ea;color:#9a2e3c}.admin-status.archived,.admin-status.dismissed{background:#eef1f4;color:#647281}.admin-log-list{display:grid;gap:8px}.admin-log-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:10px 12px;border-radius:10px;background:#f8fafc}.admin-log-list strong{color:#1b3a55;font-size:12px}.admin-log-list span,.admin-log-list small{color:#7d8a98;font-size:10px}.admin-empty{padding:24px;text-align:center;color:#8795a4;background:#f8fafc;border-radius:12px}
.admin-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.admin-filterbar input,.admin-filterbar select,.admin-inline-form select,.admin-category-form input,.admin-category-form select,.admin-settings-form input,.admin-settings-form textarea,.admin-report-actions select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d9e2ea;border-radius:10px;background:#fff;color:#20374e;font:inherit}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.admin-table{width:100%;border-collapse:collapse;min-width:900px}.admin-table th{padding:12px 15px;text-align:left;background:#f6f9fb;color:#6d7d8e;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.admin-table td{padding:13px 15px;border-top:1px solid #edf1f4;color:#31485f;font-size:12px;vertical-align:middle}.admin-table td small{display:block;color:#8995a2;margin-top:3px}.admin-user-cell{display:flex;gap:10px;align-items:center}.admin-user-cell strong,.admin-user-cell small{display:block}.admin-inline-form{display:flex;gap:7px;align-items:center}.admin-inline-form select{min-height:36px;padding:7px;min-width:105px}.admin-save,.admin-report-actions button{min-height:36px;border:0;border-radius:9px;padding:0 11px;background:#0b78c9;color:#fff;font-weight:850;cursor:pointer}
.admin-listing-grid{display:grid;gap:12px}.admin-listing-row{display:grid;grid-template-columns:96px minmax(0,1fr) 250px;gap:15px;align-items:center;padding:13px;background:#fff;border:1px solid var(--line);border-radius:17px}.admin-listing-thumb{width:96px;height:76px;border-radius:12px;overflow:hidden;background:#eef3f7;display:grid;place-items:center;color:#8496a8}.admin-listing-thumb img{width:100%;height:100%;object-fit:cover}.admin-listing-copy h2{margin:4px 0 5px;font-size:17px;color:var(--navy)}.admin-listing-copy p{margin:0;color:#6e8090;font-size:11px}.admin-listing-copy>small{color:#95a0aa;font-size:9px}.admin-listing-meta{display:flex;gap:7px;align-items:center}.admin-listing-meta span{color:#0a73bf;font-size:10px;font-weight:850}.admin-listing-meta b{color:#a22e3d;font-size:10px}.admin-listing-action{display:grid;gap:8px}.admin-listing-action>a{justify-self:end;color:var(--blue);font-size:11px;font-weight:850}.admin-listing-action form{display:grid;grid-template-columns:1fr auto;gap:8px}.admin-listing-action select{border:1px solid #d8e1e9;border-radius:10px;padding:9px;background:#fff}
.admin-create-card,.admin-category-list>details{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.admin-create-card summary,.admin-category-list summary{padding:15px 18px;cursor:pointer;list-style:none;color:var(--navy);font-weight:900}.admin-create-card summary::-webkit-details-marker,.admin-category-list summary::-webkit-details-marker{display:none}.admin-category-list{display:grid;gap:9px}.admin-category-list summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.admin-category-list summary>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf7fd}.admin-category-list summary small{color:#82909e;font-size:10px}.admin-category-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;border-top:1px solid #edf1f4}.admin-category-form label,.admin-settings-form label{display:grid;gap:6px;color:#4d6277;font-size:11px;font-weight:850}.admin-check{display:flex!important;align-items:center!important;gap:8px!important}.admin-check input{width:auto!important;min-height:0!important}.admin-category-form .button{align-self:end}
.admin-report-list{display:grid;gap:11px}.admin-report-list article{padding:14px;border:1px solid #e5ebf0;border-radius:13px}.admin-report-top{display:flex;justify-content:space-between;gap:10px}.admin-report-top b{color:#9a3040;font-size:11px}.admin-report-list h3{margin:8px 0 5px;color:#17344f;font-size:15px}.admin-report-list p{margin:0 0 7px;color:#67798b;font-size:11px;line-height:1.5}.admin-report-list small{color:#8e9aa5;font-size:9px}.admin-report-actions{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-report-actions a{color:var(--blue);font-size:10px;font-weight:850}.admin-report-actions form{display:flex;gap:7px}.admin-report-actions select{min-height:36px;padding:7px}.admin-settings-form{display:grid;gap:16px}.admin-settings-form .admin-panel{display:grid;gap:14px}.admin-settings-form textarea{resize:vertical}.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-settings-save{justify-self:start}
@media(max-width:1000px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-report-columns{grid-template-columns:1fr}.admin-filterbar{grid-template-columns:1fr 1fr}.admin-filterbar input{grid-column:1/-1}.admin-listing-row{grid-template-columns:80px minmax(0,1fr)}.admin-listing-thumb{width:80px;height:70px}.admin-listing-action{grid-column:1/-1}.admin-listing-action>a{justify-self:start}.admin-category-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.admin-page{padding-top:20px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-stat{padding:14px}.admin-filterbar{grid-template-columns:1fr}.admin-filterbar input{grid-column:auto}.admin-page-head h1{font-size:36px}.admin-category-form,.admin-settings-grid{grid-template-columns:1fr}.admin-category-list summary{grid-template-columns:34px minmax(0,1fr)}.admin-category-list summary small{grid-column:2}.admin-listing-row{grid-template-columns:64px minmax(0,1fr)}.admin-listing-thumb{width:64px;height:60px}.admin-inline-form{flex-wrap:wrap}}

/* ============================================================
   FOOTER + COMPLIANCE + COOKIE CONSENT
   ============================================================ */
.footer-grid-expanded{grid-template-columns:2fr repeat(5,minmax(115px,1fr));gap:24px}
.footer-grid-expanded>div{min-width:0}
.footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;display:grid;place-items:center;color:#fff!important;font-weight:900;background:rgba(255,255,255,.04)}
.footer-social a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.footer-link-button{border:0;background:transparent;padding:0;color:#bfd0df;font-size:13px;text-align:left;cursor:pointer}
.footer-link-button:hover{color:#fff}
.footer-bottom-expanded{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.footer-bottom-expanded>span:last-child{text-align:right}
.footer-designer{text-align:center;color:#a9bfd2}
.footer-designer a{color:#fff;font-weight:900}
.cookie-consent{position:fixed;left:20px;right:20px;bottom:20px;z-index:300;background:#fff;color:var(--ink);border:1px solid rgba(6,29,53,.12);border-radius:18px;box-shadow:0 24px 80px rgba(6,29,53,.28);max-width:1120px;margin:0 auto;overflow:hidden}
.cookie-consent[hidden]{display:none!important}
.cookie-consent-main{display:flex;align-items:center;gap:26px;padding:20px 22px}
.cookie-consent-copy{flex:1;min-width:0}.cookie-consent-copy strong{display:block;color:var(--navy);font-size:16px}.cookie-consent-copy p{margin:7px 0 0;color:var(--muted);line-height:1.5;font-size:13px}.cookie-consent-copy a{color:var(--blue);font-weight:800}
.cookie-consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-consent-actions .button{min-height:42px;font-size:12px;padding:0 14px}
.cookie-custom{border-top:1px solid var(--line);padding:14px 22px 20px;background:#f8fafc}.cookie-custom[hidden]{display:none!important}.cookie-custom label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #e9eef4}.cookie-custom label span{display:grid;gap:2px}.cookie-custom small{color:var(--muted);line-height:1.35}.cookie-custom input{width:20px;height:20px}.cookie-custom-actions{padding-top:14px;display:flex;justify-content:flex-end}

/* ============================================================
   INFORMATION / POLICY PAGES
   ============================================================ */
.info-hero{padding:72px 0 54px;background:linear-gradient(135deg,#eef7fd,#fff)}.info-hero h1{margin:10px 0 14px;color:var(--navy);font-size:clamp(38px,6vw,68px);letter-spacing:-2.3px;line-height:1}.info-hero p{max-width:790px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.info-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.info-content{display:grid;gap:16px}.info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 34px rgba(6,29,53,.06)}.info-card h2{margin:0 0 10px;color:var(--navy);font-size:22px}.info-card p{margin:0;color:var(--muted);line-height:1.7}.info-side{position:sticky;top:95px}.info-side-card{display:grid;gap:5px;padding:22px;background:var(--navy);color:#fff;border-radius:18px}.info-side-card h3{margin:0 0 9px}.info-side-card a{padding:9px 10px;border-radius:9px;color:#c9d9e6;font-size:13px;font-weight:750}.info-side-card a:hover{background:rgba(255,255,255,.08);color:#fff}.contact-options{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.info-note{margin-top:18px!important;padding:14px;border-left:3px solid var(--blue);background:#f3f8fc;border-radius:8px}

/* ============================================================
   STEP 10 — PROFESSIONAL SHOPS
   ============================================================ */
.shops-hero{padding:72px 0;background:linear-gradient(135deg,#071f38 0%,#0a416c 72%,#0878d1 100%);color:#fff}.shops-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.shops-hero h1{max-width:840px;margin:10px 0 14px;font-size:clamp(38px,6vw,68px);line-height:1;letter-spacing:-2.4px}.shops-hero p{max-width:760px;margin:0;color:#c8d9e8;font-size:17px;line-height:1.6}.shops-hero .eyebrow{color:#81c9ff}
.shop-directory-section{background:#f5f8fb}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{margin:5px 0 0;color:var(--navy);font-size:34px;letter-spacing:-1.2px}.result-count{font-size:12px;font-weight:900;color:var(--muted)}
.shop-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(6,29,53,.07)}.shop-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(6,29,53,.12)}.shop-card-cover{height:150px;background:linear-gradient(135deg,#d9ebf8,#9dcced);background-size:cover;background-position:center}.shop-card-body{display:flex;gap:14px;padding:0 18px 18px}.shop-card-logo{width:64px;height:64px;margin-top:-30px;flex:0 0 64px;border-radius:16px;background:#fff;border:4px solid #fff;box-shadow:0 8px 22px rgba(6,29,53,.16);display:grid;place-items:center;overflow:hidden;font-size:28px}.shop-card-logo img{width:100%;height:100%;object-fit:cover}.shop-card-copy{min-width:0;padding-top:12px}.shop-card-copy h3{margin:0;color:var(--navy);font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card-copy>p{margin:5px 0 9px;color:var(--muted);font-size:12px;line-height:1.45;min-height:34px}.shop-card-meta{display:flex;gap:7px;flex-wrap:wrap;color:#6b7988;font-size:10px;font-weight:800}
.shop-open-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.25px}.status-open{background:#ddf8ec;color:#08764b}.status-closed{background:#fee7e7;color:#a22c2c}.status-temporarily_closed{background:#fff3d1;color:#8b6500}
.shop-storefront{background:#fff}.shop-store-cover{height:330px;background:linear-gradient(135deg,#0d3457,#1289d7);background-size:cover;background-position:center;position:relative}.shop-store-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,24,42,.1),rgba(4,24,42,.65))}.shop-store-head{position:relative;margin-top:-78px;display:grid;grid-template-columns:126px minmax(0,1fr) auto;gap:22px;align-items:end;padding-bottom:28px}.shop-store-logo{width:126px;height:126px;border-radius:24px;background:#fff;border:6px solid #fff;box-shadow:0 16px 45px rgba(6,29,53,.2);display:grid;place-items:center;overflow:hidden;font-size:52px}.shop-store-logo img{width:100%;height:100%;object-fit:cover}.shop-store-title{padding-bottom:5px}.shop-store-title .eyebrow{color:#e7f6ff}.shop-store-title h1{margin:6px 0;color:#fff;font-size:38px;letter-spacing:-1.3px}.shop-store-title>p{margin:0 0 10px;color:#e3eff8}.shop-store-badges{display:flex;gap:8px;flex-wrap:wrap;color:#dbe9f4;font-size:12px}.shop-store-actions{display:flex;gap:8px;align-items:center;padding-bottom:8px}.shop-public-section{background:#f5f8fb}.shop-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product-card-image{height:190px;background:#eef3f7;display:grid;place-items:center;font-size:48px}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:15px}.product-category{font-size:10px;color:var(--blue);font-weight:900;text-transform:uppercase}.product-card h3{margin:6px 0 12px;color:var(--navy);font-size:16px;line-height:1.3}.product-price{display:block;color:var(--navy);font-size:18px}.product-stock{margin-top:8px;font-size:11px;font-weight:900}.product-stock.is-in{color:#078553}.product-stock.is-out{color:#b33b3b}.shop-about-card{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.shop-about-card h2{margin:0 0 12px;color:var(--navy)}.shop-about-card>p{color:var(--muted);line-height:1.65}.shop-detail-row{display:flex;gap:10px;padding:13px 0;border-top:1px solid #edf1f4}.shop-detail-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.shop-safe-note{padding:13px!important;background:#edf8f4;border-radius:10px;color:#176347!important;font-size:11px!important}
.merchant-workspace{padding:42px 0 70px;background:#f4f7fa;min-height:70vh}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.workspace-head h1{margin:7px 0;color:var(--navy);font-size:42px;letter-spacing:-1.5px}.workspace-head p{margin:0;color:var(--muted);max-width:760px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shop-manage-grid,.product-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.shop-manage-grid .onboarding-card,.product-form-layout .onboarding-card{height:100%}.brand-upload-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.brand-upload-card{border:1px dashed #b8c9d8;border-radius:14px;padding:12px;display:grid;gap:8px;cursor:pointer;background:#f9fbfd}.brand-upload-card>span{font-size:12px;font-weight:900;color:var(--navy)}.brand-upload-card img,.brand-upload-placeholder{width:100%;height:140px;border-radius:11px;object-fit:cover;background:#eaf2f7;display:grid;place-items:center;font-size:38px}.brand-cover-upload img,.brand-cover-upload .brand-upload-placeholder{height:140px}.brand-upload-card input{font-size:11px}.form-sticky-actions{position:sticky;bottom:12px;margin-top:18px;padding:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 35px rgba(6,29,53,.1);display:flex;gap:10px;z-index:20}.merchant-product-list{display:grid;gap:10px}.merchant-product-row{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;align-items:center;gap:14px}.merchant-product-thumb{width:92px;height:76px;border-radius:11px;overflow:hidden;background:#eef3f7;display:grid;place-items:center;font-size:30px}.merchant-product-thumb img{width:100%;height:100%;object-fit:cover}.merchant-product-main>span{font-size:10px;font-weight:900;color:var(--blue);text-transform:uppercase}.merchant-product-main h3{margin:4px 0;color:var(--navy)}.merchant-product-main p{margin:0;color:var(--muted);font-size:12px}.merchant-product-state{display:grid;justify-items:end;gap:5px}.status-pill{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950}.status-pill.is-active{background:#e4f8ee;color:#08764b}.status-pill.is-muted{background:#eef1f4;color:#657486}.existing-product-images{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:14px}.existing-product-image{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.existing-product-image img{width:100%;height:110px;object-fit:cover}.existing-product-image span{display:block;padding:7px;font-size:11px}.upload-drop{display:grid;gap:5px;border:2px dashed #bfd0de;border-radius:14px;padding:20px;background:#f8fbfd;cursor:pointer}.upload-drop span{color:var(--muted);font-size:12px}.upload-drop input{margin-top:7px}.new-image-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}

@media(max-width:1120px){.footer-grid-expanded{grid-template-columns:2fr repeat(2,1fr)}.shop-directory-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-manage-grid,.product-form-layout{grid-template-columns:1fr}.shop-public-layout{grid-template-columns:1fr}.shop-about-card{position:static}.info-layout{grid-template-columns:1fr}.info-side{position:static}}
@media(max-width:760px){.footer-grid-expanded{grid-template-columns:1fr 1fr}.footer-bottom-expanded{grid-template-columns:1fr;gap:7px}.footer-bottom-expanded>span:last-child,.footer-designer{text-align:left}.cookie-consent{left:10px;right:10px;bottom:10px}.cookie-consent-main{align-items:stretch;flex-direction:column}.cookie-consent-actions{justify-content:stretch}.cookie-consent-actions .button{flex:1}.shops-hero-inner,.workspace-head{align-items:flex-start;flex-direction:column}.shop-directory-grid,.product-grid{grid-template-columns:1fr}.shop-store-cover{height:240px}.shop-store-head{grid-template-columns:82px 1fr;margin-top:-50px;gap:13px}.shop-store-logo{width:82px;height:82px;border-radius:17px}.shop-store-title h1{font-size:28px}.shop-store-actions{grid-column:1/-1;width:100%;padding:0}.shop-store-actions .button{flex:1}.brand-upload-grid{grid-template-columns:1fr}.merchant-product-row{grid-template-columns:70px 1fr}.merchant-product-thumb{width:70px;height:70px}.merchant-product-state,.merchant-product-row>.button{grid-column:2}.merchant-product-state{justify-items:start;grid-auto-flow:column;justify-content:start}.existing-product-images,.new-image-preview{grid-template-columns:repeat(3,1fr)}.info-hero{padding:50px 0 38px}}
@media(max-width:520px){.footer-grid-expanded{grid-template-columns:1fr}.cookie-consent-actions{display:grid;grid-template-columns:1fr}.existing-product-images,.new-image-preview{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   STEP 11 — MWANAMBOKA EXPRESS
   ============================================================ */
.express-page{background:linear-gradient(180deg,#f3f8fb 0,#fff 420px)}
.express-hero{padding:68px 0 58px;background:radial-gradient(circle at 78% 12%,rgba(255,215,25,.2),transparent 28%),linear-gradient(135deg,#071f38,#0b3c62);color:#fff}
.express-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:36px;align-items:center}
.express-hero h1{max-width:820px;margin:12px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-3px}
.express-hero p{max-width:760px;margin:0;color:#c9dbea;font-size:17px;line-height:1.7}
.express-hero-panel{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);display:grid;gap:7px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.express-hero-panel strong{font-size:23px}.express-hero-panel span{color:#d8e7f2;line-height:1.5}
.express-body{padding-top:30px;padding-bottom:70px}.express-location-assist{margin-bottom:20px}.express-filter{margin-bottom:34px}
.express-check{min-height:55px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--navy)}
.express-check input{width:18px;height:18px;accent-color:var(--blue)}
.express-nearby{margin:20px 0 42px}.express-shop-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.express-shop-chip{min-width:0;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;box-shadow:0 10px 28px rgba(6,29,53,.07)}
.express-shop-chip:hover{transform:translateY(-2px);border-color:#b7d8ef;box-shadow:0 15px 35px rgba(6,29,53,.11)}
.express-shop-logo{width:48px;height:48px;border-radius:14px;background:#edf5fa;display:grid;place-items:center;overflow:hidden;font-size:22px}.express-shop-logo img{width:100%;height:100%;object-fit:cover}.express-shop-chip strong{display:block;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.express-shop-chip small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.express-shop-chip .shop-open-status{grid-column:1/-1;justify-self:start;font-size:10px}
.express-results{margin-top:8px}.express-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.express-product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(6,29,53,.08);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.express-product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(6,29,53,.13)}
.express-product-image{position:relative;aspect-ratio:4/3;background:#edf3f7;display:grid;place-items:center;overflow:hidden;font-size:44px}.express-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.express-product-card:hover .express-product-image img{transform:scale(1.035)}
.express-badge,.express-inline-badge,.express-mini-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#fff2a8;color:#6f5400;font-size:10px;font-weight:950;letter-spacing:.04em}.express-badge{position:absolute;top:12px;left:12px;padding:7px 9px;box-shadow:0 5px 18px rgba(0,0,0,.12)}.express-inline-badge{padding:3px 7px;text-decoration:none}.express-mini-badge{padding:7px 9px}
.express-product-body{padding:16px}.express-product-body h3{margin:7px 0 10px;font-size:18px;line-height:1.2;color:var(--navy)}.express-price-row{display:flex;align-items:baseline;gap:5px}.express-price-row strong{font-size:20px;color:var(--navy)}.express-price-row span{color:var(--muted);font-size:12px}.express-stock{margin:10px 0;padding:7px 9px;border-radius:10px;font-size:12px;font-weight:850}.express-stock-in{background:#e8f8f0;color:#13744f}.express-stock-low{background:#fff6d8;color:#80620a}.express-stock-out{background:#fff0f0;color:#a43232}.express-shop-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 7px;align-items:center;margin:10px 0;color:#53687b;font-size:12px}.express-shop-line a{font-weight:850;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.express-shop-line small{grid-column:2;color:var(--muted)}.express-product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.express-product-actions .button{min-height:38px;padding:0 11px;font-size:12px}.express-step12-note{font-size:10px;color:#8090a1;text-align:right}
.express-enable-card,.express-product-settings{border:1px solid #dfe7a5;background:linear-gradient(135deg,#fbffe8,#fff)}.express-enable-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.express-enable-head h2{margin:5px 0 6px}.express-enable-head p{margin:0;color:var(--muted);line-height:1.55}.express-switch{margin-top:18px;padding:16px;border:1px solid #dfe7a5;border-radius:14px;background:#fff}.express-switch span{display:grid;gap:3px}.express-switch small{color:var(--muted);font-weight:600}.express-switch.is-disabled{opacity:.62}.express-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.express-rule-grid div{padding:10px;border-radius:11px;background:#f4f8fb;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.express-rule-grid strong{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:10px}

@media(max-width:1050px){.express-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.express-shop-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.express-hero-grid{grid-template-columns:1fr}.express-hero-panel{max-width:520px}}
@media(max-width:760px){.express-hero{padding:48px 0 42px}.express-hero h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2px}.express-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.express-shop-strip{grid-template-columns:1fr}.express-rule-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.express-product-grid{grid-template-columns:1fr}.express-product-image{aspect-ratio:16/10}.express-product-actions{align-items:stretch;flex-direction:column}.express-step12-note{text-align:left}}

/* ============================================================
   STEP 12 — CART & CHECKOUT
   ============================================================ */
.nav-cart{position:relative;min-width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:inline-grid;place-items:center;background:#fff;font-size:18px}
.nav-cart:hover{border-color:#9bc9e9;box-shadow:0 8px 22px rgba(6,29,53,.09)}
.nav-cart b{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:10px;line-height:1}
.cart-page,.checkout-page,.orders-page{padding:54px 0 84px}
.cart-head{margin-bottom:24px}
.cart-layout,.checkout-layout,.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.cart-items-card,.order-detail-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(6,29,53,.08);overflow:hidden}
.cart-shop-banner{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f4f9fd;border-bottom:1px solid var(--line)}
.cart-shop-banner>span{font-size:24px}.cart-shop-banner div{display:grid;gap:2px}.cart-shop-banner small{color:var(--muted)}.cart-shop-banner strong{color:var(--navy);font-size:17px}.cart-shop-banner>a{margin-left:auto;color:var(--blue);font-weight:800;font-size:13px}
.cart-lines{display:grid}.cart-line{display:grid;grid-template-columns:100px minmax(0,1fr) 160px;gap:18px;padding:20px;border-bottom:1px solid var(--line);align-items:center}.cart-line:last-child{border-bottom:0}
.cart-line-image{width:100px;height:86px;border-radius:14px;overflow:hidden;background:#eef3f7;display:grid;place-items:center}.cart-line-image img{width:100%;height:100%;object-fit:cover}.cart-line-image span{font-size:30px}
.cart-line-copy{min-width:0}.cart-line-copy h3{margin:7px 0 4px;color:var(--navy);font-size:17px}.cart-line-copy small{color:var(--muted)}.cart-stock-note{margin-top:7px;color:#427059;font-size:12px;font-weight:800}
.cart-line-qty{display:grid;gap:8px;justify-items:end}.cart-line-qty label{display:grid;gap:4px;width:100%}.cart-line-qty label span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase}.cart-line-qty input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.cart-line-qty strong{color:var(--navy)}
.link-danger{border:0;background:transparent;color:#b32636;padding:0;font-weight:800;font-size:12px}.link-danger:hover{text-decoration:underline}
.cart-update-row{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.cart-summary{position:sticky;top:94px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(6,29,53,.08)}.cart-summary h2{margin:0 0 18px;color:var(--navy)}
.summary-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf1f5;color:var(--muted)}.summary-row strong{color:var(--navy);text-align:right}.summary-total{padding-top:16px;border-bottom:0;font-size:17px}.summary-total strong{font-size:21px;color:var(--blue)}
.summary-note,.cart-summary>small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:12px}.checkout-warning{padding:11px 12px;margin:10px 0;background:#fff6d6;border:1px solid #f3cf58;border-radius:10px;color:#775b00;font-size:12px;font-weight:700}.cart-checkout-button{width:100%;margin-top:15px}.cart-checkout-button.is-disabled{pointer-events:none;opacity:.5}.clear-cart-form{text-align:center;margin-top:12px}.clear-cart-form button{border:0;background:transparent;color:#8b98a8;font-weight:800;font-size:12px}
.cart-empty{background:#fff;border:1px solid var(--line);border-radius:22px;padding:56px 24px;text-align:center;box-shadow:0 18px 50px rgba(6,29,53,.06)}.cart-empty>span{font-size:44px}.cart-empty h2{margin:12px 0 8px;color:var(--navy)}.cart-empty p{color:var(--muted);max-width:560px;margin:0 auto 20px}
.express-add-cart{margin:0}.express-add-cart .button{white-space:nowrap}.express-product-actions{flex-wrap:wrap}
.checkout-form{display:grid;gap:18px}.checkout-form .onboarding-card{margin:0}.checkout-form textarea{min-height:104px}.checkout-submit{min-height:54px;font-size:16px}.checkout-summary{top:94px}.checkout-shop-name{display:block;color:var(--navy);margin-bottom:14px}.checkout-mini-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:13px}.checkout-mini-line span{color:var(--muted)}.checkout-mini-line strong{color:var(--navy)}
.payment-choice{margin-top:14px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cfe3d9;background:#f4fbf7;border-radius:14px}.payment-choice>span:first-child{font-size:23px}.payment-choice>div{display:grid;gap:2px;flex:1}.payment-choice small{color:var(--muted)}.payment-choice.compact{margin-top:18px}.status-pill{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.status-active{background:#daf5e8;color:#08764e}
.order-list{display:grid;gap:12px}.order-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 20px;box-shadow:0 10px 30px rgba(6,29,53,.05)}.order-card:hover{transform:translateY(-2px);border-color:#b9d7ed}.order-card h3{margin:5px 0;color:var(--navy)}.order-card small{color:var(--muted)}.order-number{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:.08em}.order-card-right{display:flex;align-items:center;gap:16px}.order-card-right strong{color:var(--navy)}
.order-status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#fff1c5;color:#7b5b00}.order-status-accepted,.order-status-ready{background:#dff4ff;color:#075d91}.order-status-preparing,.order-status-picked_up{background:#e8e4ff;color:#5341a6}.order-status-delivered{background:#daf5e8;color:#08764e}.order-status-cancelled{background:#fde5e8;color:#a51f31}
.order-detail-card{padding:0}.order-detail-shop{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f4f9fd;border-bottom:1px solid var(--line)}.order-detail-shop>span{font-size:24px}.order-detail-shop div{display:grid}.order-detail-shop small{color:var(--muted)}.order-items-detail{display:grid}.order-item-detail{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.order-item-detail .cart-line-image{width:76px;height:66px}.order-item-detail>div:nth-child(2){display:grid;gap:4px}.order-item-detail small{color:var(--muted)}.order-item-detail b{color:var(--navy)}.order-address{padding:20px}.order-address h3{margin-top:0;color:var(--navy)}.order-address p{color:var(--muted);line-height:1.6}

@media(max-width:980px){.cart-layout,.checkout-layout,.order-detail-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-line{grid-template-columns:84px 1fr}.cart-line-image{width:84px;height:74px}.cart-line-qty{grid-column:2;grid-template-columns:120px 1fr auto;align-items:end;justify-items:stretch}.cart-line-qty strong{text-align:right;align-self:center}.order-card-right{flex-wrap:wrap;justify-content:flex-end}.nav-cart{height:36px;min-width:36px}}
@media(max-width:640px){.cart-page,.checkout-page,.orders-page{padding:32px 0 60px}.cart-line{grid-template-columns:68px 1fr;gap:12px;padding:15px}.cart-line-image{width:68px;height:64px}.cart-line-qty{grid-column:1/-1;grid-template-columns:1fr auto auto}.cart-shop-banner{align-items:flex-start;flex-wrap:wrap}.cart-shop-banner>a{margin-left:36px}.order-card{align-items:flex-start;flex-direction:column}.order-card-right{width:100%;justify-content:space-between}.order-item-detail{grid-template-columns:58px 1fr}.order-item-detail .cart-line-image{width:58px;height:54px}.order-item-detail>b{grid-column:2}.nav-cart{font-size:16px}}
.shop-product-cart{margin-top:12px}.shop-product-cart .button{width:100%}.button-small{min-height:38px;padding:0 13px;font-size:12px}

/* ============================================================
   STEP 13 — PAYMENTS FOUNDATION
   ============================================================ */
.payment-methods{margin-top:18px;display:grid;gap:10px}.payment-section-label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#596d82}.payment-option{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid #dce5ed;border-radius:14px;background:#fff}.payment-option.is-available{cursor:pointer}.payment-option.is-available:has(input:checked){border-color:#0b78c9;box-shadow:0 0 0 3px rgba(11,120,201,.08);background:#f8fcff}.payment-option input{width:18px;height:18px;accent-color:#0b78c9}.payment-option-icon{font-size:22px}.payment-option>span:nth-of-type(2){display:grid;gap:3px}.payment-option strong{color:#153653}.payment-option small{color:var(--muted);line-height:1.35}.payment-option>b{font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:5px 8px;border-radius:999px;background:#e4f6ed;color:#0b7752;white-space:nowrap}.payment-option.is-coming{opacity:.72;background:#f8fafc}.payment-option.is-coming>b{background:#eef1f5;color:#718096}
.payment-summary-card{margin-top:18px;padding:16px;border:1px solid #dbe5ed;border-radius:16px;background:#fff}.payment-summary-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}.payment-summary-head>span{font-size:25px}.payment-summary-head>div{display:grid;gap:2px}.payment-summary-head small{color:var(--muted)}.payment-summary-card dl{display:grid;gap:8px;margin:15px 0 0}.payment-summary-card dl>div{display:flex;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid #edf1f4}.payment-summary-card dt{color:var(--muted);font-size:12px}.payment-summary-card dd{margin:0;font-weight:800;text-align:right}.payment-summary-card p{margin:12px 0 0;color:#5c6e80;font-size:12px}.payment-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.payment-status-success{background:#dff6e9;color:#08754e}.payment-status-pending{background:#fff3ce;color:#8a6200}.payment-status-danger{background:#ffe3e3;color:#a62b2b}.order-payment-inline{display:block;color:#6e8093;font-size:10px;margin-top:3px}
.payment-method-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-method-admin-grid article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e2e8ee;border-radius:13px;background:#fafcfd}.payment-method-admin-grid article>span{font-size:22px}.payment-method-admin-grid article>div{display:grid;gap:2px}.payment-method-admin-grid article small{color:var(--muted)}.admin-help-note{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff8df;color:#6f5a13;font-size:12px;line-height:1.5}.payment-action{position:relative}.payment-action summary{cursor:pointer;font-weight:850;color:#0b78c9}.payment-action[open]{min-width:250px}.payment-action form{margin-top:8px;display:grid;gap:8px;padding:10px;background:#f7fafc;border:1px solid #e2e8ee;border-radius:10px}.payment-action label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#607287}.payment-action input,.payment-action textarea{width:100%;padding:8px;border:1px solid #d5e0e8;border-radius:8px;background:#fff;font:inherit}.payment-action textarea{min-height:56px;resize:vertical}.payment-action-buttons{display:flex;flex-wrap:wrap;gap:6px}.payment-action-buttons button{border:0;border-radius:8px;padding:7px 9px;background:#0b78c9;color:#fff;font-weight:800;font-size:10px;cursor:pointer}.payment-action-buttons button:nth-last-child(1){background:#64748b}.payment-admin-table{min-width:1180px}
@media(max-width:900px){.payment-method-admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.payment-method-admin-grid{grid-template-columns:1fr}.payment-option{grid-template-columns:28px minmax(0,1fr)}.payment-option>b{grid-column:2;justify-self:start}.payment-summary-head{grid-template-columns:30px minmax(0,1fr)}.payment-summary-head>b{grid-column:2;justify-self:start}.payment-summary-card dl>div{display:grid;gap:3px}.payment-summary-card dd{text-align:left}}


/* ============================================================
   STEP 14 — Merchant order operations
   ============================================================ */
.merchant-orders-page{padding:44px 0 80px}.merchant-order-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}.merchant-order-kpis>a,.merchant-order-kpis>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(6,29,53,.05)}.merchant-order-kpis span{grid-row:1/3;font-size:25px}.merchant-order-kpis strong{font-size:23px;color:var(--navy);line-height:1}.merchant-order-kpis small{color:var(--muted);font-weight:750;margin-top:3px}.merchant-order-kpis>a:hover{transform:translateY(-2px);border-color:#b9d7ed}
.merchant-order-filter{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto auto;gap:10px;margin-bottom:18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px}.merchant-order-filter input,.merchant-order-filter select{min-height:44px;border:1px solid #d9e3eb;border-radius:10px;padding:0 12px;background:#fff;color:var(--navy)}
.merchant-order-list{display:grid;gap:10px}.merchant-order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(6,29,53,.04)}.merchant-order-card:hover{transform:translateY(-2px);border-color:#b7d8ed}.merchant-order-main{display:flex;align-items:center;gap:18px;min-width:0}.merchant-order-main>div{min-width:0}.merchant-order-main h3{margin:4px 0;color:var(--navy)}.merchant-order-main small{color:var(--muted)}.merchant-order-money{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 14px;text-align:right}.merchant-order-money strong{color:var(--navy);font-size:16px}.merchant-order-money small{grid-column:1;color:var(--muted)}.merchant-order-money>span{grid-row:1/3;grid-column:2;font-size:18px;color:var(--blue)}
.merchant-order-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px;align-items:start}.merchant-order-detail-main{display:grid;gap:18px}.merchant-order-detail-main .onboarding-card{margin:0}.merchant-customer-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.merchant-customer-head>div:first-child{display:flex;align-items:center;gap:12px}.merchant-customer-head>div:first-child>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf7ff;font-size:22px}.merchant-customer-head>div:first-child>div{display:grid}.merchant-customer-head small{color:var(--muted)}.merchant-customer-links{display:flex;flex-wrap:wrap;gap:8px}.merchant-customer-links a{padding:8px 10px;border:1px solid #cfe0ec;border-radius:9px;color:var(--blue);font-weight:800;font-size:12px}.merchant-items{border:1px solid var(--line);border-radius:14px;overflow:hidden}.merchant-order-totals{display:grid;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.merchant-order-totals span{display:flex;justify-content:space-between;gap:18px;color:var(--muted)}.merchant-order-totals b{color:var(--navy)}.merchant-order-totals .total{font-size:17px;font-weight:850;color:var(--navy);padding-top:8px}.merchant-order-totals .total b{font-size:20px;color:var(--blue)}
.merchant-order-sidebar{display:grid;gap:16px;position:sticky;top:94px}.merchant-action-panel{position:static}.merchant-current-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}.merchant-current-status small{color:var(--muted)}.merchant-action-main{width:100%;min-height:50px}.merchant-danger-action{margin-top:13px;padding-top:12px;border-top:1px solid #f0e0e0}.merchant-danger-action summary{cursor:pointer;color:#a52d39;font-weight:850;font-size:12px}.merchant-danger-action form{display:grid;gap:8px;margin-top:9px}.merchant-danger-action textarea{width:100%;min-height:70px;border:1px solid #e2c9cd;border-radius:9px;padding:9px;resize:vertical}.button-danger{background:#b52d3a;color:#fff}.button-danger:hover{background:#97242f}.stock-operation-note{font-size:11px!important;color:var(--muted)!important;line-height:1.5;margin-top:14px!important}.step14-ready-note{padding:13px;border:1px solid #cce5d8;background:#f2fbf6;border-radius:12px;color:#245f45}.step14-ready-note p{font-size:12px;margin:5px 0 0;color:#587467}
.order-history-list{display:grid;gap:0}.order-history-list>div{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding:0 0 17px}.order-history-list>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:-1px;width:2px;background:#dce9f2}.order-history-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);margin-top:4px;z-index:1}.order-history-list>div>div{display:grid;gap:2px}.order-history-list small{color:var(--muted)}.order-history-list p{margin:5px 0 0;color:#53687a;font-size:12px}.stock-movement-list{display:grid;gap:8px}.stock-movement-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px;border-radius:10px;background:#f6f9fb}.stock-movement-list span{font-weight:900;color:var(--navy)}.stock-movement-list small{color:var(--muted);line-height:1.35}
@media(max-width:980px){.merchant-order-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.merchant-order-detail-grid{grid-template-columns:1fr}.merchant-order-sidebar{position:static}.merchant-order-filter{grid-template-columns:1fr 1fr}.merchant-order-filter .button{width:100%}}
@media(max-width:640px){.merchant-orders-page{padding:30px 0 60px}.merchant-order-kpis{grid-template-columns:1fr 1fr}.merchant-order-filter{grid-template-columns:1fr}.merchant-order-card{grid-template-columns:1fr}.merchant-order-main{align-items:flex-start;justify-content:space-between}.merchant-order-main .order-status{flex:0 0 auto}.merchant-order-money{text-align:left;grid-template-columns:1fr auto}.merchant-customer-head{align-items:flex-start;flex-direction:column}.merchant-order-detail-main .onboarding-card{padding:18px}.merchant-items .order-item-detail{grid-template-columns:58px 1fr}.merchant-items .order-item-detail>b{grid-column:2}}

.customer-order-history{padding:20px;border-top:1px solid var(--line)}.customer-order-history h3{margin:0 0 14px;color:var(--navy)}


/* Step 15 — Delivery Foundation */
.rider-page{padding:44px 0 80px}.rider-head{align-items:center}.rider-status,.delivery-status{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.2px}.rider-status-offline{background:#eef2f5;color:#66788a}.rider-status-available,.delivery-status-delivered{background:#dff7e9;color:#08744e}.rider-status-busy,.delivery-status-picked_up{background:#e1f1ff;color:#075f9d}.delivery-status-open{background:#fff2cc;color:#806000}.delivery-status-assigned{background:#e8edff;color:#394ba8}.delivery-status-cancelled{background:#ffe3e3;color:#a42d39}.rider-layout,.rider-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:22px;align-items:start}.rider-main{display:grid;gap:18px}.rider-sidebar{display:grid;gap:16px;position:sticky;top:94px}.rider-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.rider-section-head>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:#edf7ff;color:var(--blue);font-weight:950}.rider-job-list{display:grid;gap:10px;margin-top:14px}.rider-job-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.rider-job-card.active{border-color:#b9d8ec;background:#fbfdff}.rider-job-card h3{margin:7px 0 3px;color:var(--navy)}.rider-job-card p{margin:0;color:#53697d}.rider-job-card small{display:block;margin-top:5px;color:var(--muted)}.rider-job-card .button:disabled{opacity:.45;cursor:not-allowed}.rider-recent-list{display:grid;gap:8px}.rider-recent-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#f7fafc}.rider-recent-list span{font-size:11px;font-weight:850;color:var(--blue)}.rider-recent-list small{color:var(--muted)}.rider-safety p{font-size:12px;line-height:1.55;color:#5b6f82}.rider-route-card{display:grid;gap:0}.route-stop{display:grid;grid-template-columns:48px 1fr;gap:13px}.route-stop>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf7ff;font-size:22px}.route-stop small{font-weight:900;letter-spacing:.8px;color:var(--blue)}.route-stop h2{margin:4px 0;color:var(--navy)}.route-stop p{margin:3px 0;color:#53697d}.route-stop a{display:inline-block;margin-top:6px;color:var(--blue);font-weight:800}.route-line{width:2px;height:34px;background:#cfe1ed;margin:3px 0 3px 21px}.route-instructions{margin-top:10px!important;padding:10px;border-radius:10px;background:#fff8df;color:#665722!important}.rider-action-card .delivery-status{margin-bottom:12px}.rider-action-card>p{font-size:12px;color:#5d7184;line-height:1.5}.rider-action-card form{display:grid;gap:10px}.rider-release-form{margin-top:10px}.delivery-proof-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#53697d}.delivery-proof-form input,.delivery-proof-form textarea{width:100%;padding:10px 11px;border:1px solid #d5e1e9;border-radius:9px;background:#fff;font:inherit}.delivery-proof-form textarea{min-height:70px;resize:vertical}.delivery-proof-form .checkbox-row{display:flex;align-items:center;gap:8px}.delivery-proof-form .checkbox-row input{width:auto}.delivery-complete{padding:14px;border-radius:12px;background:#effaf4;color:#176844}.delivery-proof-thumb{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-top:12px;border:1px solid #dbe6ed}.delivery-mini-grid{display:grid;gap:8px}.delivery-mini-grid span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.delivery-mini-grid b{color:var(--navy);text-align:right}.delivery-customer-card{margin-top:18px;padding:16px;border:1px solid #cfe2ef;border-radius:15px;background:#f8fcff}.delivery-customer-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.delivery-customer-head>div{display:flex;gap:10px;align-items:center}.delivery-customer-head>div>span{font-size:24px}.delivery-customer-head small{display:block;color:var(--muted)}.delivery-code-box{margin-top:14px;padding:14px;text-align:center;border:1px dashed #e1b500;border-radius:12px;background:#fff9dd}.delivery-code-box small{display:block;color:#725e0d}.delivery-code-box strong{display:block;margin-top:5px;font-size:30px;letter-spacing:6px;color:var(--navy)}.delivery-proof-customer{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin-top:13px}.delivery-proof-customer img{width:90px;height:70px;object-fit:cover;border-radius:9px}.delivery-proof-customer span{font-weight:850;color:#16734d}.rider-account-hub .profile-summary{margin-top:15px;max-width:520px}
@media(max-width:900px){.rider-layout,.rider-detail-grid{grid-template-columns:1fr}.rider-sidebar{position:static}}
@media(max-width:640px){.rider-page{padding:28px 0 60px}.rider-job-card{grid-template-columns:1fr}.rider-job-card form .button{width:100%}.delivery-customer-head{align-items:flex-start;flex-direction:column}.rider-recent-list>div{grid-template-columns:1fr}.route-stop{grid-template-columns:40px 1fr}.route-stop>span{width:38px;height:38px}.route-line{margin-left:18px}}

/* Step 16 — Notifications */
.nav-notifications{position:relative;min-width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:inline-grid;place-items:center;background:#fff;font-size:17px}
.nav-notifications:hover{border-color:#9bc9e9;box-shadow:0 8px 22px rgba(6,29,53,.09)}
.nav-notifications b{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:10px;line-height:1;font-weight:950}
.notification-page{padding:52px 0 80px;background:#f4f7fa;min-height:70vh}.notification-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.notification-page-head h1{margin:7px 0 8px;color:var(--navy);font-size:clamp(34px,5vw,54px);letter-spacing:-1.8px}.notification-page-head p{margin:0;max-width:760px;color:var(--muted);line-height:1.6}.notification-head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.notification-head-actions form{margin:0}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px rgba(6,29,53,.05)}.notification-card.is-unread{border-color:#9bcdeb;background:#fbfdff;box-shadow:0 10px 30px rgba(8,120,209,.09)}.notification-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef7fd;font-size:22px}.notification-main{min-width:0}.notification-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-title-row h2{margin:0;color:var(--navy);font-size:16px}.notification-main p{margin:5px 0;color:#53697d;font-size:13px;line-height:1.5}.notification-main time{color:#8998a7;font-size:10px;font-weight:750}.notification-new{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e6f4ff;color:#0878d1;font-size:9px;font-weight:950;text-transform:uppercase}.notification-action form{margin:0}.notification-action .button{min-height:38px;padding:0 12px;font-size:12px}.notification-empty{padding:58px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px}.notification-empty>span{font-size:42px}.notification-empty h2{margin:10px 0 7px;color:var(--navy)}.notification-empty p{margin:0;color:var(--muted)}
.notification-preference-shell{max-width:1000px}.notification-preferences-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notification-preferences-form .panel{padding:22px}.notification-preferences-form .panel h2{margin:0 0 8px;color:var(--navy)}.notification-preferences-form .panel>p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}.notify-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #edf1f4;cursor:pointer}.notify-toggle>span{display:grid;gap:3px}.notify-toggle strong{color:var(--navy);font-size:13px}.notify-toggle small{color:var(--muted);font-size:10px}.notify-toggle input{width:20px;height:20px;accent-color:var(--blue)}.notify-toggle input:disabled{opacity:.4}.notification-save-row{grid-column:1/-1;display:flex;justify-content:flex-end}.notification-save-row .button{min-width:220px}
@media(max-width:900px){.notification-page-head{align-items:flex-start;flex-direction:column}.notification-head-actions{justify-content:flex-start}.notification-preferences-form{grid-template-columns:1fr}}
@media(max-width:640px){.notification-page{padding:30px 0 60px}.notification-card{grid-template-columns:44px 1fr;padding:14px}.notification-icon{width:40px;height:40px}.notification-action{grid-column:2}.notification-action .button{width:100%}.notification-head-actions{width:100%}.notification-head-actions .button,.notification-head-actions form{width:100%}.notification-head-actions form .button{width:100%}.nav-notifications{height:36px;min-width:36px}}

/* Step 17 Trust & Safety */
.trust-page{padding:44px 0 70px}.trust-shell{max-width:1120px}.trust-hero{padding:28px 0}.trust-hero h1{font-size:clamp(34px,5vw,58px);margin:8px 0 10px;color:var(--navy);letter-spacing:-2px}.trust-hero p{max-width:850px;color:var(--muted);font-size:18px;line-height:1.7}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trust-card{padding:24px}.trust-card-wide{grid-column:1/-1}.trust-card h2{margin:0 0 14px}.trust-status{font-weight:900}.trust-status.is-good{color:var(--green)}.trust-status.is-warn{color:#9a6700}.trust-code-form{display:flex;gap:10px;align-items:end;margin-top:14px}.trust-code-form label{flex:1}.trust-code-form input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.identity-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.identity-form .check-row,.identity-form .button{grid-column:1/-1}.identity-status{padding:14px 16px;border-radius:12px;margin-bottom:18px}.identity-pending{background:#fff6d7}.identity-verified{background:#e6f8ef}.identity-rejected{background:#fff0f0}.trust-signal-list,.seller-trust-signals{display:flex;gap:8px;flex-wrap:wrap}.trust-signal-list span,.seller-trust-signals span{border:1px solid var(--line);background:#f6f8fb;color:#8390a0;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:800}.trust-signal-list span.on,.seller-trust-signals span.on{background:#eaf8f2;border-color:#bce9d5;color:#087a50}.muted-note{color:var(--muted);font-size:13px;line-height:1.6}.seller-trust-summary{margin:14px 0;padding:15px;border:1px solid #dbe7ef;border-radius:14px;background:#f8fbfd}.seller-trust-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.seller-trust-summary small{display:block;color:var(--muted);margin-top:9px}.listing-rating-section{margin-top:22px}.listing-rating-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.rating-form{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:end}.rating-form label{display:grid;gap:6px}.rating-form select,.rating-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.rating-form button{grid-column:1/-1;justify-self:start}.admin-inline-form{display:grid;gap:7px;min-width:220px}.admin-inline-form input{border:1px solid var(--line);border-radius:8px;padding:8px}.admin-table small{display:block;color:var(--muted);margin-top:4px;max-width:360px;white-space:normal}.status-bad{background:#ffe7e7;color:#9d1c1c}
@media(max-width:780px){.trust-grid{grid-template-columns:1fr}.trust-card-wide{grid-column:auto}.identity-form{grid-template-columns:1fr}.identity-form .check-row,.identity-form .button{grid-column:auto}.trust-code-form{display:grid}.rating-form{grid-template-columns:1fr}.rating-form button{grid-column:auto}.seller-trust-top{align-items:flex-start;flex-direction:column}}


/* Step 18 — Performance & Operations */
.ops-page{min-height:75vh}.ops-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 22px}.ops-status-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;gap:6px;box-shadow:0 8px 24px rgba(6,29,53,.05)}.ops-status-card>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf5fb;color:var(--navy);font-weight:950}.ops-status-card small{color:var(--muted);font-weight:800}.ops-status-card strong{font-size:13px;color:var(--navy);word-break:break-word}.ops-status-card.is-good{border-color:#c9e9d9}.ops-status-card.is-good>span{background:#eaf8f2;color:#087a50}.ops-status-card.is-warn{border-color:#f0d99d;background:#fffdf7}.ops-kv{display:grid;gap:0}.ops-kv>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f4}.ops-kv>div:last-child{border-bottom:0}.ops-kv span{color:var(--muted);font-size:12px}.ops-kv b{color:var(--navy);text-align:right}.ops-note{margin:14px 0 0;padding:11px;border-radius:10px;background:#f5f8fb;color:#586d80;font-size:12px}.ops-backup{display:grid;gap:4px;padding:14px;border-radius:12px;background:#eef8f3}.ops-backup strong{color:#126946}.ops-backup span{font-size:11px;color:#59786a}.ops-event-list{display:grid;gap:7px}.ops-event{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.ops-event>b{font-size:10px}.ops-event>span{display:grid;gap:2px;color:#53697d;font-size:12px}.ops-event>span strong{color:var(--navy)}.ops-event time{font-size:10px;color:#8b98a5}.ops-event.warning{border-color:#ead49a}.ops-event.error{border-color:#efbcbc;background:#fff9f9}.ops-vps{margin-top:18px}.ops-vps p{max-width:920px;color:var(--muted);line-height:1.65}
@media(max-width:1150px){.ops-status-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.ops-status-grid{grid-template-columns:repeat(2,1fr)}.ops-event{grid-template-columns:1fr}.ops-event time{grid-row:auto}}


/* Step 20 — Scale & Monetization */
.public-listing-sponsored{position:absolute;left:12px;top:48px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff3b8;color:#725500;border:1px solid #eed26a;font-size:10px;font-weight:950;box-shadow:0 6px 16px rgba(0,0,0,.10)}
.sponsored-market-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 18px;padding:16px 18px;border:1px solid #ead99c;border-radius:16px;background:linear-gradient(135deg,#fffdf2,#fff);box-shadow:0 8px 24px rgba(70,55,8,.06)}.sponsored-market-banner>span{align-self:start;padding:5px 8px;border-radius:999px;background:#fff0ae;color:#715400;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}.sponsored-market-banner strong{color:var(--navy)}.sponsored-market-banner p{margin:4px 0 0;color:#657484;font-size:12px;line-height:1.5}
.growth-page,.advertise-page{padding:48px 0 78px;background:#f4f7fa;min-height:75vh}.growth-shell,.advertise-shell{max-width:1180px}.growth-hero,.advertise-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.growth-hero h1,.advertise-hero h1{margin:7px 0 9px;color:var(--navy);font-size:clamp(34px,5vw,56px);letter-spacing:-1.7px}.growth-hero p,.advertise-hero p{margin:0;max-width:800px;color:var(--muted);font-size:15px;line-height:1.65}.growth-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.growth-stats article{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;gap:5px}.growth-stats article>span{font-size:20px}.growth-stats strong{font-size:24px;color:var(--navy)}.growth-stats small{color:var(--muted);font-weight:800}.growth-current-plan{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:13px;background:#e9f8f1;border:1px solid #bde5d2;color:#136847;margin-bottom:22px}.growth-section{margin-top:22px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(6,29,53,.05)}.growth-section-head h2{margin:5px 0 18px;color:var(--navy)}.growth-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.growth-plan-card{border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;gap:15px;background:#fbfdff}.growth-plan-card>div>span{font-size:9px;font-weight:950;color:var(--blue)}.growth-plan-card h3{margin:6px 0;color:var(--navy);font-size:20px}.growth-plan-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.growth-plan-card>strong{font-size:28px;color:var(--navy)}.growth-plan-card>strong small{font-size:11px;color:var(--muted)}.growth-plan-card ul{margin:0;padding-left:18px;color:#52677a;font-size:12px;line-height:1.8}.growth-plan-card .button{width:100%}.growth-promo-form{display:grid;grid-template-columns:2fr 1.2fr 1fr auto;gap:12px;align-items:end}.growth-promo-form label,.advertise-form label{display:grid;gap:6px;color:var(--navy);font-size:12px;font-weight:850}.growth-promo-form select,.advertise-form input,.advertise-form select,.advertise-form textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff}.advertise-form textarea{min-height:110px;resize:vertical}.growth-request-list{margin-top:20px;display:grid;gap:8px}.growth-request-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px}.growth-request-list span{color:var(--muted);font-size:11px}.growth-status{padding:5px 8px;border-radius:999px;background:#eef2f5;color:#506478;font-size:9px;text-transform:uppercase}.growth-status.active{background:#e8f8ef;color:#087a50}.growth-status.pending{background:#fff5d8;color:#7c6205}.advertise-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;align-items:start}.advertise-benefits,.advertise-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(6,29,53,.05)}.advertise-benefits>div{padding:16px 0;border-top:1px solid #edf1f4}.advertise-benefits p{margin:5px 0 0;color:var(--muted);font-size:12px}.advertise-form{display:grid;gap:14px}.advertise-form h2{margin:0;color:var(--navy)}.advertise-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advertise-form>small{color:var(--muted);line-height:1.5}.commission-rule-form{display:grid;grid-template-columns:minmax(120px,1fr) 110px 110px auto auto;gap:9px;align-items:end;padding:12px 0;border-top:1px solid #edf1f4}.commission-rule-form label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.commission-rule-form input[type=number]{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}.commission-rule-form .check-row{display:flex;align-items:center;gap:6px}.monetization-revenue{padding:30px;text-align:center}.monetization-revenue strong{font-size:42px;color:var(--navy)}.monetization-revenue p{color:var(--muted)}.rollout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rollout-card{display:grid;gap:8px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.rollout-card strong{color:var(--navy)}.rollout-card select,.rollout-card input[type=text],.rollout-card input:not([type]){border:1px solid var(--line);border-radius:8px;padding:8px}.rollout-card label{font-size:11px;color:#53697d;display:flex;gap:7px;align-items:center}
@media(max-width:1000px){.growth-stats{grid-template-columns:repeat(3,1fr)}.growth-plan-grid,.rollout-grid{grid-template-columns:repeat(2,1fr)}.growth-promo-form{grid-template-columns:1fr 1fr}.growth-promo-form .button{grid-column:1/-1}.advertise-grid{grid-template-columns:1fr}}
@media(max-width:650px){.growth-page,.advertise-page{padding:30px 0 60px}.growth-hero,.advertise-hero{align-items:flex-start;flex-direction:column}.growth-stats,.growth-plan-grid,.rollout-grid{grid-template-columns:1fr}.growth-promo-form,.advertise-row{grid-template-columns:1fr}.growth-request-list>div{grid-template-columns:1fr}.sponsored-market-banner{grid-template-columns:1fr}.commission-rule-form{grid-template-columns:1fr 1fr}.commission-rule-form>strong,.commission-rule-form .button{grid-column:1/-1}}

.admin-compact-input{width:110px;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.home-sponsored{padding:18px 0 0;background:var(--canvas)}
.plan-admin-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.plan-admin-form label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.plan-admin-form .check-row{align-self:center}

/* Step 21 — account recovery */
.auth-recovery-link{text-align:right;margin-top:-4px}.auth-recovery-link a{font-size:13px;font-weight:850;color:var(--blue)}.auth-recovery-link a:hover{text-decoration:underline}

/* Step 21 — launch readiness */
.launch-score{min-width:120px;padding:14px 18px;border-radius:16px;text-align:center;border:1px solid var(--line);background:#fff}.launch-score strong{display:block;font-size:28px;line-height:1}.launch-score span{display:block;margin-top:6px;font-size:12px;font-weight:900}.launch-score.is-ready{background:#edf9f3;border-color:#bfe7d3}.launch-score.is-warning{background:#fff8e1;border-color:#f0d88a}.launch-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.launch-check{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}.launch-check-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:950;flex:0 0 auto}.launch-check.is-ok .launch-check-icon{background:#dff5e9;color:#08794e}.launch-check.is-fail .launch-check-icon{background:#fff0dc;color:#a85b00}.launch-check strong,.launch-check small{display:block}.launch-check small{margin-top:4px;color:var(--muted);word-break:break-word}.launch-note{margin-top:18px}@media(max-width:900px){.launch-check-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.launch-check-grid{grid-template-columns:1fr}.launch-score{width:100%}}

/* ======================================================================
   Step 21 premium navigation refinement
   Consolidates role-aware actions into sophisticated workspace/account menus.
   ====================================================================== */
.site-header-pro{
  height:78px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(6,29,53,.075);
  box-shadow:0 8px 28px rgba(6,29,53,.055);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
.nav-shell-pro{height:100%;gap:22px;position:relative}
.brand-pro{flex:0 0 auto;gap:9px;padding-right:4px}
.brand-pro .brand-logo-mark{filter:drop-shadow(0 7px 12px rgba(8,120,209,.14))}
.brand-pro .brand-wordmark{font-size:14px;letter-spacing:-.25px}

.desktop-nav-pro{display:flex;align-items:center;gap:5px;margin-left:5px;color:#41556b;font-size:13px;font-weight:820;min-width:0}
.nav-primary-link{position:relative;min-height:42px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;gap:7px;color:#40556b;white-space:nowrap;cursor:pointer;list-style:none}
.nav-primary-link::-webkit-details-marker{display:none}
.nav-primary-link:hover,.nav-primary-link.is-active{background:#eff6fb;color:var(--navy)}
.nav-primary-link.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:4px;background:linear-gradient(90deg,#1aa7ef,#f7d117,#ce1126)}
.nav-summary{border:0;background:transparent;font:inherit}
.nav-chevron{width:11px;height:8px;transition:transform .22s var(--ease);flex:none}
details[open]>.nav-summary .nav-chevron,details[open]>.account-trigger .nav-chevron{transform:rotate(180deg)}

.nav-dropdown{position:relative}
.nav-dropdown>summary{user-select:none}
.nav-mega-panel,.account-panel{position:absolute;z-index:140;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px) scale(.985);transform-origin:top;transition:opacity .18s ease,transform .2s var(--ease),visibility .18s ease}
.nav-dropdown[open]>.nav-mega-panel,.nav-dropdown[open]>.account-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.nav-mega-panel{top:55px;left:50%;width:min(760px,calc(100vw - 36px));padding:18px;border:1px solid rgba(6,29,53,.09);border-radius:22px;background:rgba(255,255,255,.985);box-shadow:0 28px 70px rgba(6,29,53,.18),0 3px 12px rgba(6,29,53,.05);transform:translate(-50%,9px) scale(.985);backdrop-filter:blur(22px)}
.nav-dropdown[open]>.nav-mega-panel{transform:translate(-50%,0) scale(1)}
.nav-mega-panel::before,.account-panel::before{content:"";position:absolute;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(6,29,53,.09);border-top:1px solid rgba(6,29,53,.09);transform:rotate(45deg)}
.nav-mega-panel::before{left:50%;margin-left:-6px}
.mega-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:5px 6px 16px;border-bottom:1px solid #e7edf3}
.mega-panel-head>div{display:grid;gap:3px}
.mega-kicker{font-size:9px;letter-spacing:1.45px;font-weight:950;color:#0878d1}
.mega-panel-head strong{font-size:16px;letter-spacing:-.25px;color:var(--navy)}
.role-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#071f38;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}
.mega-group{padding:10px;border-radius:16px;background:#fbfcfe}
.mega-heritage{position:relative;min-height:224px;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#eef3f6,#d9e3e9);border:1px solid #e0e8ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);isolation:isolate}
.mega-heritage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:saturate(.72) contrast(1.02) brightness(.96);transform:scale(1.018);transition:transform .45s var(--ease),filter .35s ease}
.mega-heritage:hover img{transform:scale(1.045);filter:saturate(.82) contrast(1.03) brightness(.99)}
.mega-heritage-fade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,31,56,.02) 24%,rgba(7,31,56,.14) 56%,rgba(7,31,56,.88) 100%);pointer-events:none}
.mega-heritage::before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:34%;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,0));pointer-events:none}
.mega-heritage::after{content:"";position:absolute;z-index:3;left:14px;top:14px;width:32px;height:3px;border-radius:5px;background:linear-gradient(90deg,#00a3e6 0 38%,#f7d417 38% 62%,#ce1126 62% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.28);pointer-events:none}
.mega-heritage-caption{position:absolute;z-index:4;left:15px;right:15px;bottom:14px;display:grid;gap:3px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.mega-heritage-caption small{font-size:8px;letter-spacing:1.25px;font-weight:950;color:#e2eff7}
.mega-heritage-caption strong{font-size:15px;letter-spacing:-.2px;font-weight:900}
.mega-group-title{display:block;margin:1px 7px 8px;font-size:9px;font-weight:950;letter-spacing:1.15px;text-transform:uppercase;color:#8292a3}
.mega-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:10px 9px;border-radius:12px;color:#263c53!important;transition:background .18s ease,transform .18s var(--ease)!important}
.mega-link:hover{background:#edf6fc!important;color:var(--navy)!important;transform:translateX(2px)}
.mega-link-accent{background:linear-gradient(135deg,#eef8fe,#f4fbf7)}
.mega-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #e1e9f0;color:#0878d1;font-size:16px;font-weight:900;box-shadow:0 5px 14px rgba(6,29,53,.05)}
.mega-link b{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.25;color:var(--navy)}
.mega-link small{display:block;margin-top:3px;color:#78899b;font-size:10px;line-height:1.35;font-weight:600}
.mega-link em{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:var(--red);color:#fff;font-style:normal;font-size:9px}

.nav-actions-pro{gap:8px;margin-left:auto;min-width:0}
.lang-switch-pro{height:34px;padding:3px;border:1px solid #e0e7ee;border-radius:11px;background:#f6f8fa;display:flex;align-items:center;gap:2px}
.lang-switch-pro a{min-width:31px;height:27px;border-radius:8px;display:grid;place-items:center;color:#8392a2;font-size:10px;font-weight:900}
.lang-switch-pro a.active{background:#fff;color:var(--navy);box-shadow:0 3px 9px rgba(6,29,53,.08)}
.nav-icon-button,.site-header-pro .nav-cart,.site-header-pro .nav-notifications{position:relative;width:38px;min-width:38px;height:38px;border:1px solid #dfe6ee;border-radius:12px;display:grid!important;place-items:center;background:#fff;color:#213c55;font-size:0;box-shadow:none}
.nav-icon-button svg{width:19px;height:19px}
.nav-icon-button:hover,.site-header-pro .nav-cart:hover,.site-header-pro .nav-notifications:hover{border-color:#a9cee8;background:#f6fbff;box-shadow:0 9px 22px rgba(6,29,53,.08);transform:translateY(-1px)}
.nav-icon-button b,.site-header-pro .nav-cart b,.site-header-pro .nav-notifications b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid #fff;font-size:9px;font-weight:950;line-height:1}
.nav-icon-button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:47px;left:50%;transform:translateX(-50%) translateY(-2px);padding:6px 8px;border-radius:8px;background:#071f38;color:#fff;font-size:10px;font-weight:750;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s ease}
.nav-icon-button[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}

.account-trigger{min-width:138px;height:44px;padding:4px 8px 4px 5px;border:1px solid #dfe6ee;border-radius:14px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);cursor:pointer;list-style:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.account-trigger::-webkit-details-marker{display:none}
.account-trigger:hover,.account-dropdown[open]>.account-trigger{border-color:#b5d6ec;background:#f8fcff;box-shadow:0 9px 24px rgba(6,29,53,.08)}
.account-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#0878d1,#075da5);color:#fff;font-size:10px;font-weight:950;letter-spacing:.4px;box-shadow:0 7px 16px rgba(8,120,209,.18)}
.account-trigger-copy{display:grid;min-width:0;text-align:left;line-height:1.08}
.account-trigger-copy small{font-size:8px;color:#8594a4;font-weight:750}
.account-trigger-copy b{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--navy)}
.account-trigger .nav-chevron{margin-left:auto;width:9px}
.account-panel{top:53px;right:0;width:310px;padding:12px;border:1px solid rgba(6,29,53,.09);border-radius:20px;background:#fff;box-shadow:0 26px 65px rgba(6,29,53,.18)}
.account-panel::before{right:28px}
.account-panel-profile{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:11px;margin-bottom:8px;padding:11px;border-radius:14px;background:linear-gradient(135deg,#071f38,#0b3d68);color:#fff}
.account-avatar-lg{width:46px;height:46px;flex-basis:46px;border-radius:14px;background:rgba(255,255,255,.14);box-shadow:none;font-size:12px}
.account-panel-profile>span:last-child{display:grid;gap:2px;min-width:0}
.account-panel-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.account-panel-profile small{font-size:9px;color:#bcd0df;text-transform:uppercase;letter-spacing:.7px;font-weight:850}
.account-panel>a{display:grid;grid-template-columns:29px 1fr;gap:8px;align-items:center;padding:9px;border-radius:11px;color:#31475d}
.account-panel>a:hover{background:#eef6fc;color:var(--navy)}
.account-panel>a>span:first-child{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f4f7fa;color:#0878d1;font-weight:900}
.account-panel>a>span:last-child{display:grid;gap:2px}
.account-panel>a b{font-size:11px}
.account-panel>a small{font-size:9px;color:#8998a7}
.account-panel-logout{margin-top:7px;padding-top:8px;border-top:1px solid #e7edf3}
.account-panel-logout button{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:10px;display:flex;align-items:center;gap:9px;background:#fff4f5;color:#aa2435;font-size:11px;font-weight:850}
.account-panel-logout button:hover{background:#ffe9ec}
.nav-login-link{padding:10px 7px;color:var(--navy);font-size:12px;font-weight:850}
.nav-create-account{min-height:40px;padding:0 15px;border-radius:12px;font-size:11px}

.mobile-menu-pro{display:none;position:relative}
.mobile-menu-pro>summary{width:40px;height:40px;border:1px solid #dce5ed;border-radius:12px;display:grid;place-content:center;gap:4px;background:#fff;list-style:none;box-shadow:0 6px 16px rgba(6,29,53,.045)}
.mobile-menu-pro>summary::-webkit-details-marker{display:none}
.mobile-menu-pro>summary span{display:block;width:17px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s ease,opacity .2s ease}
.mobile-menu-pro[open]>summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-pro[open]>summary span:nth-child(2){opacity:0}
.mobile-menu-pro[open]>summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-pro[open]::before{content:"";position:fixed;inset:78px 0 0;background:rgba(3,18,33,.35);backdrop-filter:blur(3px);z-index:120}
.mobile-nav-panel{position:fixed;z-index:130;top:78px;right:0;width:min(420px,calc(100vw - 18px));height:calc(100dvh - 78px);padding:18px;overflow:auto;background:#fff;border-left:1px solid #e1e8ef;box-shadow:-24px 20px 65px rgba(6,29,53,.18);opacity:0;transform:translateX(18px);transition:.22s var(--ease)}
.mobile-menu-pro[open]>.mobile-nav-panel{opacity:1;transform:translateX(0)}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e6edf3}
.mobile-nav-brand{display:flex;align-items:center;gap:9px;min-width:0}
.mobile-nav-brand img{width:34px;height:34px;border-radius:10px}
.mobile-nav-brand>span{display:grid;gap:2px;min-width:0}
.mobile-nav-brand b{font-size:11px;color:var(--navy);letter-spacing:-.1px}
.mobile-nav-brand small{font-size:8px;color:#8495a6;white-space:nowrap}
.mobile-lang{flex:0 0 auto}
.mobile-nav-panel nav{position:static!important;width:auto!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mobile-nav-label{display:block;margin:19px 3px 8px;color:#8b99a8;font-size:9px;letter-spacing:1.1px;font-weight:950;text-transform:uppercase}
.mobile-primary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mobile-primary-grid a{min-height:78px;padding:11px!important;border:1px solid #e2e9ef;border-radius:13px!important;display:flex!important;flex-direction:column;justify-content:flex-end;background:#fbfcfd;color:var(--navy)!important}
.mobile-primary-grid a:hover{background:#eef7fd!important}
.mobile-primary-grid b{font-size:11px}
.mobile-primary-grid small{margin-top:4px;color:#8494a4;font-size:8px;line-height:1.3}
.mobile-link-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mobile-link-list a{min-height:46px;padding:0 11px!important;border:1px solid #e4ebf1;border-radius:12px!important;display:flex!important;align-items:center;gap:8px;background:#fff;color:#30475e!important;font-size:12px;font-weight:800}
.mobile-link-list a:hover{background:#eef7fd!important;color:var(--navy)!important}
.mobile-link-list .mobile-count{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px}
.mobile-account-card{margin-top:18px;padding:12px;border-radius:15px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;background:#071f38;color:#fff}
.mobile-account-card .account-avatar{width:40px;height:40px;flex-basis:40px;background:rgba(255,255,255,.13);box-shadow:none}
.mobile-account-card>span:nth-child(2){display:grid;gap:2px;min-width:0}
.mobile-account-card b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-account-card small{font-size:8px;color:#adc5d7;text-transform:uppercase;letter-spacing:.6px}
.mobile-account-card>a{padding:7px 9px!important;border-radius:9px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-size:9px!important;font-weight:850}
.mobile-logout-form{margin-top:8px}
.mobile-logout-form button{width:100%;height:42px;border:1px solid #f2c9ce!important;border-radius:11px!important;background:#fff5f6!important;color:#a82d3d!important;text-align:center!important}
.mobile-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.mobile-auth-actions .button{width:100%;min-height:43px}

@media(max-width:1180px){
  .desktop-nav-pro{gap:2px}.nav-primary-link{padding-inline:9px}.account-trigger{min-width:122px}.account-trigger-copy small{display:none}.account-trigger-copy b{max-width:68px}.nav-shell-pro{gap:14px}
  .mega-heritage-caption strong{font-size:14px}.mega-heritage-caption small{font-size:7px}
}
@media(max-width:1040px){
  .desktop-nav-pro{display:none!important}.mobile-menu-pro{display:block}.desktop-account-menu{display:none}.nav-actions-pro{gap:7px}.nav-shell-pro{gap:10px}
}
@media(max-width:720px){
  .site-header-pro{height:68px}.nav-shell-pro{height:68px}.mobile-menu-pro[open]::before{inset:68px 0 0}.mobile-nav-panel{top:68px;height:calc(100dvh - 68px)}
  .brand-pro .brand-logo-mark{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;min-height:31px!important;max-height:31px!important;flex-basis:31px!important}.brand-pro .brand-wordmark{font-size:12px}
  .nav-actions-pro>.lang-switch-pro{display:none}.nav-icon-button,.site-header-pro .nav-cart,.site-header-pro .nav-notifications{width:36px;min-width:36px;height:36px;border-radius:11px}.nav-icon-button svg{width:18px;height:18px}
}
@media(max-width:500px){
  .brand-pro .brand-wordmark{display:none}.nav-shell-pro{gap:7px}.nav-actions-pro{gap:5px}.mobile-nav-panel{width:calc(100vw - 10px);padding:14px}.mobile-primary-grid{grid-template-columns:1fr}.mobile-primary-grid a{min-height:62px}.mobile-link-list{grid-template-columns:1fr 1fr}.mobile-nav-brand small{display:none}
}
@media(max-width:360px){.mobile-link-list{grid-template-columns:1fr}.nav-icon-button,.site-header-pro .nav-cart,.site-header-pro .nav-notifications{width:34px;min-width:34px;height:34px}}
html.nav-panel-open,html.nav-panel-open body{overflow:hidden}

/* ============================================================
   STEP 21 PATCH — LISTING FULLSCREEN GALLERY
   ============================================================ */
.listing-main-image{position:relative}
.listing-main-image [data-gallery-main]{cursor:zoom-in;outline:none}
.listing-main-image [data-gallery-main]:focus-visible{outline:4px solid rgba(8,120,209,.42);outline-offset:-6px;border-radius:14px}
.listing-gallery-zoom-hint{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(4,21,39,.76);color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;pointer-events:none;backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.18)}
body.listing-lightbox-open{overflow:hidden}
.listing-lightbox{position:fixed;inset:0;z-index:10000;display:grid;grid-template-columns:minmax(64px,8vw) minmax(0,1fr) minmax(64px,8vw);align-items:center;background:rgba(3,11,20,.96);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;backdrop-filter:blur(8px)}
.listing-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.listing-lightbox-stage{position:relative;display:grid;place-items:center;width:100%;height:100vh;padding:42px 14px}
.listing-lightbox-image{max-width:100%;max-height:calc(100vh - 84px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.42);user-select:none;-webkit-user-drag:none}
.listing-lightbox-close{position:absolute;top:20px;right:22px;z-index:4;width:48px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);transition:transform .15s ease,background .15s ease}
.listing-lightbox-close:hover{transform:scale(1.05);background:rgba(255,255,255,.18)}
.listing-lightbox-arrow{width:58px;height:58px;justify-self:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:48px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .15s ease,background .15s ease}
.listing-lightbox-arrow:hover{transform:scale(1.07);background:rgba(255,255,255,.19)}
.listing-lightbox-prev{grid-column:1}
.listing-lightbox-stage{grid-column:2}
.listing-lightbox-next{grid-column:3}
.listing-lightbox-counter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(10px)}
.listing-lightbox.is-single .listing-lightbox-arrow{display:none}
@media (max-width:700px){
  .listing-gallery-zoom-hint{right:10px;bottom:10px;padding:7px 9px;font-size:10px}
  .listing-lightbox{grid-template-columns:1fr;display:block}
  .listing-lightbox-stage{height:100vh;padding:70px 10px 60px}
  .listing-lightbox-image{max-height:calc(100vh - 130px)}
  .listing-lightbox-arrow{position:absolute;top:50%;z-index:5;width:48px;height:48px;font-size:40px;background:rgba(3,11,20,.58)}
  .listing-lightbox-prev{left:12px;transform:translateY(-50%)}
  .listing-lightbox-next{right:12px;transform:translateY(-50%)}
  .listing-lightbox-prev:hover,.listing-lightbox-next:hover{transform:translateY(-50%) scale(1.04)}
  .listing-lightbox-close{top:14px;right:14px;width:44px;height:44px}
}