:root{--ink:#0b1b3a;--ink2:#33415c;--muted:#6b7690;--line:#e3e7ef;--bg:#ffffff;--soft:#f4f6fa;--blue:#1f4fd8;--blue2:#163ca8;
--green:#1f9d55;--lime:#c6d82e;--navy:#081430;--gold:#f8d810;--indigo:#2c2490;--deep:#100c42;--radius:14px;--shadow:0 1px 2px rgba(11,27,58,.06),0 8px 24px rgba(11,27,58,.06);
--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
html[lang=ar]{--font:"IBM Plex Sans Arabic","Plus Jakarta Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.8em 1.3em;border-radius:999px;font-weight:700;border:2px solid transparent;cursor:pointer;font:inherit;font-weight:700;text-decoration:none!important;white-space:nowrap;max-width:100%}
@media (max-width:640px){.btn{white-space:normal;text-align:center}}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue2)}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{filter:brightness(.95)}
.btn-lime{background:var(--lime);color:var(--navy)}.btn-lime:hover{filter:brightness(.95)}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.btn-sm{padding:.5em .9em;font-size:.9rem}
.wa::before{content:"";width:1.1em;height:1.1em;background:currentColor;-webkit-mask:var(--wa) center/contain no-repeat;mask:var(--wa) center/contain no-repeat}
:root{--wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.7-.1 1.3z'/%3E%3C/svg%3E")}
.topbar{background:#0b0833;color:#d6d9f5;font-size:.85rem}
.topbar .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:38px;flex-wrap:wrap}
.topbar a{color:#fff}.topbar .langs a{margin-inline-start:12px;opacity:.75}.topbar .langs a.on{opacity:1;font-weight:700}
.topbar .contact{display:flex;gap:16px;flex-wrap:wrap}
/* Header in the hero's deep indigo (the logo's blue) so the top of every page flows as one band (Sumair, 26 Oct). The logo sits on a white tile. */
header.site{position:sticky;top:0;z-index:20;background:var(--deep);box-shadow:0 1px 0 rgba(255,255,255,.1)}
header.site .wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{background:#fff;border-radius:12px;padding:6px 10px;display:flex}.logo img{height:40px;width:auto}
nav.main{display:flex;gap:22px;margin-inline-start:auto;align-items:center}
nav.main a{color:#fff;font-weight:600}nav.main a.on{color:var(--gold)}
nav.main a.sellnav{color:var(--gold)}
header.site .btn-primary{background:var(--gold);color:#0a0f1f}header.site .btn-primary:hover{background:#ffe24a}
header.site .hsearch input{background:rgba(255,255,255,.16);color:#fff}header.site .hsearch input::placeholder{color:#dbe4ff}header.site .hsearch input:focus{background:#fff;color:var(--ink)}
.menu-toggle{display:none;margin-inline-start:auto;background:none;border:0;font-size:1.6rem;color:#fff;cursor:pointer}
@media (max-width:900px){.menu-toggle{display:block}nav.main{display:none;position:absolute;inset-inline:0;top:72px;background:var(--deep);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:4px}
nav.main a{padding:10px 0}nav.main.open{display:flex}.topbar .hide-sm{display:none}}
.hero{position:relative;color:#fff;background:radial-gradient(1200px 500px at 85% 10%,rgba(31,79,216,.55),transparent 60%),radial-gradient(800px 400px at 10% 100%,rgba(31,157,85,.35),transparent 60%),var(--navy);overflow:hidden}
.hero .wrap{position:relative;padding:96px 20px 88px;display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;color:#d3daf0;max-width:36em}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero .eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:14px}
.net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}
.finder{background:#fff;color:var(--ink);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.finder h2{font-size:1.3rem}
.finder label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.06em}
select,input,textarea{width:100%;font:inherit;padding:.75em .9em;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,79,216,.15)}
.finder .btn{width:100%;justify-content:center;margin-top:18px}
.finder .kw{font-size:1.05rem;padding:.9em 1em;border-width:2px;border-color:#c9d3ea}
.finder .or{margin:14px 0 0;font-size:.8rem;color:var(--muted);text-align:center}
.hsearch input{width:150px;padding:.5em .9em;border-radius:999px;font-size:.9rem;background:var(--soft);border-color:transparent}
.hsearch input:focus{width:220px;background:#fff}
@media (max-width:900px){.hsearch input,.hsearch input:focus{width:100%}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding:56px 20px}}
section.block{padding:72px 0}section.soft{background:var(--soft)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head p{color:var(--muted);margin:0;max-width:40em}
.grid{display:grid;gap:20px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g3,.g2{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr;gap:12px}
.g4 .card .body{padding:10px 12px 12px}.g4 .card h3{font-size:.95rem}.g4 .meta{font-size:.78rem}.cat{min-height:130px;padding:16px}.cat h3{font-size:1.05rem}.cat p{font-size:.85rem}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;color:inherit}
a.card:hover{text-decoration:none;border-color:#c9d3ea;transform:translateY(-2px);transition:.15s}
.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{margin:0}
.thumb{aspect-ratio:4/3;background:var(--soft);position:relative;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb .ph,.main .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;font-weight:800;font-size:clamp(1.1rem,2vw,1.5rem);color:#fff;letter-spacing:.02em;line-height:1.2}
.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.25em .6em;border-radius:999px;background:var(--soft);color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.badge.virgin{background:#e6edff;color:var(--blue2)}.badge.near-prime{background:#fff4d6;color:#8a5a00}.badge.recycled{background:#e3f5ea;color:#13693a}.badge.waste{background:#eef0f4;color:#3c465c}
.thumb .badge{position:absolute;top:12px;inset-inline-start:12px}
.meta{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
.cat{padding:22px;border-radius:var(--radius);color:#fff;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.cat h3{font-size:1.3rem}.cat p{margin:0;opacity:.9}
.cat.virgin{background:linear-gradient(135deg,#1f4fd8,#0b1b3a)}.cat.near-prime{background:linear-gradient(135deg,#d9a400,#7a4b00)}
.cat.recycled{background:linear-gradient(135deg,#1f9d55,#0d4d2a)}.cat.waste{background:linear-gradient(135deg,#55607a,#1e2638)}
a.cat:hover{text-decoration:none;filter:brightness(1.05)}
.buying{background:linear-gradient(135deg,#0b1b3a,#13306e);color:#fff}
.buying .sec-head p{color:#c8d0e4}
.wantlist{display:grid;gap:12px}
.want{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px}
.want .m{font-weight:700}.want .s{color:#b7c2dc;font-size:.88rem}
.want.light{background:#fff;border-color:var(--line);color:var(--ink)}.want.light .s{color:var(--muted)}
@media (max-width:800px){.want{grid-template-columns:1fr 1fr}.want .act{grid-column:1/-1}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats b{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--blue)}
.stats span{color:var(--muted);font-weight:600}
@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}
.steps .n{width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:12px}
/* Slide-in panels and glows must not widen the page on phones; clip keeps sticky sections working. */
main{overflow-x:clip}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:800px){.split{grid-template-columns:1fr}}
.panel{border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.panel.green{background:linear-gradient(135deg,#1f9d55,#127040);color:#fff}.panel.lime{background:#f3f7d2;color:var(--ink)}
.panel p{margin:0 0 8px;opacity:.95}
.page-head{background:var(--soft);padding:48px 0 36px;border-bottom:1px solid var(--line)}
.page-head p{color:var(--muted);max-width:46em;font-size:1.05rem}
.page-head.dark{background:var(--navy);color:#fff;border:0}.page-head.dark p{color:#c8d0e4}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.chip{padding:.45em 1em;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);font-weight:600;font-size:.9rem;background:#fff}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip:hover{text-decoration:none;border-color:var(--ink)}
.filterbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;margin:24px 0 8px}
@media (max-width:800px){.filterbar{grid-template-columns:1fr 1fr}}
.count{color:var(--muted);margin:8px 0 18px}
.product{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:40px 0}
@media (max-width:900px){.product{grid-template-columns:1fr}}
.main{position:relative}.gallery .main{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--soft);position:relative}
.gallery .main img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}.gallery .thumbs img{width:84px;height:64px;object-fit:cover;border-radius:8px}
table.specs{width:100%;border-collapse:collapse;margin:8px 0 20px}
table.specs th,table.specs td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
table.specs th{color:var(--muted);font-weight:600;width:42%}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}
form.f{display:grid;gap:12px}
form.f .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){form.f .row{grid-template-columns:1fr}}
form.f label{font-size:.85rem;font-weight:700;color:var(--ink2);display:grid;gap:4px}
.formcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.note{font-size:.85rem;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.answering{background:#eef3ff;border:1px solid #cdd9fb;border-radius:10px;padding:10px 14px;font-weight:600}
.theme-label .answering{background:rgba(248,216,16,.08);border:1px solid rgba(248,216,16,.45);border-inline-start:3px solid var(--gold);color:var(--ink);font-family:var(--mono);font-size:.88rem;line-height:1.5}
.why{display:grid;gap:16px}.why>div{display:flex;gap:12px}.why b{display:block}
.why .ic{flex:none;width:34px;height:34px;border-radius:10px;background:#e3f5ea;color:var(--green);display:grid;place-items:center;font-weight:800}
.prose{max-width:46em;font-size:1.05rem}
.show-logo{display:flex;align-items:center;justify-content:center;height:96px;padding:16px 22px;background:#fff;border-bottom:1px solid var(--line)}.show-logo img{max-width:100%;max-height:100%;object-fit:contain}
.theme-label .show-logo{background:#e9ecf1}
@media (max-width:640px){.shows.g4{grid-template-columns:1fr}}
.post-card .date{color:var(--muted);font-size:.85rem}
footer.site{background:var(--navy);color:#b7c2dc;padding:56px 0 28px;margin-top:0;font-size:.95rem}
footer.site a{color:#fff}footer.site h3{color:#fff;font-size:1rem}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media (max-width:800px){footer.site .cols{grid-template-columns:1fr 1fr}}
footer.site ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
footer.site .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem}
.wa-float{position:fixed;inset-inline-end:18px;bottom:18px;z-index:30;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wa-float::before{content:"";width:30px;height:30px;background:#fff;-webkit-mask:var(--wa) center/contain no-repeat;mask:var(--wa) center/contain no-repeat}
.sample{background:#fff4d6;color:#7a4b00;text-align:center;font-size:.85rem;padding:6px}
.offices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:800px){.offices{grid-template-columns:1fr 1fr}}
.office{border:1px solid var(--line);border-radius:12px;padding:16px}.office b{display:block}
.office-k{display:block;font:600 .68rem/1.3 var(--mono,ui-monospace),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.faq>*{max-width:860px}
.faq-q{border-bottom:1px solid var(--line)}.faq-q:first-child{border-top:1px solid var(--line)}
.faq-q summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:baseline;padding:22px 4px;font-weight:700;font-size:1.05rem}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";margin-inline-start:auto;color:var(--gold);font-weight:400;font-size:1.4rem;line-height:1}
.faq-q[open] summary::after{content:"−"}
.faq-q summary:hover{color:var(--gold)}
.faq-n{font:600 .75rem/1 var(--mono,ui-monospace),monospace;color:var(--gold);letter-spacing:.1em;flex:none}
.faq-q p{margin:0 0 22px;padding-inline-start:42px;max-width:68ch;color:var(--muted,inherit)}
.faq-q ul{margin:-10px 0 22px;padding-inline-start:62px;max-width:68ch;color:var(--muted,inherit)}.faq-q li{margin:4px 0}.faq-q li::marker{color:var(--gold)}
.faq-more{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:36px}
.lb-grades a{color:inherit;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.lb-grades a:hover{color:var(--gold);border-bottom-color:var(--gold)}
[dir=rtl] .flip{transform:scaleX(-1)}

/* Hero with the video (Sumair, 26 Oct, after get-licensed.co.uk): deep indigo easing lighter, the video on the left from the
   page edge with a thick gold (logo yellow) border and a slanted side, a bold headline in white and gold, and a gold proof strip. */
.hero h1 .rot{display:inline-block;color:var(--gold);transition:opacity .35s,transform .35s}
.hero h1 .rot.out{opacity:0;transform:translateY(-.35em)}
.hero h1 .h1c{display:block;color:#fff}
.hero h1 .h1c em{font-style:normal;color:var(--gold)}
.hero h1 .rot,.hero h1 .h1c em{font-weight:800;text-shadow:0 2px 24px rgba(248,216,16,.18)}
.hero.has-video{background:linear-gradient(160deg,var(--deep) 0%,#1b1666 45%,#2b3496 100%)}
.hero.has-video .btn-primary{background:#fff;color:var(--indigo)}.hero.has-video .btn-primary:hover{background:#eef3ff}
.hero.has-video .hsearch-big .btn-primary{background:var(--indigo);color:#fff}
.hero.has-video .btn-lime{background:var(--gold);color:#0a0f1f}
.hero.has-video .wrap{grid-template-columns:1fr 1.15fr;padding-top:84px;padding-bottom:96px;min-height:600px}
.hero.has-video h1{font-size:clamp(2.1rem,3.4vw,3.3rem);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.hero.has-video .net{width:55%;inset-inline-start:auto;inset-inline-end:0}
.hero.has-video .vidside{order:-1}
.hsearch-big{display:flex;gap:8px;margin-top:22px;background:#fff;border-radius:999px;padding:6px;max-width:34em;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.hsearch-big input{border:0;border-radius:999px;padding:.7em 1em}.hsearch-big input:focus{box-shadow:none}
.slantvid{position:absolute;top:0;bottom:0;inset-inline-start:0;width:48vw;max-width:860px;pointer-events:none}
.slantline{position:absolute;inset:0;clip-path:polygon(0 0,calc(100% + 0px) 0,80% 100%,0 100%);background:var(--gold)}
.slantclip{position:absolute;inset:0;clip-path:polygon(0 16px,calc(100% - 26px) 16px,calc(80% - 22px) calc(100% - 16px),0 calc(100% - 16px));background:#1b1666}
.slantclip video{width:100%;height:100%;object-fit:cover;display:block}
[dir=rtl] .slantvid{transform:scaleX(-1)}[dir=rtl] .slantclip video{transform:scaleX(-1)}
.vidside{position:relative;align-self:stretch;display:grid;place-items:center}
.playbtn{width:92px;height:92px;border-radius:50%;border:0;background:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,255,255,.22),0 20px 50px rgba(0,0,0,.4);transition:transform .2s}
.playbtn:hover{transform:scale(1.06)}.playbtn svg{width:36px;height:36px;fill:#0a0f1f;margin-inline-start:4px}
.vchip{position:absolute;display:inline-flex;align-items:center;gap:.5em;background:#fff;color:var(--navy);font-weight:700;font-size:.9rem;padding:.6em 1em;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.vchip.live{bottom:12%;inset-inline-start:6%}
.vchip.live i{width:10px;height:10px;border-radius:50%;background:#e5383b;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,56,59,.6)}70%{box-shadow:0 0 0 10px rgba(229,56,59,0)}100%{box-shadow:0 0 0 0 rgba(229,56,59,0)}}
.proofstrip{background:var(--gold);color:#0a0f1f}
.proofstrip .wrap{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;flex-wrap:wrap}
.proofstrip div div{display:flex;align-items:center;gap:10px;font-size:.98rem}
.proofstrip svg{width:24px;height:24px;flex:none;fill:none;stroke:#0a0f1f;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
@media (max-width:900px){
  .hero.has-video .wrap{grid-template-columns:1fr;min-height:0;padding-top:40px;padding-bottom:0}
  .hero.has-video .net{width:100%}
  .slantvid{position:relative;inset:auto;width:auto;max-width:none;height:300px;margin:28px -20px 0;order:2}
  .hero.has-video{display:flex;flex-direction:column}.hero.has-video .wrap{order:1}
  .vidside{position:absolute;inset:auto 0 0 0;height:300px}
  .slantline{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.slantclip{clip-path:polygon(0 12px,calc(100% - 18px) 12px,calc(92% - 16px) calc(100% - 12px),0 calc(100% - 12px))}
  .proofstrip .wrap{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:900px){.hero.has-video .wrap{position:static}.hero.has-video{position:relative}}
@media (prefers-reduced-motion:reduce){.vchip.live i{animation:none}}

/* The container-door hero (Sumair, 26 Oct): the brand blue as a container's doors, text painted on like its markings. */
.cdoor{position:relative;overflow:hidden;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:640px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18)),
  repeating-linear-gradient(180deg,transparent 0 31%,rgba(0,0,0,.28) 31% 31.6%,rgba(255,255,255,.08) 31.6% 32.2%,transparent 32.2% 33.3%),
  linear-gradient(90deg,#14116a,#2433a8 18%,#2a3bb8 50%,#2433a8 82%,#14116a);
  box-shadow:inset 0 14px 0 #0d0b40,inset 0 -14px 0 #0d0b40,inset 14px 0 0 #0d0b40,inset -14px 0 0 #0d0b40}
.cdoor h1,.cdoor .cd-code,.cdoor .cd-table,.cdoor .cd-oval,.cdoor .cd-plate{font-family:"Barlow Condensed","IBM Plex Sans Arabic",sans-serif;text-transform:uppercase}
html[lang=tr] .cdoor h1{text-transform:none}
.cd-seam{position:absolute;top:0;bottom:0;left:50%;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,#0b0936,#1a1870 40%,#0b0936)}
.cd-seam::after{content:"";position:absolute;top:56%;left:50%;width:46px;height:58px;transform:translate(-50%,-50%);background:#22309c;border:3px solid #0d0b40;border-radius:4px}
.cd-rods{position:absolute;inset:0;pointer-events:none}
.cd-rods i{position:absolute;top:-6px;bottom:-6px;width:12px;border-radius:6px;background:linear-gradient(90deg,#7d8798,#eef1f6 40%,#a9b1bf 60%,#6b7486);box-shadow:2px 0 6px rgba(0,0,0,.35)}
.cd-rods i::before,.cd-rods i::after{content:"";position:absolute;left:-7px;width:26px;height:30px;background:linear-gradient(90deg,#8992a3,#dfe3ea,#8992a3);border-radius:3px}
.cd-rods i::before{top:70px}.cd-rods i::after{bottom:70px}
.cd-rods i:nth-child(1){left:4%}.cd-rods i:nth-child(2){left:46%}.cd-rods i:nth-child(3){left:53%}.cd-rods i:nth-child(4){left:95%}
.cd-left,.cd-right{position:relative;z-index:1;padding:84px 0 96px}
.cd-left{padding-inline:calc(4% * 2 + 24px) calc(4% * 2 + 10px)}
.cd-right{padding-inline:calc(6% + 40px) calc(10% + 10px);display:flex;flex-direction:column;justify-content:center}
.cdoor h1{font-size:clamp(2.6rem,4.3vw,4rem);line-height:.95;font-weight:700;letter-spacing:.01em;margin:0 0 18px}
.cdoor h1 .rot{display:inline-block;color:var(--gold);transition:opacity .35s,transform .35s}.cdoor h1 .rot.out{opacity:0;transform:translateY(-.3em)}
.cdoor h1 .h1c{display:block}.cdoor h1 .h1c em{font-style:normal;color:var(--gold)}
.cdoor .lead{color:#dfe3fb;font-size:1.08rem;max-width:30em}
.cdoor .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn-gold{background:var(--gold);color:#0a0f1f}.btn-gold:hover{background:#ffe24a}
.btn-white{background:#fff;color:var(--indigo)}.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.cdoor .hsearch-big .btn-primary{background:var(--indigo)}
.cd-code{font-size:clamp(2.6rem,4.4vw,4.2rem);line-height:1.05;font-weight:600;letter-spacing:.04em;margin:0 0 34px;direction:ltr;text-align:left}
.cd-code span{margin-inline-end:.35em}.cd-code b{font-weight:600;border:3px solid #fff;padding:0 .14em;line-height:1}
.cd-table{margin:0;display:grid;gap:10px}
.cd-table div{display:grid;grid-template-columns:minmax(7.5em,auto) 1fr;gap:18px;align-items:baseline}
.cd-table dt{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:600;letter-spacing:.02em}
.cd-table dd{margin:0;font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:600;letter-spacing:.06em;color:var(--gold)}
.cd-plate{margin-top:34px;align-self:flex-end;display:grid;gap:2px;background:linear-gradient(180deg,#d9dde4,#b9bfca);color:#2a3142;font-size:.78rem;letter-spacing:.08em;padding:10px 14px;border-radius:3px;box-shadow:inset 0 0 0 2px #9aa2b1;text-align:center}
.cd-plate b{font-size:.92rem}
.cd-oval{position:absolute;z-index:1;left:25%;top:62%;transform:translateX(-50%);display:none}
@media (max-width:900px){
  .cdoor{grid-template-columns:1fr;min-height:0}
  .cd-seam,.cd-rods i:nth-child(2),.cd-rods i:nth-child(3){display:none}
  .cd-rods i:nth-child(1){left:10px}.cd-rods i:nth-child(4){left:auto;right:10px}
  .cd-left{padding:48px 40px 8px}.cd-right{padding:8px 40px 56px}
  .cd-table div{grid-template-columns:1fr;gap:0}
}

/* The black hero (Sumair's freight-site and onsiren references, 26 Oct): black, a drawn container stack on the right,
   two bands of moving text, live lots docked at the foot. */
.dk{position:relative;background:#050505;color:#fff;overflow:hidden;padding-bottom:64px}
.dk-stack{position:absolute;top:0;inset-inline-end:0;width:62%;height:600px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.dk-stack::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.2) 0%,rgba(5,5,5,0) 30%,rgba(5,5,5,0) 70%,#050505 100%)}
.dk-stack svg{width:100%;height:100%;display:block}
.dk-stack .mk{font:700 21px "Barlow Condensed",sans-serif;fill:#fff;letter-spacing:.06em;opacity:.92}.dk-stack .mk2{font:600 14px "Barlow Condensed",sans-serif;fill:#fff;opacity:.7;letter-spacing:.1em}
[dir=rtl] .dk-stack{-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 45%);mask-image:linear-gradient(270deg,transparent 0%,#000 45%)}
[dir=rtl] .dk-stack svg{transform:scaleX(-1)}[dir=rtl] .dk-stack .mk,[dir=rtl] .dk-stack .mk2{display:none}
.mq{position:relative;z-index:1;overflow:hidden;white-space:nowrap;direction:ltr}
.mq-track{display:inline-flex;animation:mq 38s linear infinite}
.mq span{flex:none}
.mq-big{padding:6px 0;border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d}
.mq-big span{font-size:clamp(3rem,8vw,7.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);padding-inline-end:.45em}
.mq-big span:nth-child(odd){color:#fff;-webkit-text-stroke:0}
.mq-big span::after{content:"";display:inline-block;width:.32em;height:.32em;background:var(--gold);border-radius:50%;margin-inline-start:.45em;vertical-align:middle}
.mq-small{background:var(--gold);color:#050505;padding:12px 0;margin-bottom:56px}
.mq-small .mq-track{animation-duration:30s;animation-direction:reverse}
.mq-small span{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;padding-inline-end:2.4em}
.mq-small span::after{content:"✕";margin-inline-start:2.4em;font-weight:400}
@keyframes mq{to{transform:translateX(-50%)}}
.dk-top{position:relative;z-index:1;padding-top:88px;padding-bottom:56px;max-width:1240px;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end}
.dk h1{font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;max-width:11em;margin:0 0 18px}
.dk h1 .rot{display:inline-block;color:var(--gold);transition:opacity .35s,transform .35s}.dk h1 .rot.out{opacity:0;transform:translateY(-.3em)}
.dk h1 .h1c{display:block}.dk h1 .h1c em{font-style:normal;color:var(--gold)}
.dk .lead{color:#bdbdbd;max-width:30em;font-size:1.05rem}
.dk-live{display:flex;align-items:center;gap:10px;color:#e8e9f5;font-weight:600;font-size:.92rem;margin:0 0 18px}
.dk-live i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(248,216,16,.6);animation:pulse-g 1.8s infinite}
@keyframes pulse-g{70%{box-shadow:0 0 0 10px rgba(248,216,16,0)}100%{box-shadow:0 0 0 0 rgba(248,216,16,0)}}
.dk .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.dk-dock{position:relative;z-index:1;max-width:1240px}
.dk-row{display:grid;grid-template-columns:1fr minmax(0,1.5fr) 1fr;gap:12px;align-items:end;margin-bottom:12px}
.dk-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dk-pill{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.9rem}
.dk-pill:hover{text-decoration:none;background:rgba(255,255,255,.14)}.dk-pill b{font-size:1.05rem}
.dk-search{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:14px;border-radius:22px;background:#161616;border:1px solid rgba(255,255,255,.08)}
.dk-search input,.dk-search select{background:#242424;border:0;color:#fff;border-radius:12px;padding:.75em .9em}
.dk-search input::placeholder{color:#a3a5c2}.dk-search select{width:auto}
.dk-pin{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #050505}
.dk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px;border-radius:26px;background:#0f0f0f;border:1px solid rgba(255,255,255,.07)}
.dk-lot{display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:#1a1a1a;color:#fff;transition:background .15s}
.dk-lot:hover{text-decoration:none;background:#262626}
.dk-lot .k{font-size:.72rem;color:#9a9a9a;text-transform:uppercase;letter-spacing:.06em}
.dk-lot .n{font-weight:700;font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.dk-lot .q{font-size:1rem}.dk-lot .q b{color:var(--gold)}.dk-lot .q em{font-style:normal;color:#c9cbe0;font-size:.85rem;margin-inline-start:6px}
.dk-lot .pr{font-size:.75rem;color:#8d8faf}
@media (max-width:1000px){.dk-row{grid-template-columns:1fr}.dk-grid{grid-template-columns:repeat(2,1fr)}.dk-top{min-height:0;padding-top:300px}.dk-stack{width:100%;height:380px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}}
@media (max-width:520px){.dk-search{grid-template-columns:1fr}.dk-search select{width:100%}}
@media (prefers-reduced-motion:reduce){.dk-live i,.mq-track{animation:none}}
/* The rest of the site in black, for the same trial. */
:is(.theme-black,.theme-label){--ink:#f2f2f2;--ink2:#cfcfcf;--muted:#9a9a9a;--line:#262626;--bg:#050505;--soft:#0f0f0f;--blue:#f8d810;--blue2:#e6c600;--shadow:none}
:is(.theme-black,.theme-label) .topbar,:is(.theme-black,.theme-label) header.site{background:#000}:is(.theme-black,.theme-label) header.site{box-shadow:0 1px 0 #1d1d1d}
:is(.theme-black,.theme-label) .card,:is(.theme-black,.theme-label) .formcard,:is(.theme-black,.theme-label) .chip,:is(.theme-black,.theme-label) select,:is(.theme-black,.theme-label) input,:is(.theme-black,.theme-label) textarea{background:#121212;color:var(--ink)}
:is(.theme-black,.theme-label) .btn-primary{color:#050505}:is(.theme-black,.theme-label) .btn-lime{background:var(--gold);color:#050505}:is(.theme-black,.theme-label) footer.site{background:#000;border-top:1px solid #1d1d1d}:is(.theme-black,.theme-label) .steps .n{color:#050505}
:is(.theme-black,.theme-label) .buying{background:#0f0f0f;border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d}
:is(.theme-black,.theme-label) .panel.lime{background:#161616;color:var(--ink)}:is(.theme-black,.theme-label) .panel.green{background:linear-gradient(135deg,#2c2490,#100c42)}
:is(.theme-black,.theme-label) .badge{background:#1d1d1d;color:#d0d0d0}
:is(.theme-black,.theme-label) .cat.virgin{background:linear-gradient(135deg,#2c2490,#0c0a2a)}:is(.theme-black,.theme-label) .cat.waste{background:linear-gradient(135deg,#3a3a3a,#111)}

/* Option D, the container-label look (26 Oct): dark navy, mono labels like a container's markings, square gold buttons. */
.theme-label{--bg:#0c121c;--soft:#111927;--line:#223045;--ink:#d6dae1;--muted:#8f9bb0;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--font:var(--mono)}
html[lang=ar] .theme-label{--font:"IBM Plex Sans Arabic","Inter Tight",system-ui,sans-serif;--mono:"IBM Plex Sans Arabic",sans-serif}
html[lang=ar] .theme-label :is(.topbar,.lb-eye,.lb-stats small,.lb-tabs,.lb-pill,.lb-spec){letter-spacing:0!important}
.theme-label h1,.theme-label h2{letter-spacing:-.025em}
/* Page titles the same size as the home page headline (Sumair, 27 Oct). */
.theme-label h1,.theme-label .pl-head h1{font-size:clamp(1.45rem,2.6vw,2.45rem);font-weight:600;letter-spacing:-.035em;line-height:1.12}
/* Sumair, 26 Oct: everything in the container lettering. Inputs and buttons do not inherit fonts by default. */
.theme-label :is(input,select,textarea,button,.btn){font-family:var(--font)}
.theme-label h2{font-weight:700}
.theme-label .topbar,.theme-label header.site,.theme-label footer.site{background:#0c121c}
.theme-label nav.main a:not(.on):not(.btn):not(.sellnav){color:var(--ink)}.theme-label .topbar .lang a{color:var(--ink)}
.theme-label .topbar{border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#b9c0cc}
.theme-label .topbar .wrap{min-height:44px}.theme-label .topbar .contact{letter-spacing:.08em}
/* Phones: tagline and languages share one line, languages on the end side; the open menu matches the dark header. */
.theme-label .topbar .wrap{flex-wrap:nowrap}.theme-label .lb-tag{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-label .topbar .langs{margin-inline-start:auto;flex:none;white-space:nowrap}
@media (max-width:900px){.theme-label nav.main{background:#0c121c;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.45)}}
@media (max-width:520px){.theme-label .topbar{font-size:.62rem;letter-spacing:.1em}.theme-label .topbar .wrap{min-height:36px}}
.theme-label .lb-tag{color:#d9dde4}
.theme-label header.site{box-shadow:none;border-bottom:1px solid var(--line)}
.theme-label header.site .wrap{min-height:84px}
.theme-label .logo{background:none;padding:0}
.theme-label .btn{border-radius:3px}.theme-label .buying{background:#0f1724}.theme-label .panel.lime{background:#111927}.theme-label section.soft{background:#0f1724}
.wordmark{display:block;font:700 1.4rem/0.95 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:-.02em;color:var(--ink);text-transform:uppercase}
.wordmark b{color:var(--gold);font-weight:800}.wm-2{display:block;font-size:calc(7.28em / 9);white-space:nowrap}.wm-x{transition:opacity .3s}a.logo:hover{text-decoration:none}a.logo:hover .wm-x{opacity:0}
.theme-label nav.main a{font-weight:500}
.theme-label header.site .btn-primary,.btn-sq{border-radius:3px;background:var(--gold);color:#0c121c}
.btn-sq{padding:.95em 1.5em;font-weight:700}.btn-sq:hover{background:#fff;color:#0c121c}
.btn-sq{transition:background .15s,color .15s,border-color .15s}.btn-sq.line{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.55)}.btn-sq.line:hover{border-color:var(--gold);background:var(--gold);color:#0c121c}
.theme-label nav.main a{transition:color .15s}.theme-label nav.main a:hover,.theme-label nav.main a.on{color:var(--gold);text-decoration:none}
.theme-label .sec-head h2,.theme-label section.block h2{font-weight:800}
.theme-label .badge,.theme-label .meta,.theme-label .stats span,.theme-label .date{font-family:var(--mono);letter-spacing:.06em}
.lb{position:relative;color:var(--ink);overflow:hidden;padding-bottom:72px}
.lb-photo{position:absolute;top:40px;inset-inline-end:0;width:min(52%,760px);aspect-ratio:16/9}
.lb-photo :is(img,video){display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.lb-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c121c 0%,rgba(12,18,28,.55) 22%,rgba(12,18,28,0) 45%),linear-gradient(0deg,#0c121c 0%,rgba(12,18,28,0) 30%)}
[dir=rtl] .lb-photo::after{background:linear-gradient(270deg,#0c121c 0%,rgba(12,18,28,.55) 22%,rgba(12,18,28,0) 45%),linear-gradient(0deg,#0c121c 0%,rgba(12,18,28,0) 30%)}
.lb-top{position:relative;z-index:1;padding-top:84px;padding-bottom:48px}
.lb h1{font-family:var(--mono);font-size:clamp(1.45rem,2.6vw,2.45rem);line-height:1.12;font-weight:600;letter-spacing:-.035em;max-width:18em;margin-bottom:22px;min-height:2.2em}
.lb h1[data-type]{visibility:hidden}.lb h1 .l1{display:block}
@media (prefers-reduced-motion:reduce){.lb h1[data-type]{visibility:visible}}
.caret{position:absolute;display:inline-block;width:.5em;height:.9em;background:var(--gold);vertical-align:-.08em;margin-inline-start:.04em;animation:blink 1s steps(1) infinite}
.bdot{color:var(--gold);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.lb h1 .rot{display:inline-block;color:var(--gold);transition:opacity .35s,transform .35s}.lb h1 .rot.out{opacity:0;transform:translateY(-.3em)}
.lb h1 .h1c{display:block}.lb h1 .h1c em{font-style:normal;color:var(--gold)}
.lb .lead{color:#b4bcc8;max-width:31em;font-size:1.08rem}
.lb .lb-grades{letter-spacing:.02em;max-width:none}.lb-grades span{white-space:nowrap}.lb-grades i{font-style:normal;color:var(--gold);margin:0 .15em}
.lb-feats{list-style:none;padding:0;margin:26px 0 30px;display:flex;flex-wrap:wrap;gap:0}
.lb-feats li{display:flex;gap:12px;align-items:center;padding-inline-end:18px;margin-inline-end:18px;border-inline-end:1px solid var(--line);font-size:.84rem;line-height:1.35;color:#b4bcc8}
.lb-feats li:last-child{border:0}.lb-feats b{display:block;color:var(--ink);font-weight:600}
.lb svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex:none}
.lb-feats svg{stroke:var(--ink)}
.lb .ctas{display:flex;gap:14px;flex-wrap:wrap}
.lb-dock{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;margin-bottom:64px}
.lb-stats,.lb-search{background:#111927;border:1px solid var(--line);border-radius:18px}
.lb-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-around;padding:16px 10px;align-items:center}.lb-stats svg{width:24px;height:24px}
.lb-stats>div{display:flex;gap:12px;align-items:center;padding-inline:12px;border-inline-end:1px solid var(--line)}.lb-stats>div:last-child{border:0}
.lb-stats small{display:block;white-space:nowrap;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--muted)}
.lb-stats b{font-size:1.4rem;font-weight:700}
.lb-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px 12px;padding:16px;align-items:center}
.lb-search input[name=q]{grid-column:1/4}.lb-search button{grid-column:4;grid-row:1/3;border-radius:12px;align-self:center}
.lb-search input{background:#1a2333;border:1px solid transparent;color:var(--ink);border-radius:12px;padding:.8em 1em}
.lb-search input:focus{outline:none;border-color:rgba(248,216,16,.6)}
.lb-search .combo{-webkit-appearance:none;appearance:none;padding-inline:.8em 1.8em;font-size:.88rem;background:#1a2333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f9bb0' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7em center/1em}
[dir=rtl] .lb-search .combo{background-position:left .7em center}
.lb-search .combo::-webkit-calendar-picker-indicator{opacity:0}
.lb-search input::placeholder{color:#8f9bb0}
.cb{position:relative;display:block;min-width:0}.cb input{width:100%}
.cb-list{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline:0;margin:0;padding:6px;list-style:none;background:#0c121c;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);max-height:260px;overflow:auto;font-family:var(--mono);font-size:.84rem}
.cb-list li{padding:.55em .75em;border-radius:8px;color:var(--ink);cursor:pointer;letter-spacing:.02em}.cb-list li:hover,.cb-list li.on{background:#1a2333;color:var(--gold)}
.lb-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.lb-head h2{margin:0 0 4px}.lb-head p{margin:0;color:var(--muted)}
.lb-tabs{display:flex;gap:6px;flex-wrap:wrap;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}
.lb-tabs button{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;cursor:pointer;color:#b4bcc8;padding:.6em 1em;border:1px solid transparent;border-radius:3px}.lb-tabs button.on{border-color:var(--gold);color:var(--gold)}.lb-tabs button:hover{color:var(--gold)}
.lb-card[hidden]{display:none}.lb-more{text-align:center;margin:28px 0 0}.lb-feat .lb-more{margin-top:16px}
.lb-msearch{display:none}
.lb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lb-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px;background:#111927;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.lb-card:hover{text-decoration:none;border-color:#3a4a63}
.lb-thumb{position:relative;border-radius:6px;overflow:hidden;background:#1a2333;min-height:150px}
.lb-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.theme-label :is(.lb-thumb img,.mm-thumb img,.card img){filter:brightness(.82) saturate(.92);transition:filter .25s}.theme-label :is(.lb-card,.card):hover img{filter:none}
.lb-thumb .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:8px;font-weight:800;font-size:1rem;color:var(--ink)}
.lb-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.lb-pill{align-self:flex-start;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;padding:.3em .6em;border-radius:3px;background:#1f9d55;color:var(--ink)}
.lb-pill.virgin{background:#2c62e8}.lb-pill.near-prime{background:#b8860b}.lb-pill.waste{background:#55607a}
.lb-card h3{font-size:1rem;margin:0;line-height:1.25}
.lb-spec,.lb-q{margin:0;font-size:.8rem;color:#aab3c2}.lb-spec{font-family:var(--mono);letter-spacing:.02em}.lb-q b{color:var(--ink)}
.lb-ask{margin-top:auto;color:var(--gold);font-weight:700;font-size:.85rem}
@media (max-width:1100px){.lb-dock{grid-template-columns:1fr}.lb-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.lb-photo{width:100%;height:320px;opacity:.75}.lb-photo::after{background:linear-gradient(0deg,#0c121c 5%,rgba(12,18,28,.2) 60%)}.lb-top{padding-top:240px}
  .lb-search{display:none}.lb-msearch{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 22px}.lb-msearch input{background:#1a2333;border:1px solid var(--line);color:var(--ink);border-radius:12px}.lb-msearch .btn{border-radius:12px;padding:.8em 1.2em}.lb-top{padding-top:200px!important}.lb-stats{grid-template-columns:1fr;gap:12px}.lb-stats>div{border:0}.lb-grid{grid-template-columns:1fr}.lb-feats li{border:0;margin-bottom:10px}}

/* Option D scroll reveal (REVEAL_JS): only applies once the script has switched it on. */
.rv-on .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
.rv-on .rw{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.rv-on .rw.in{opacity:1;transform:none}
.lb-photo{will-change:transform}

/* Option D's Products menu: opens under the header on hover, onsiren's Solutions layout. Desktop only. */
.mm{position:absolute;inset-inline:0;top:100%;background:#0a0f18;border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.mm::before{content:"";position:absolute;inset-inline:0;top:-28px;height:28px}
.mm-wrap:hover .mm,.mm-wrap:focus-within .mm{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mm-wrap:hover .mm-link{color:var(--gold)}
header.site .mm-in{display:grid;grid-template-columns:330px 1fr;gap:36px;padding-top:30px;padding-bottom:36px}
.mm-cats{display:grid;gap:8px;align-content:start}
.mm-cat{position:relative;display:block;padding:16px 44px 16px 18px;border-radius:16px;border:1px solid transparent;background:#101722;color:var(--ink)!important}
.mm-cat.on{border-color:#2c3a50;background:#141d2b}.mm-cat:hover{text-decoration:none}
.mm-t{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:600}
.mm-t em{font-style:normal;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--gold);background:rgba(248,216,16,.12);padding:.2em .6em;border-radius:999px}
.mm-s{display:block;color:var(--muted);font-size:.9rem;font-weight:400;margin-top:2px}
.mm-arr{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);color:var(--muted);opacity:0;transition:opacity .15s}.mm-cat.on .mm-arr{opacity:1}
[dir=rtl] .mm-arr{transform:translateY(-50%) scaleX(-1)}
.mm-cats{grid-column:1;grid-row:1}.mm-pane{grid-column:2;grid-row:1;min-width:0;align-self:start;transition:opacity .18s}.mm-pane[hidden]{display:block;visibility:hidden;opacity:0}
.mm-eye{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--muted);margin:0 0 8px}
.mm-mid h3{font-size:1.9rem;font-weight:700;margin:0 0 6px;color:var(--ink)}.mm-lead{color:#b4bcc8;margin:0 0 20px}
.mm-lots{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.mm-lot{display:flex;gap:14px;align-items:flex-start;color:var(--ink)!important;font-weight:400!important}.mm-lot:hover{text-decoration:none}.mm-lot:hover b{color:var(--gold)}
.mm-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #2c3a50;border-radius:12px;background:#101722}
.mm-ic svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.6}
.mm-lot b{display:block;font-weight:600;font-size:.95rem;line-height:1.3;transition:color .15s}.mm-lot small{display:block;color:var(--muted);font-size:.82rem}
.mm-links{display:flex;gap:28px;margin:24px 0 0}.mm-links a{color:var(--gold)!important;font-weight:600!important}
.mm-pic{display:block;color:var(--ink)!important}.mm-pic span{display:block;margin-top:10px;font-weight:600;font-size:.9rem}
.mm-thumb{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#1a2333}
.mm-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm-thumb .ph{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:var(--ink);text-align:center;padding:12px}
@media (min-width:901px){.theme-label nav.main{position:static}}
[dir=rtl] :is(.mm-links a,.lb-ask,.lb-more a,.btn-sq) > span[aria-hidden]{display:inline-block;transform:scaleX(-1)}
@media (max-width:900px){.mm{display:none}.mm-wrap{display:contents}}
/* About's small dropdown (Who we are, Affiliates, Media gallery, Publications). On phones the links sit under About in the menu. */
.dd-wrap{position:relative;display:flex;align-items:center}
.dd{position:absolute;top:calc(100% + 14px);inset-inline-start:-18px;min-width:230px;list-style:none;margin:0;padding:10px;background:#0a0f18;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:30}
.dd::before{content:"";position:absolute;inset-inline:0;top:-16px;height:16px}
.dd a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink)!important;font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.dd a:hover{background:#141d2b;color:var(--gold)!important;text-decoration:none}
.dd-wrap:hover .dd,.dd-wrap:focus-within .dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dd-wrap:hover .dd-link{color:var(--gold)}
@media (max-width:900px){.dd-wrap{display:block}.dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 0 14px;min-width:0}.dd::before{display:none}.dd li:first-child{display:none}.dd a{padding:8px 0;font-size:.72rem;color:var(--muted)!important}}
/* About sub-pages */
.af-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:40px;background:#101722}
.af-mark{display:grid;place-items:center;aspect-ratio:4/3;border-radius:16px;background:radial-gradient(circle at 30% 30%,rgba(120,200,120,.18),transparent 60%),#0c121c;font:700 clamp(2.4rem,5vw,4rem)/1 var(--mono);color:#7cc47c;letter-spacing:-.04em}
.af-card h2{margin:6px 0 12px}.af-card p{color:#b4bcc8;line-height:1.7}
.af-card .btn{margin-top:18px}
.ga-grid{columns:3 280px;column-gap:16px}
.ga-grid figure{break-inside:avoid;margin:0 0 16px;border-radius:16px;overflow:hidden;background:#101722;border:1px solid var(--line)}
.ga-grid img{display:block;width:100%;height:auto}
.ga-grid figcaption{padding:12px 14px;font-size:.88rem;color:#b4bcc8}.ga-grid figcaption b{display:block;color:var(--ink);font-weight:600}
.pu-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pu-list li{display:flex;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.pu-list .pu-d{flex:none;width:120px;font:600 .78rem var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.prose.legal h2{font-size:1.25rem;margin:32px 0 8px}
.ds-find{margin-top:18px;width:min(460px,100%);padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#0f1724;color:var(--ink);font:inherit}
.ds-group{margin-bottom:28px}.ds-group h2{font-size:1.1rem;margin:0 0 8px}.ds-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ds-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.ds-row>a:first-child{flex:1;display:flex;gap:16px;align-items:baseline;padding:14px 0;color:var(--ink);text-decoration:none}
.ds-row>a:first-child span{color:var(--muted);font:500 .75rem var(--mono);letter-spacing:.06em}.ds-row>a:first-child:hover b{color:var(--gold)}
.ds-pdf{font:600 .78rem var(--mono);color:var(--gold);text-decoration:none;white-space:nowrap}
.ds-view{width:100%;height:min(80vh,900px);border:1px solid var(--line);border-radius:10px;background:#fff}
.lot-ds{display:inline-block;margin:10px 0 0;font:600 .8rem var(--mono);color:var(--gold)}
@media (max-width:700px){.ds-row>a:first-child{flex-direction:column;gap:2px}.ds-view{height:60vh}}
.show-book{display:inline-block;margin-top:10px;font:600 .78rem var(--mono);letter-spacing:.06em;color:var(--gold);text-decoration:none}.show-book:hover{text-decoration:underline}
.mn .sec-head p{margin:6px 0 0}@media (max-width:760px){.mn .pu-list .pu-d{width:100%}.mn .pu-list .btn{display:none}}.mn-src{display:block;margin-bottom:4px;font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.pu-list h3 a{color:inherit;text-decoration:none}.pu-list h3 a:hover{color:var(--gold)}
.pu-list h3{margin:0 0 4px;font-size:1.1rem}.pu-list p{margin:0;color:#b4bcc8}.pu-list div{flex:1}
.ab-empty{border:1px dashed var(--line);border-radius:18px;padding:48px 24px;text-align:center;color:var(--muted)}
@media (max-width:760px){.af-card{grid-template-columns:1fr;padding:24px;gap:24px}.pu-list li{flex-wrap:wrap;gap:8px}.pu-list .pu-d{width:auto}}

/* Option D: WhatsApp is the main call to action (the chatbot takes the details). */
header.site .btn-wa{background:#25d366;color:#06240f!important;border-radius:999px;padding:.45em 1em;font-size:.86rem;font-weight:700!important;gap:.4em}header.site .btn-wa:hover{background:#3be37a}
/* "Search online. Buy offline.": five numbered steps on a rail. */
.lb-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;color:var(--gold);margin:0 0 10px}
.hw-steps{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}
.hw-steps li{position:relative;padding:22px 20px 24px;border:1px solid var(--line);border-radius:16px;background:#101722}
.hw-steps li::after{content:"";position:absolute;top:40px;inset-inline-end:-19px;width:18px;height:1px;background:var(--gold)}.hw-steps li:last-child::after{display:none}
.hw-n{font-family:var(--mono);color:var(--gold);font-size:.85rem;letter-spacing:.12em}
.hw-steps h3{margin:12px 0 6px;font-size:1.05rem}.hw-steps p{margin:0;color:var(--muted);font-size:.92rem}
/* "What sets us apart": six cards, alternating yellow. */
.apart .sec-head{justify-content:center;text-align:center}
.apart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* Quality assurance & shipping (Sumair, 27 Oct): guarantee on the left, the four steps play in down a rail on the right */
.qa-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.qa-head h2{margin:6px 0 22px}
.qa-guar{border:1px solid var(--gold);border-radius:14px;padding:22px 24px;background:rgba(248,216,16,.06)}
.qa-guar b{display:block;font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.qa-guar p{margin:0;line-height:1.65;color:#c8ced8}
.qa-steps{list-style:none;margin:0;padding:0;position:relative}
.qa-steps::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:21px;width:1px;background:var(--line)}
.qa-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:0 0 26px}
.qa-step:last-child{padding-bottom:0}
.qa-n{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#111927;border:1px solid var(--gold);color:var(--gold);font:700 .85rem/1 var(--mono)}
.qa-step h3{margin:9px 0 8px;font-size:1.08rem}
.qa-step ul{margin:0;padding-inline-start:18px;color:#b4bcc8;font-size:.9rem;line-height:1.6}.qa-step ul li{margin-bottom:4px}.qa-step ul li::marker{color:var(--gold)}
.st-on .sc-pin .qa-step{--l:clamp(0, calc(var(--p,1) * 6 - var(--i,0) + .3), 1);opacity:calc(.15 + var(--l) * .85);transform:translateY(calc((1 - var(--l)) * 30px))}
.st-on .sc-pin .qa-step .qa-n{background:color-mix(in srgb,var(--gold) calc(var(--l) * 100%),#111927);color:color-mix(in srgb,#0c121c calc(var(--l) * 100%),var(--gold))}
@media (max-width:900px){.qa-grid{grid-template-columns:1fr;gap:32px}}
.apart-card{padding:30px 28px;border-radius:16px;background:#111927;border:1px solid var(--line)}
.apart-card h3{font-size:1.2rem;margin:0 0 10px}.apart-card p{margin:0;color:#c8ced8}
.apart-card.hi{background:var(--gold);border-color:var(--gold);color:#0c121c}.apart-card.hi p{color:#2a2a10}
@media (max-width:1000px){.hw-steps{grid-template-columns:1fr 1fr}.hw-steps li::after{display:none}.apart-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hw-steps,.apart-grid{grid-template-columns:1fr}}

/* Option D pinned story. Without .st-on (no JS or reduced motion) it is a plain list. */
.story{position:relative;padding:72px 0}.story h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 12px}
.st-lead{color:var(--muted);max-width:34em;margin:0 0 26px}
.st-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.st-step h3{margin:6px 0 6px;font-size:1.15rem}.st-step p{margin:0;color:#b4bcc8;max-width:30em}
.st-deck,.st-rail{display:none}
.st-on .story{height:calc(var(--n) * 85vh + 100vh);padding:0}
.st-on .st-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;transform-origin:50% 100%;will-change:transform}
.st-on .st-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:100%}
.st-on .st-copy{position:relative;padding-inline-start:34px}
.st-on .st-steps{position:relative;display:block;min-height:10.5em}
.st-on .st-step{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.st-on .st-step.on{opacity:1;transform:none;pointer-events:auto}
.st-on .st-step h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}
.st-on .st-rail{display:block;position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:2px;background:var(--line)}
.st-fill{position:absolute;inset:0;background:var(--gold);transform-origin:top;transform:scaleY(0)}
.st-rail b{position:absolute;inset-inline-start:-4px;width:10px;height:10px;border-radius:50%;background:#0c121c;border:2px solid var(--line);transition:background .3s,border-color .3s}
.st-rail b:nth-of-type(1){top:0}.st-rail b:nth-of-type(2){top:25%}.st-rail b:nth-of-type(3){top:50%}.st-rail b:nth-of-type(4){top:75%}.st-rail b:nth-of-type(5){top:calc(100% - 10px)}
.st-rail b.on{background:var(--gold);border-color:var(--gold)}
.st-on .st-deck{display:block;position:relative;height:min(62vh,520px)}
.st-card{position:absolute;inset:0;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,#152033,#0e1520);padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 60px rgba(0,0,0,.45);will-change:transform,filter;color:var(--ink)}
.st-card:nth-child(odd){background:linear-gradient(160deg,#1b2638,#101826)}
.st-card:nth-child(3){background:var(--gold);color:#0c121c;border-color:var(--gold)}
.st-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;opacity:.85}
.st-ic{width:min(34%,170px);height:auto;align-self:center;color:var(--gold)}.st-card:nth-child(3) .st-ic{color:#0c121c}
.st-big{font-family:var(--mono);font-size:clamp(4rem,9vw,7.5rem);line-height:.85;font-weight:700;letter-spacing:-.04em;align-self:flex-end;opacity:.9}
.theme-label .apart{position:relative;z-index:3;background:#0f1724;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.5)}
.st-on .theme-label .apart,.st-on .apart{margin-top:-28vh}
@media (max-width:860px){
  .st-on .story{height:calc(var(--n) * 75vh + 100vh)}
  .st-on .st-grid{grid-template-columns:1fr;gap:22px}
  .st-on .st-deck{order:-1;height:34vh}
  .st-on .st-lead{display:none}.st-on .story h2{font-size:1.4rem}
  .st-on .st-steps{min-height:9em}.st-card{padding:20px}.st-big{font-size:3.4rem}
}

/* Option D whole-page scroll story. SCROLL_JS sets .st-on and the --p/--e/--q vars; without it every section is static. */
.st-on .lb-hero{height:200vh;padding:0;overflow:visible}
.st-on .lb-pinbox{position:sticky;top:0;height:100vh;overflow:hidden;transform-origin:50% 100%}
.st-on .lb-hero .lb-top{transform:translateY(calc(var(--q,0) * -80px))}
.st-on .lb-rest{position:relative;z-index:4;margin-top:-100vh;padding-top:44px;background:#0f1724;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.5)}
.st-on .sc-enter>.wrap{transform:translateY(calc((1 - var(--e,1)) * 110px)) scale(calc(.93 + var(--e,1) * .07));opacity:calc(.15 + var(--e,1) * .85);transform-origin:50% 0}
.st-on .sc-enter .split>.panel:first-child{transform:translateX(calc((1 - var(--e,1)) * -16%))}.st-on .sc-enter .split>.panel:last-child{transform:translateX(calc((1 - var(--e,1)) * 16%))}
/* What we supply: the four boxes are dealt in one after another as the section comes up. */
.cat-n{position:absolute;top:18px;inset-inline-start:22px;font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;opacity:.8}
.st-on .sc-cats .cat{--c:clamp(0, calc((var(--e,1) - var(--i) * .12) / .64), 1);opacity:var(--c);transform:translateY(calc((1 - var(--c)) * 160px)) rotate(calc((1 - var(--c)) * -4deg))}
/* Frozen sections: the section stays on screen while the scroll plays its contents in (--p), then moves on. */
.st-on .sc-pin{padding:0;height:200vh}
.st-on .pin-in{position:sticky;top:0;height:100vh;padding-top:64px;box-sizing:border-box;display:flex;align-items:center;overflow:hidden}
.st-on .pin-in>.wrap{width:100%;position:relative;z-index:1}
.st-on .sc-pin .want{--l:clamp(0, calc(var(--p,1) * 6 - var(--i,0) + .4), 1);opacity:calc(.12 + var(--l) * .88);transform:translateX(calc((1 - var(--l)) * 70px))}
[dir=rtl] .st-on .sc-pin .want{transform:translateX(calc((1 - var(--l)) * -70px))}
.sc-pin .want:nth-child(2){--i:1}.sc-pin .want:nth-child(3){--i:2}.sc-pin .want:nth-child(4){--i:3}
.st-on :is(.apart,.qa).sc-pin{height:230vh}
.st-on .sc-pin .apart-card{--l:clamp(0, calc(var(--p,1) * 8 - var(--i,0) + .3), 1);opacity:calc(.15 + var(--l) * .85);transform:translateY(calc((1 - var(--l)) * 40px)) scale(calc(.95 + var(--l) * .05))}
.st-on .sc-pin.live .apart-card.hi{box-shadow:0 0 calc(var(--l) * 48px) rgba(248,216,16,.22)}
/* What sets us apart: a soft sunrise behind the cards. It fades in when the section freezes, rises and warms as the
   cards light up (--p), and fades away gently when the section moves on. */
.sun{display:none}
.st-on .sun{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s ease}
.st-on .live .sun{opacity:1}
.sun .glow{position:absolute;left:50%;top:calc(62% - var(--p,0) * 30%);width:min(120vw,1500px);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.75 + var(--p,0) * .35));border-radius:50%;background:radial-gradient(closest-side,rgba(248,216,16,.20),rgba(248,190,60,.09) 45%,rgba(248,190,60,.03) 70%,transparent)}
.sun .rays{position:absolute;left:50%;top:calc(62% - var(--p,0) * 30%);width:min(160vw,2000px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,230,140,.028) 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 5%,transparent 60%);mask:radial-gradient(closest-side,#000 5%,transparent 60%);animation:sunspin 90s linear infinite}
@keyframes sunspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.st-on .sc-pin .apart-card{transition:box-shadow .6s}
.st-on .live .apart-card{box-shadow:0 0 calc(var(--l) * 40px) rgba(248,216,16,calc(var(--l) * .12))}
@media (max-width:760px){
  .st-on .lb-hero{height:auto}.st-on .lb-pinbox{position:relative;height:auto;overflow:visible}
  .st-on .lb-hero .lb-top{transform:none}.st-on .lb-rest{margin-top:0;border-radius:22px 22px 0 0}
  .st-on .sc-pin,.st-on :is(.apart,.qa).sc-pin{height:auto;--p:1!important;padding:56px 0}.st-on .pin-in{position:relative;height:auto;display:block;padding-top:0}
}

/* Option D featured stock: a list in slides of 6 (FEATURE_JS). */
.lb-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--muted);padding:6px 0 14px;border-bottom:1px solid var(--line)}
.lb-bar b{color:var(--ink);font-weight:600}.lb-ready{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}
.lb-list{display:grid}
.lb-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .2s}
.lb-row[hidden]{display:none}.lb-row:hover{text-decoration:none;background:rgba(255,255,255,.025)}.lb-row:hover h3{color:var(--gold)}
.lb-row .lb-thumb{min-height:0;width:56px;height:56px;border-radius:7px}.lb-row .lb-thumb .ph{font-size:.62rem;padding:4px;overflow-wrap:anywhere;line-height:1.2}
.lb-row .lb-body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center}.lb-row .lb-pill{align-self:center}.lb-row .lb-spec{grid-column:1 / -1}.lb-row h3{font-size:1rem;margin:0;line-height:1.3;transition:color .2s}
.lb-row .lb-spec{font-size:.8rem}
.lb-end{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.lb-end b{font-family:var(--mono);font-size:1.05rem}
.lb-row .lb-ask{margin:0;font-size:.82rem}
.lb-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;font-family:var(--mono);font-size:.8rem;color:var(--muted)}
.lb-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#111927;color:var(--ink);font-size:1.1rem;cursor:pointer;transition:border-color .2s,color .2s}
.lb-nav button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.lb-nav button:disabled{opacity:.35;cursor:default}
[dir=rtl] .lb-nav button{transform:scaleX(-1)}
.lb-dots{display:flex;gap:6px}.lb-dots i{width:18px;height:3px;border-radius:2px;background:var(--line);transition:background .25s,width .25s}.lb-dots i.on{background:var(--gold);width:30px}
@media (max-width:640px){.lb-row{grid-template-columns:60px minmax(0,1fr);gap:14px}.lb-row .lb-thumb{width:60px;height:60px}.lb-end{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center}.lb-dots{display:none}}

/* Option D products list (/products, /products/{shelf}) and lot page. */
.pl-head{padding:56px 0 8px}.pl-head h1{font-size:clamp(1.9rem,4vw,3rem);margin:0 0 10px}.pl-head p:last-child{color:var(--muted);max-width:46em;margin:0}
.pl{padding-bottom:80px}
.lb-tabs a{color:#b4bcc8;padding:.6em 1em;border:1px solid transparent;border-radius:3px}.lb-tabs a.on{border-color:var(--gold);color:var(--gold)}.lb-tabs a:hover{color:var(--gold);text-decoration:none}
.lb-tabs a em{font-style:normal;opacity:.6;margin-inline-start:.3em}
.pl-tabs{margin:26px 0 18px}
.lb-search.pl-search{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;margin-bottom:26px}
.pl-search input[name=q]{grid-column:auto}.pl-search button{grid-column:auto;grid-row:auto}
.pl .lb-row{padding:12px 4px}.pl .lb-row .lb-thumb{width:68px;height:68px}.pl .lb-row{grid-template-columns:68px minmax(0,1fr) auto}
.pl-pager{margin-top:28px}
.pl-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#111927;color:var(--ink);font-size:1.1rem}
a.pl-btn:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}.pl-btn.off{opacity:.35}
[dir=rtl] .pl-btn{transform:scaleX(-1)}
.pl-none{margin-top:20px}
.crumbs{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;font-family:var(--mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:34px 0 22px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--gold);text-decoration:none}.crumbs i{font-style:normal;color:var(--gold)}.crumbs span{color:var(--ink)}
.lot-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding-bottom:64px;align-items:start}
/* Product photo watermark (Sumair, 27 Oct): site address across the centre, hidden on tiny thumbnails */
.wm{container-type:inline-size}
.wm::after{content:"www.polymerinstock.com";position:absolute;inset:0;display:grid;place-items:center;font:400 4.2cqw/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;color:rgba(255,255,255,.16);white-space:nowrap;pointer-events:none;z-index:1}
@container (max-width:140px){.wm::after{display:none}}
.lot-gal{position:sticky;top:100px}
.lot-main{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#111927;border:1px solid var(--line)}
.lot-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lot-main .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:clamp(1.6rem,4vw,3rem);color:var(--ink)}
.lot-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.lot-thumbs button{flex:0 0 auto;width:78px;height:60px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.lot-thumbs button.on,.lot-thumbs button:hover{opacity:1;border-color:var(--gold)}.lot-thumbs img{width:100%;height:100%;object-fit:cover}
/* Lot photo zoom (full-screen dialog, click to magnify) and the Share popover (Sumair, 27 Oct) */
.lot-main[role=button]{cursor:zoom-in}
.lot-zoom-ic{position:absolute;inset-inline-end:12px;bottom:12px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(12,18,28,.72);color:#fff;border:1px solid rgba(255,255,255,.18);transition:background .2s,color .2s}
.lot-zoom-ic svg{width:18px;height:18px}.lot-main:hover .lot-zoom-ic{background:var(--gold);color:#0c121c}
.lot-zoom{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(6,10,16,.96);color:#fff}
.lot-zoom::backdrop{background:rgba(6,10,16,.9)}
.lz-stage{position:absolute;inset:56px 72px;overflow:hidden;display:grid;place-items:center;cursor:zoom-in}
.lz-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s ease;user-select:none}
.lz-stage.zoomed{cursor:zoom-out}.lz-stage.zoomed img{transform:scale(2.4)}
.lz-x{position:absolute;top:12px;inset-inline-end:16px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.lz-x:hover{background:var(--gold);color:#0c121c}
.lz-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(12,18,28,.6);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.lz-nav:hover{border-color:var(--gold);color:var(--gold)}
.lz-prev{inset-inline-start:14px}.lz-next{inset-inline-end:14px}
.lz-hint{position:absolute;bottom:14px;left:0;right:0;margin:0;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
@media (max-width:640px){.lz-stage{inset:60px 8px 44px}.lz-nav{top:auto;bottom:6px;transform:none;width:40px;height:40px}}
.share{position:relative}
.lot-info .share .share-btn,.lot-info .share .share-btn:hover{display:inline-flex;align-items:center;gap:.55em;background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.35)}.lot-info .share .share-btn:hover,.lot-info .share .share-btn[aria-expanded=true]{border-color:var(--ink)}.share-btn svg{width:16px;height:16px}
.share-pop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:20;min-width:230px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#111927;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.share-pop[hidden]{display:none}
.share-pop :is(button,a){display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:none;color:var(--ink);font:inherit;font-size:.88rem;text-align:start;text-decoration:none;cursor:pointer}
.share-pop :is(button,a):hover{background:rgba(255,255,255,.06);color:var(--gold)}
.share-pop svg{width:18px;height:18px;flex:none}.share-wa svg{color:#25d366}
/* Footer: Follow us */
.follow{margin-top:22px}.follow h3{margin-bottom:10px}
.follow-ic{display:flex;gap:10px}
.follow-ic a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:color .2s,border-color .2s,background .2s}
.follow-ic a:hover{color:#0c121c;background:var(--gold);border-color:var(--gold)}.follow-ic svg{width:18px;height:18px}
/* Mockups for review (Sell to us + supplier registration, 27 Oct) */
.sp-hero{padding-top:56px}
.sp-h1{margin:8px 0 18px;max-width:20em}.sp-h1 em{font-style:normal;color:var(--gold);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.sp-lead{font-size:clamp(1rem,1.6vw,1.25rem);color:#b4bcc8;margin:0 0 34px}
/* About (27 Oct) */
.ab-head h1 em{font-style:normal;color:var(--gold)}.ab-head p:last-child{max-width:44em}
.ab-nums{padding-top:0;padding-bottom:0}
.ab-stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ab-stats>div{padding:26px 22px;border-inline-start:1px solid var(--line)}.ab-stats>div:first-child{border-inline-start:0}
.ab-stats b{display:block;font:600 clamp(1.6rem,3vw,2.4rem)/1 var(--mono);color:var(--gold);letter-spacing:-.03em}
.ab-stats span{display:block;margin-top:10px;font:500 .74rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#b4bcc8}
.ab-story{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}.ab-story-h{position:sticky;top:110px}
.ab-time{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}
.ab-time li{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:0;padding-inline-start:26px;padding-bottom:34px;position:relative}
.ab-time li::before{content:"";position:absolute;inset-inline-start:-5px;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(248,216,16,.15)}
.ab-time li:last-child{padding-bottom:0}
.ab-y{font:700 1rem var(--mono);color:var(--gold);padding-top:.1em}.ab-time h3{margin:0 0 6px;font-size:1.05rem}.ab-time p{margin:0;color:#b4bcc8}
.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-team-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.ab-hint{color:var(--gold)}
.team-strip{display:flex;gap:6px;height:min(520px,62vh)}
.tm{position:relative;flex:1;min-width:0;margin:0;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#1b2433,#0f1622);transition:flex .55s cubic-bezier(.2,.7,.2,1);cursor:default;outline:none}
.tm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(.55) brightness(.78);transition:filter .5s,transform .8s}
.tm-mono{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(1.1rem,2vw,2.6rem) var(--mono);color:rgba(214,218,225,.22);letter-spacing:.05em}
.tm figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 18px;background:linear-gradient(0deg,rgba(8,12,18,.92),rgba(8,12,18,0));opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.tm figcaption b{display:block;color:var(--ink);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm figcaption span{display:block;margin-top:4px;font:500 .7rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.team-strip:hover .tm,.team-strip:focus-within .tm{flex:.8}
.team-strip .tm:hover,.team-strip .tm:focus{flex:4}
.tm:hover img,.tm:focus img{filter:none;transform:scale(1.03)}.tm:hover figcaption,.tm:focus figcaption{opacity:1;transform:none}
.tm:hover .tm-mono,.tm:focus .tm-mono{color:rgba(248,216,16,.45)}
@media (hover:none){.tm figcaption{opacity:1;transform:none}.tm img{filter:none}}
@media (max-width:1100px){.team-strip{display:grid;grid-template-columns:repeat(4,1fr);height:auto}.tm{aspect-ratio:3/4}}
@media (max-width:900px){.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-stats>div{border-inline-start:0;border-top:1px solid var(--line)}.ab-stats>div:nth-child(-n+2){border-top:0}.ab-stats>div:nth-child(2n){border-inline-start:1px solid var(--line)}
  .ab-story{grid-template-columns:1fr;gap:20px}.ab-story-h{position:static}.ab-values{grid-template-columns:1fr 1fr}
  .team-strip{display:grid;grid-template-columns:1fr 1fr;height:auto}.tm{aspect-ratio:3/4}.ab-hint{display:none}}
@media (max-width:560px){.ab-values{grid-template-columns:1fr}.ab-time li{grid-template-columns:1fr;gap:4px}}
/* About as a scroll story: the timeline freezes and plays one milestone at a time (--p from SCROLL_JS, --i per milestone). */
.ab-years{display:none}
.ab-link{display:inline-block;margin-top:14px;font:600 .8rem var(--mono);letter-spacing:.08em;color:var(--gold);text-decoration:none;border-bottom:1px solid currentColor}.ab-link:hover{opacity:.8}
.st-on .ab-story-sec.sc-pin{height:calc(var(--n,8) * 60vh)}
.st-on .ab-story-sec .ab-story-h{position:static}
.st-on .ab-years{display:grid;gap:6px;list-style:none;margin:26px 0 0;padding:0;font:600 .85rem var(--mono);letter-spacing:.08em}
.st-on .ab-years li{--d:calc(var(--p,0) * (var(--n,8) - 1) - var(--i));--a:max(var(--d),calc(var(--d) * -1));--on:clamp(0,calc(1 - var(--a) * 2),1);
  color:color-mix(in srgb,var(--gold) calc(var(--on) * 100%),#566173);padding-inline-start:calc(var(--on) * 14px);border-inline-start:2px solid color-mix(in srgb,var(--gold) calc(var(--on) * 100%),transparent)}
.st-on .ab-story-sec .ab-time{position:relative;border:0;min-height:min(62vh,520px)}
.st-on .ab-story-sec .ab-time li{--d:calc(var(--p,0) * (var(--n,8) - 1) - var(--i));--a:max(var(--d),calc(var(--d) * -1));
  position:absolute;inset:0;display:block;padding:0;opacity:clamp(0,calc(1 - var(--a) * 1.7),1);transform:translateY(calc(var(--d) * -70px))}
.st-on .ab-story-sec .ab-time li::before{display:none}
.st-on .ab-story-sec .ab-y{display:block;font:700 clamp(4rem,11vw,9rem)/.9 var(--mono);letter-spacing:-.05em;margin-bottom:22px;color:var(--gold)}
.st-on .ab-story-sec .ab-time h3{font-size:clamp(1.3rem,2.4vw,1.9rem);margin-bottom:12px}
.st-on .ab-story-sec .ab-time p{font-size:1.05rem;line-height:1.7;max-width:36em}
.st-on .ab-vals.sc-pin{height:200vh}
@media (max-width:760px){
  .st-on .ab-story-sec.sc-pin,.st-on .ab-vals.sc-pin{height:auto}.st-on .ab-years{display:none}
  .st-on .ab-story-sec .ab-time{min-height:0;border-inline-start:1px solid var(--line)}
  .st-on .ab-story-sec .ab-time li{position:relative;opacity:1;transform:none;padding-inline-start:26px;padding-bottom:30px}.st-on .ab-story-sec .ab-time li::before{display:block}
  .st-on .ab-story-sec .ab-y{font-size:1rem;margin-bottom:4px;letter-spacing:0}.st-on .ab-story-sec .ab-time h3{font-size:1.05rem}.st-on .ab-story-sec .ab-time p{font-size:inherit}
}
.sp-call{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:36px}
.sp-call h2{margin:6px 0 12px}.sp-call p{color:#b4bcc8}.sp-call-form{display:grid;gap:14px}.sp-call-form .btn{justify-self:start}
#call-me{scroll-margin-top:90px}
@media (max-width:900px){.sp-call{grid-template-columns:1fr;gap:24px;padding:22px}}
.sp-quick{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;margin:-10px 0 40px}.sp-quick .note{flex-basis:100%;margin:0}
.sp-quick .sp-reg{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.35)}.sp-quick .sp-reg:hover{border-color:var(--gold);color:var(--gold)}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-card{position:relative;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:#111927;transition:border-color .2s,transform .2s}
.sp-card:hover{border-color:rgba(248,216,16,.5);transform:translateY(-2px)}
.sp-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:rgba(248,216,16,.1);color:var(--gold);margin-bottom:22px}.sp-ic svg{width:32px;height:32px}
.sp-n{position:absolute;top:22px;inset-inline-end:22px;font:600 .72rem var(--mono);letter-spacing:.14em;color:var(--muted)}
.sp-card h3{margin:0 0 8px;font-size:1.1rem}.sp-card p{margin:0;color:#b4bcc8;line-height:1.6;font-size:.92rem}
.sp-cta{background:var(--gold);border-color:var(--gold);color:#0c121c;display:flex;flex-direction:column;justify-content:center}
.sp-cta h3{font-size:1.6rem;margin-bottom:10px}.sp-cta p{color:#2a2a10;margin-bottom:20px}
.btn.sp-dark{background:#0c121c;color:#fff;border-radius:6px;padding:.95em 1.3em;font-weight:700;justify-content:space-between}.btn.sp-dark:hover{background:#000}
.sp-how h2{margin-bottom:26px}
.sp-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.sp-steps li{display:grid;gap:14px}.sp-steps h3{margin:0 0 6px;font-size:1.02rem}.sp-steps p{margin:0;color:#b4bcc8;font-size:.9rem;line-height:1.6}
@media (max-width:900px){.sp-grid{grid-template-columns:1fr 1fr}.sp-steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sp-grid,.sp-steps{grid-template-columns:1fr}}
.rg-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}
.rg-rail{position:sticky;top:100px;display:grid;gap:4px}
.rg-rail a{transition:background .2s,color .2s;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:600}
.rg-rail a span{font:600 .72rem var(--mono);color:var(--muted);transition:color .2s}.rg-rail a.on,.rg-rail a:hover{background:#111927;color:var(--ink)}.rg-rail a.on span{color:var(--gold)}.rg-rail a.on{box-shadow:inset 2px 0 0 var(--gold)}.rg-form fieldset{scroll-margin-top:110px}
.rg-form{max-width:780px;gap:26px!important}
.rg-form fieldset{border:1px solid var(--line);border-radius:14px;padding:22px 24px 26px;margin:0;display:grid;gap:14px;background:#111927;scroll-margin-top:100px}
.rg-form legend{padding:0 8px;font-weight:800;font-size:1.05rem;color:var(--ink)}.rg-form legend span{font:600 .75rem var(--mono);color:var(--gold);margin-inline-end:6px}
.rg-form label,.rg-group>span{color:#c8ced8}
.rg-group{display:grid;gap:8px}.rg-group>span{font-size:.85rem;font-weight:700}
.rg-chips{display:flex;flex-wrap:wrap;gap:8px}
.rg-chips label{display:block!important;cursor:pointer}.rg-chips input{position:absolute;opacity:0;pointer-events:none}
.rg-chips span{display:inline-block;padding:.5em .9em;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.85rem;color:var(--ink);transition:all .15s}
.rg-chips label:hover span{border-color:rgba(248,216,16,.6)}.rg-chips input:checked+span{background:var(--gold);border-color:var(--gold);color:#0c121c}
.rg-drops{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rg-drop{position:relative;display:grid!important;gap:6px;justify-items:start;padding:18px;border:1.5px dashed rgba(255,255,255,.22);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}
.rg-drop:hover{border-color:var(--gold);background:rgba(248,216,16,.04)}
.rg-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rg-drop-ic{color:var(--gold)}.rg-drop-ic svg{width:26px;height:26px}
.rg-drop b{color:var(--ink);font-size:.95rem}.rg-drop b i{color:var(--gold);font-style:normal}.rg-drop small{color:var(--muted);font-weight:400;line-height:1.45}
.rg-drop-btn{margin-top:6px;font:600 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.rg-before-wrap{padding-bottom:0}
.rg-before{display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:28px 32px}
.rg-before h2{font-size:1.15rem;margin:0 0 8px}.rg-before .note{margin:0 0 14px}
.rg-need,.rg-next{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rg-need li{padding-left:22px;position:relative;color:#b4bcc8;font-size:.9rem;line-height:1.5}.rg-need li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--gold);border-radius:2px}
.rg-need b,.rg-next b{display:block;color:var(--ink);font-size:.95rem}
.rg-next li{display:flex;gap:14px;color:#b4bcc8;font-size:.9rem;line-height:1.5}.rg-next li>span{flex:none;font:700 .8rem var(--mono);color:var(--gold);padding-top:.2em}
@media (max-width:900px){.rg-before{grid-template-columns:1fr;gap:28px;padding:22px}}
.rg-drop-n{font:600 .74rem var(--mono);color:#25d366}.rg-drop-n:empty{display:none}
.form-err{margin:0;border:1px solid rgba(242,129,122,.6);background:rgba(242,129,122,.08);color:#f6a39d;border-radius:10px;padding:12px 14px;font-size:.9rem}.form-err[hidden]{display:none}
.otp-digits input:disabled{opacity:.5}.sc-portal .rg-done{margin-bottom:24px}
.sc-top form .sc-out{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.35)}.sc-top form .sc-out:hover{border-color:var(--gold);color:var(--gold)}
.rg-yn{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.rg-yn>span{font-weight:600;color:var(--ink)}.rg-yn>div{display:flex;gap:8px}
.rg-yn label{display:flex!important;align-items:center;gap:6px;padding:.4em .9em;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.85rem}
.rg-yn label:has(input:checked){border-color:var(--gold);color:var(--gold)}
.rg-agree{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;margin-top:6px}.rg-agree input{margin-top:3px;width:auto}
.rg-submit{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.rg-done{border:1px solid var(--gold);border-radius:12px;padding:16px 18px;color:var(--ink)}
.sp-signin{margin-top:14px;color:#0c121c;font-weight:700;font-size:.88rem;text-decoration:underline;text-underline-offset:3px}
.otp{display:grid;gap:8px}.otp-l{font-size:.85rem;font-weight:700;color:#c8ced8}
.otp-row{display:flex;gap:10px;align-items:center}.otp-row input{flex:1;min-width:0}.otp-row .btn{white-space:nowrap;padding:.8em 1.1em}
.otp-ok{color:#25d366;font-weight:700;white-space:nowrap}
.otp [hidden],.sc-card[hidden],.sc-portal[hidden]{display:none!important}
.otp .otp-send,.otp .otp-send:hover{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.35)}.otp .otp-send:hover{border-color:var(--gold);color:var(--gold)}
.otp-code{display:grid;gap:8px}.otp-code[hidden]{display:none}
.otp-digits{display:flex;gap:8px}.otp-digits input{width:48px;height:56px;text-align:center;font:700 1.4rem var(--mono);padding:0;border-radius:10px}
.otp-digits input:focus{outline:2px solid var(--gold);outline-offset:1px}
.sc-signin{padding-top:56px}
.sc-card{max-width:520px;display:grid;gap:16px;padding:32px;border:1px solid var(--line);border-radius:16px;background:#111927}.sc-card h1{margin:0}.sc-card p{margin:0}
.sc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.sc-top h1{margin:6px 0 0}
.sc-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.sc-add{padding:24px;border:1px solid var(--line);border-radius:14px;background:#111927}.sc-add h2,.sc-list h2{margin:0 0 4px;font-size:1.2rem}
.sc-add label{color:#c8ced8}
.sc-list{display:grid;gap:10px}
.sc-offer{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px}
.sc-offer b{display:block;color:var(--ink)}.sc-offer span{display:block;color:#b4bcc8;font-size:.85rem;margin-top:3px}.sc-offer small{display:block;color:var(--muted);font-size:.8rem;margin-top:6px}
.sc-st{flex:none;font:600 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.55em .8em;border-radius:999px;border:1px solid}
.sc-st.pending{color:var(--gold);border-color:rgba(248,216,16,.5)}.sc-st.approved{color:#25d366;border-color:rgba(37,211,102,.5)}.sc-st.declined{color:#f2817a;border-color:rgba(242,129,122,.5)}
@media (max-width:900px){.sc-cols{grid-template-columns:1fr}.sc-top{flex-direction:column;align-items:flex-start}}
@media (max-width:900px){.rg-grid{grid-template-columns:1fr}.rg-rail{display:none}.rg-drops{grid-template-columns:1fr}.rg-yn{flex-direction:column;align-items:flex-start}}
.lot-tags{display:flex;gap:8px;align-items:center;margin:0 0 14px}.lot-tags .lb-pill{text-decoration:none}
.lot-mat{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;padding:.3em .6em;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.lot-mat:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}
.lot-info h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 8px;line-height:1.15}
.lot-info>.lb-spec{font-size:.86rem}
.lot-stats{display:flex;flex-wrap:wrap;margin:24px 0;border:1px solid var(--line);border-radius:14px;background:#111927}
.lot-stats>div{flex:1 1 0;min-width:120px;padding:16px 18px;border-inline-end:1px solid var(--line)}.lot-stats>div:last-child{border:0}
.lot-stats small{display:block;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--muted);margin-bottom:6px}
.lot-stats b{font-family:var(--mono);font-size:1.35rem;color:var(--ink)}.lot-stats b.gold{color:var(--gold);font-size:.95rem;letter-spacing:.04em}
.lot-info .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.lot-h{font-family:var(--mono);font-size:.8rem!important;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.lot-specs{margin:0 0 30px;border-top:1px solid var(--line)}
.lot-specs>div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:.88rem}
.lot-specs dt{color:var(--muted)}.lot-specs dd{margin:0;color:var(--ink)}
.lot-about{color:#b4bcc8;line-height:1.7}
.lot-about p{margin:0 0 12px}.lot-about h3{margin:18px 0 8px;font-size:.95rem;color:var(--ink)}.lot-about ul{margin:0 0 12px;padding-inline-start:20px}
.lot-kv{display:grid;grid-template-columns:1fr;margin:6px 0 16px}.lot-kv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.lot-kv dt{color:var(--muted);font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.lot-kv dd{margin:0;color:var(--ink);text-align:end}


@media (max-width:900px){.lot-grid{grid-template-columns:1fr;gap:28px}.lot-gal{position:static}}
@media (max-width:760px){.lb-search.pl-search{display:grid;grid-template-columns:1fr 1fr}.pl-search input[name=q],.pl-search button{grid-column:1/-1}.pl-head{padding-top:36px}.pl-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px}.pl-tabs a{white-space:nowrap}}
@media (max-width:640px){.pl .lb-row{grid-template-columns:60px minmax(0,1fr)}.pl .lb-row .lb-thumb{width:60px;height:60px}.lot-stats>div{min-width:0}}
.theme-label .want.light{background:#111927;border-color:var(--line);color:var(--ink)}.theme-label .want.light .s{color:var(--muted)}
.theme-label :is(.formcard,.card){background:#111927;border-color:var(--line)}
.theme-label :is(input,select,textarea){background:#1a2333;border-color:var(--line);color:var(--ink)}
/* Products list views: grid on desktop and list on phones unless the visitor picks one (VIEW_JS). */
.pl-views{display:flex;gap:6px}
.pl-views button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.pl-views svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.pl-views circle,.pl-views rect{fill:none}
.pl-views button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.pl-views button:hover{color:var(--gold)}
.pl .lb-bar{align-items:center}
@media (min-width:761px){
.pl-list:not(.as-list){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.pl-list:not(.as-list) .lb-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111927;transition:border-color .2s,transform .2s}
.pl-list:not(.as-list) .lb-row:hover{border-color:var(--gold);transform:translateY(-2px);background:#111927}
.pl-list:not(.as-list) .lb-row .lb-thumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
.pl-list:not(.as-list) .lb-row .lb-thumb .ph{font-size:1.1rem;padding:12px}
.pl-list:not(.as-list) .lb-row .lb-pill{align-self:flex-start}
.pl-list:not(.as-list) .lb-row .lb-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 6px}
.pl-list:not(.as-list) .lb-row .lb-end{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 16px 14px;grid-column:auto}
}
.pl-list.as-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.pl-list.as-grid .lb-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111927;transition:border-color .2s,transform .2s}
.pl-list.as-grid .lb-row:hover{border-color:var(--gold);transform:translateY(-2px);background:#111927}
.pl-list.as-grid .lb-row .lb-thumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
.pl-list.as-grid .lb-row .lb-thumb .ph{font-size:1.1rem;padding:12px}
.pl-list.as-grid .lb-row .lb-pill{align-self:flex-start}
.pl-list.as-grid .lb-row .lb-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 6px}
.pl-list.as-grid .lb-row .lb-end{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 16px 14px;grid-column:auto}
@media (max-width:1100px){.pl-list.as-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:1100px){.pl-list:not(.as-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.pl-list.as-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-list.as-grid .lb-row .lb-body{padding:10px 12px 4px}.pl-list.as-grid .lb-row .lb-end{padding:6px 12px 12px;flex-direction:column;align-items:flex-start;gap:2px}.pl-list.as-grid .lb-row h3{font-size:.92rem}}