:root{--cobalt:#c47a3f;--cobalt-d:#a8622c;--ink:#121417;--ink2:#1a1d22;--ink3:#24282f;--mute:#8a93a3;--line:#e4e7ee;--soft:#f3f5f9;--hot:#ff4d2e;--ok:#18b26b}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.d{font-family:'Barlow Condensed',Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:6px;font-weight:700;font-size:14px;letter-spacing:.6px;text-transform:uppercase;border:2px solid transparent;cursor:pointer;transition:.2s}
.btn-c{background:var(--cobalt);color:#fff}.btn-c:hover{background:var(--cobalt-d)}
.btn-o{border-color:#fff;color:#fff;background:transparent}.btn-o:hover{background:#fff;color:var(--ink)}
.btn-k{background:var(--ink);color:#fff}.btn-l{border-color:var(--cobalt);color:var(--cobalt);background:#fff}
/* bar + header */
.bar{background:var(--cobalt);color:#fff;font-size:12.5px;font-weight:600;text-align:center;padding:8px;letter-spacing:.4px;overflow:hidden;white-space:nowrap}
.bar span{display:inline-block;animation:tick 28s linear infinite}
@keyframes tick{from{transform:translateX(30%)}to{transform:translateX(-100%)}}
header{position:sticky;top:0;z-index:50;background:rgba(10,12,16,.96);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid #222}
.hd{display:flex;align-items:center;gap:28px;height:72px}
.logo{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:34px;color:var(--cobalt);letter-spacing:1px;line-height:.9}
.logo small{display:block;font-family:Inter;font-size:8.5px;color:#cfd5e0;letter-spacing:1.6px;font-weight:600}
nav{display:flex;gap:24px;font-weight:600;font-size:14.5px}nav a:hover{color:var(--cobalt)}
.srch{flex:1;max-width:380px;background:var(--ink3);border:1px solid #2a2f39;border-radius:30px;padding:10px 16px;color:#9aa3b2;font-size:13.5px}
.hicons{display:flex;gap:16px;align-items:center;margin-left:auto;font-size:13px;font-weight:600}
.cart{position:relative}.cart b{position:absolute;top:-8px;right:-10px;background:var(--cobalt);border-radius:50%;width:18px;height:18px;font-size:11px;display:grid;place-items:center}
@media(max-width:1000px){nav,.srch{display:none}}
/* hero */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;min-height:640px;display:flex;align-items:center}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.55;transform:scale(1.04);animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.12)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 18%,rgba(10,12,16,.75) 48%,rgba(10,12,16,.1));}
.hero .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(196,122,63,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(196,122,63,.08) 1px,transparent 1px);background-size:56px 56px;z-index:1}
.hero .in{position:relative;z-index:2;padding:80px 0}
.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:2.5px;color:var(--cobalt);text-transform:uppercase}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--cobalt)}
.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(52px,8vw,112px);line-height:.88;text-transform:uppercase;margin:18px 0 22px;max-width:760px}
.hero h1 em{font-style:normal;color:var(--cobalt)}
.hero p{font-size:18px;color:#c4cad6;max-width:560px;line-height:1.6}
.hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.stats{display:flex;gap:48px;margin-top:56px;flex-wrap:wrap}
.stats div{border-left:3px solid var(--cobalt);padding-left:14px}
.stats b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:42px;display:block;line-height:1}.stats span{font-size:12.5px;color:#9aa3b2;letter-spacing:1px;text-transform:uppercase}
/* trust */
.trust{background:var(--ink2);color:#fff}.trust .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:22px 20px}
.trust div{display:flex;gap:12px;align-items:center;font-size:13px;color:#aeb6c4}.trust b{display:block;color:#fff;font-size:14px}
.ic{width:40px;height:40px;border-radius:8px;background:rgba(196,122,63,.15);color:var(--cobalt);display:grid;place-items:center;font-size:18px;flex:none}
@media(max-width:900px){.trust .wrap{grid-template-columns:1fr 1fr}}
/* sections */
section{padding:80px 0}.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:20px;flex-wrap:wrap}
.sh h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(36px,4.5vw,56px);text-transform:uppercase;line-height:.95}
.sh h2 em{font-style:normal;color:var(--cobalt)}.sh a{font-weight:700;color:var(--cobalt);font-size:14px}
/* categories */
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cat{background:var(--soft);border-radius:12px;padding:18px;transition:.25s;position:relative;overflow:hidden}
.cat:hover{background:var(--ink);color:#fff;transform:translateY(-4px)}
.cat img{height:120px;margin:0 auto 10px;object-fit:contain}.cat b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:21px;text-transform:uppercase;display:block}
.cat span{font-size:12px;color:var(--mute)}
@media(max-width:1000px){.cats{grid-template-columns:repeat(3,1fr)}}
/* cards */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 15px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
@media(max-width:1000px){.rail{grid-auto-columns:70%}}
.card{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 18px 40px rgba(10,12,16,.12);transform:translateY(-4px);border-color:var(--cobalt)}
.card .im{position:relative;background:var(--soft);aspect-ratio:1}.card .im img{width:100%;height:100%;object-fit:contain;padding:18px}
.tag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;letter-spacing:1px;padding:5px 10px;border-radius:3px;color:#fff;text-transform:uppercase}
.t-new{background:var(--cobalt)}.t-hot{background:var(--hot)}.t-pre{background:var(--ink);top:auto;bottom:12px}
.card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .md{font-size:11.5px;color:var(--mute);font-weight:600;letter-spacing:.6px}
.card h3{font-size:15px;font-weight:700;line-height:1.35;flex:1}
.card .pr{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.card .pr b{font-size:18px}.card .pr small{color:var(--mute);font-size:12px}
.add{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:9px 14px;font-weight:700;font-size:12px;cursor:pointer;letter-spacing:.5px}
.add:hover{background:var(--cobalt)}
/* hot section dark */
.dark{background:var(--ink);color:#fff}.dark .card{background:var(--ink2);border-color:#262b35;color:#fff}
.dark .card .im{background:radial-gradient(circle at 50% 40%,#232a38,#12151b)}.dark .add{background:var(--cobalt)}
/* manufacturing */
.mfg{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.mfg .pic{border-radius:14px;overflow:hidden;position:relative}.mfg .pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mfg .pic .lab{position:absolute;left:18px;bottom:18px;background:var(--cobalt);color:#fff;padding:10px 16px;border-radius:6px;font-weight:700;font-size:13px}
.steps{display:grid;gap:18px;margin-top:28px}.step{display:flex;gap:16px}
.step b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:34px;color:var(--cobalt);line-height:1;min-width:46px}
.step h4{font-size:16px;margin-bottom:4px}.step p{font-size:14px;color:#5d6470;line-height:1.6}
@media(max-width:900px){.mfg{grid-template-columns:1fr}}
/* spotlight */
.spot{background:linear-gradient(120deg,var(--cobalt) 0%,#163f9a 100%);color:#fff;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.spot .tx{padding:56px}.spot h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:58px;line-height:.92;text-transform:uppercase;margin:12px 0 16px}
.spot ul{list-style:none;margin:20px 0 30px;display:grid;gap:10px}.spot li:before{content:"✓  ";font-weight:800}
.spot img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.spot{grid-template-columns:1fr}.spot .tx{padding:32px}}
/* industries */
.inds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ind{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:center;font-weight:700}
@media(max-width:900px){.inds{grid-template-columns:1fr 1fr}}
/* social */
.soc{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.soc a{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}
.soc img{width:100%;height:100%;object-fit:cover;transition:.3s}.soc a:hover img{transform:scale(1.08)}
@media(max-width:900px){.soc{grid-template-columns:repeat(3,1fr)}}
/* newsletter */
.news{background:var(--ink2);color:#fff;border-radius:18px;padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;border:1px solid #262b35}
.news h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:46px;text-transform:uppercase;line-height:.95}.news p{color:#aeb6c4;margin-top:10px}
.news form{display:flex;gap:10px}.news input{flex:1;padding:15px 18px;border-radius:6px;border:1px solid #333a46;background:var(--ink3);color:#fff;font-size:15px}
@media(max-width:900px){.news{grid-template-columns:1fr;padding:30px}}
/* footer */
footer{background:var(--ink);color:#aeb6c4;font-size:14px;margin-top:80px}
.ft{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:36px;padding:64px 20px 40px}
footer h5{color:#fff;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
footer li{list-style:none;margin-bottom:10px}footer a:hover{color:var(--cobalt)}
.sicons{display:flex;gap:10px;margin-top:18px}.sicons a{width:38px;height:38px;border-radius:50%;background:var(--ink3);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}
.sicons a:hover{background:var(--cobalt)}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pay span{background:#fff;color:var(--ink);font-size:11px;font-weight:800;padding:5px 9px;border-radius:4px}
.fb{border-top:1px solid #222731;padding:20px;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.ft{grid-template-columns:1fr 1fr}}
/* popup */
.pop{position:fixed;inset:0;background:rgba(5,7,10,.72);z-index:100;display:none;place-items:center;padding:20px}
.pop.on{display:grid;animation:fade .3s}@keyframes fade{from{opacity:0}}
.pbox{background:var(--ink);color:#fff;border-radius:16px;max-width:760px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;border:1px solid #2a2f39}
.pbox img{height:100%;object-fit:cover}.pbox .tx{padding:40px 34px}
.pbox h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:52px;line-height:.9;text-transform:uppercase}.pbox h3 em{font-style:normal;color:var(--cobalt)}
.pbox p{color:#aeb6c4;margin:12px 0 20px;font-size:14px;line-height:1.6}
.pbox input{width:100%;padding:14px;border-radius:6px;border:1px solid #333a46;background:var(--ink3);color:#fff;margin-bottom:10px}
.x{position:absolute;top:12px;right:14px;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:700px){.pbox{grid-template-columns:1fr}.pbox img{display:none}}
/* product page */

.crumb{font-size:13px;color:var(--mute);padding:20px 0}
.pgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px}@media(max-width:900px){.pgrid{grid-template-columns:1fr}}
.gal{display:grid;grid-template-columns:84px 1fr;gap:12px}
.gal .th{display:grid;gap:10px;align-content:start}.gal .th img{aspect-ratio:1;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;opacity:.7}
.gal .th img.on{border-color:var(--cobalt);opacity:1}
.gal .mn{border-radius:12px;overflow:hidden;background:var(--soft);aspect-ratio:3/2}.gal .mn img{width:100%;height:100%;object-fit:cover}
.pi h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:44px;line-height:.95;text-transform:uppercase;margin:8px 0}
.rate{color:#f5a623;font-size:14px}.rate span{color:var(--mute)}
.price{font-size:34px;font-weight:800;margin:20px 0 4px}.price small{font-size:13px;color:var(--mute);font-weight:500}
.qty{display:flex;gap:12px;margin-top:18px}.qty .q{display:flex;border:1px solid var(--line);border-radius:6px}.qty .q button{width:40px;border:0;background:none;font-size:18px}.qty .q span{width:40px;display:grid;place-items:center;font-weight:700}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.perks div{background:var(--soft);border-radius:8px;padding:12px;font-size:13px}
.kf{margin-top:22px;display:grid;gap:9px;font-size:14.5px}.kf div:before{content:"■ ";color:var(--cobalt)}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-top:60px}.tabs button{padding:14px 20px;border:0;background:none;font-weight:700;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs button.on{border-color:var(--cobalt);color:var(--cobalt)}.tp{display:none;padding:28px 0}.tp.on{display:block}
.tp p{line-height:1.75;color:#3a404b;max-width:860px;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:14px;max-width:860px}td{padding:11px 14px;border-bottom:1px solid var(--line)}td:first-child{background:var(--soft);color:#5d6470;width:40%;font-weight:600}
.sticky{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:#fff;z-index:40;transform:translateY(100%);transition:.3s}
.sticky.on{transform:none}.sticky .wrap{display:flex;align-items:center;gap:16px;padding:12px 20px}
.sticky img{width:52px;height:52px;object-fit:cover;border-radius:6px}.sticky b{flex:1}
.note{background:#fff7dc;border:1px solid #f1d98a;color:#6b5300;font-size:13px;padding:10px 14px;border-radius:8px;margin:14px 0}

.lgsvg{display:block}.logo{line-height:0}

.bar{background:linear-gradient(90deg,#8a4a20,#c47a3f,#8a4a20)}
.hero h1 em,.sh h2 em{background:linear-gradient(90deg,#f0b98a,#c47a3f);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-c{background:linear-gradient(135deg,#d48a4c,#a8622c)}

/* additions on top of the approved graphite & copper mock-up */
[hidden]{display:none!important}
html,body{overflow-x:hidden}
.fade{opacity:1!important;transform:none!important}
.wrap{padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
.logo svg{display:block}
.srch{display:flex;align-items:center;padding:0 16px}.srch input{flex:1;background:none;border:0;outline:0;color:#fff;padding:10px 6px;font:inherit;font-size:13.5px;min-width:0}
.hicons a.ib{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink3)}
.hicons a.ib svg{width:18px;height:18px}.hicons a.ib b{position:absolute;top:-6px;right:-8px;background:var(--cobalt);border-radius:50%;width:19px;height:19px;font-size:11px;display:grid;place-items:center}
.menu-t{display:none;background:var(--ink3);border:0;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer}
@media(max-width:1000px){.menu-t{display:grid;place-items:center}.hicons .btn{display:none}}
@media(max-width:600px){.logo svg{width:170px;height:auto}.hd{gap:12px}}
.drawer{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80}.drawer>div{background:var(--ink2);color:#fff;width:min(340px,86vw);height:100%;padding:24px;display:grid;align-content:start}
.drawer a{padding:13px 4px;border-bottom:1px solid #2a2f39;font-weight:600}
.card .im{background:#fff}.card .im img{padding:14px}
.dark .card .im{background:#fff}
.card h3 a:hover{color:var(--cobalt)}
.add{white-space:nowrap}
.gal{grid-template-columns:84px 1fr}
.gal .th button{background:#fff;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;aspect-ratio:1}
.gal .th button.on{border-color:var(--cobalt)}.gal .th img{width:100%;height:100%;object-fit:contain;opacity:1;border:0}
.gal .mn{background:#fff;aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;cursor:zoom-in}
.gal .mn img{object-fit:contain;width:90%;height:90%;transition:transform .3s}.gal .mn.z img{transform:scale(1.6)}
@media(max-width:700px){.gal{grid-template-columns:1fr}.gal .th{grid-template-columns:repeat(5,1fr);order:2}}
.noimg{width:100%;height:100%;display:grid;place-items:center;color:#8a93a3;font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#f3f1ee 10px,#f3f1ee 20px)}
.phead{background:var(--ink);color:#fff;padding:46px 0 36px;position:relative;overflow:hidden}
.phead:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 90% 0,rgba(196,122,63,.25),transparent)}
.phead .wrap{position:relative}.phead h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(40px,6vw,72px);line-height:.92;text-transform:uppercase;margin-top:10px}
.phead p{color:#c4cad6;max-width:62ch;margin-top:10px}.phead .crumb{color:#9aa3b2;padding:0 0 10px}
.shop{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:30px 0 70px}
.filters{display:grid;gap:22px;align-content:start;position:sticky;top:96px}
.filters h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.filters label{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:14px;cursor:pointer}
.filters input[type=checkbox]{accent-color:var(--cobalt)}
.field{padding:13px 15px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:15px;width:100%}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.toolbar select{border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:inherit;background:#fff}
@media(max-width:900px){.shop{grid-template-columns:1fr}.filters{position:static;grid-template-columns:1fr 1fr}}
.cartgrid{display:grid;grid-template-columns:1fr 360px;gap:28px;padding:30px 0 80px}@media(max-width:900px){.cartgrid{grid-template-columns:1fr}}
.box{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:24px}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--line)}
.form{display:grid;gap:14px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:13px;color:var(--mute);display:grid;gap:6px}
@media(max-width:600px){.form .two{grid-template-columns:1fr}}
.msg{padding:14px 16px;border-radius:8px;background:#e8f6ee;border:1px solid #9fd6b5;color:#1d5c38}
.prose{max-width:78ch;padding:40px 0 80px}.prose h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:30px;margin:28px 0 10px}.prose p,.prose li{color:#3a404b;margin-bottom:12px;line-height:1.7}.prose ul{padding-left:20px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--cobalt);color:#fff;padding:12px 20px;border-radius:30px;font-weight:700;z-index:120;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.q button{cursor:pointer}
.news .msg{background:#1f2a22;color:#bfe9d1;border-color:#2f6e48}
.sicons svg{width:16px;height:16px}
header nav{white-space:nowrap;gap:20px}header nav a{white-space:nowrap}
@media(max-width:1280px){header nav a:nth-child(1),header nav a:nth-child(6){display:none}}
.gal .mn{aspect-ratio:1/1}.gal .mn img{width:100%;height:100%;object-fit:contain}
.gal .th button img{object-fit:cover}
/* Ryobi-style gallery: big main image, thumbnails underneath, arrows */
.pgrid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:40px}
@media(max-width:980px){.pgrid{grid-template-columns:1fr!important}}
.gal{display:flex!important;flex-direction:column;gap:12px}
.gal .mn{position:relative;aspect-ratio:1/1;width:100%;border-radius:14px}
.gal .mn img{width:100%;height:100%;object-fit:cover}
.gal .th{display:grid!important;grid-template-columns:repeat(5,1fr);gap:10px;order:2}
.gal .th button{aspect-ratio:1/1;padding:0;overflow:hidden}
.gal .th button img{width:100%;height:100%;object-fit:cover}
.gal .nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(18,20,23,.75);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;z-index:2}
.gal .nav.prev{left:12px}.gal .nav.next{right:12px}.gal .nav:hover{background:var(--cobalt)}
.gal .count{position:absolute;right:14px;bottom:12px;background:rgba(18,20,23,.75);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px}
.gal .count{top:14px!important;bottom:auto!important;right:14px!important}
.vsel{margin:18px 0 6px}.vsel .vl{font-size:13px;color:var(--mute);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.vsel .vl b{color:var(--ink)}
.vbs{display:flex;flex-wrap:wrap;gap:8px}.vb{display:flex;flex-direction:column;min-width:96px;padding:10px 14px;border:1.5px solid #d6d6d6;border-radius:10px;text-decoration:none;color:var(--ink);background:#fff;transition:.15s}
.vb b{font-size:15px}.vb small{font-size:12px;color:var(--mute);margin-top:2px}.vb:hover{border-color:#c47a3f}.vb.on{border-color:#c47a3f;background:#fbf3ec;box-shadow:0 0 0 1px #c47a3f inset}
.vz{color:#c47a3f;font-weight:700}



.soc .sp{position:relative;overflow:hidden;background:#111}.soc .sp span{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.soc .sp img{transition:transform .5s}.soc .sp:hover img{transform:scale(1.06)}

/*fs2*/.fieldsec{padding-top:48px}.frow{display:grid;grid-template-columns:5fr 7fr;gap:36px;align-items:center;margin-top:26px}
.frow.rev{grid-template-columns:7fr 5fr}.frow.rev .fimg{order:2}
.fimg{display:block;border-radius:14px;overflow:hidden;background:#111;max-height:300px}.fimg img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block;transition:transform .6s}.fimg:hover img{transform:scale(1.04)}
.ftx span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c47a3f;font-weight:700}
.ftx h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:30px;text-transform:uppercase;margin:6px 0 10px;line-height:1.05}
.ftx p{font-size:15.5px;line-height:1.65;margin:0 0 14px;opacity:.85}.ftx p a{color:#c47a3f;text-decoration:underline}
.ftx .fl{font-weight:700;font-size:14px;border-bottom:2px solid #c47a3f;text-decoration:none;color:inherit}
@media(max-width:820px){.frow,.frow.rev{grid-template-columns:1fr;gap:16px}.frow.rev .fimg{order:0}.fimg,.fimg img{max-height:240px}.ftx h3{font-size:24px}}/*fs2end*/
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 4px}.chips span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8a8a8a;margin-right:2px}
.chips button{border:1.5px solid #d9d6d2;background:#fff;border-radius:999px;padding:4px 10px;font:600 12.5px/1.2 Inter,sans-serif;cursor:pointer;color:#242324}
.chips button:hover{border-color:#c47a3f}.chips button.on{background:#242324;border-color:#242324;color:#fff}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.acct .lbl,.verify .lbl{display:block;font-size:13px;font-weight:600;margin:10px 0 6px}.acct .form,.verify .form{display:grid;gap:10px}
.field.otp{font:700 26px/1 Inter,sans-serif;letter-spacing:10px;text-align:center}
.resend{font-size:13px;color:#c47a3f;text-align:center}.sent{font-size:14px;color:var(--mute)}
.msg.err,.ferr{color:#c0392b;font-size:14px;margin-top:10px}
.dash .dh{font-family:'Barlow Condensed',sans-serif;font-size:32px;text-transform:uppercase}.dash .dm{color:var(--mute);margin-bottom:14px}
.dash .pform{display:grid;gap:10px;margin:10px 0 24px}.dash .oh{font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase;margin:10px 0}
.ord{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid #e6e3df;font-size:14px}.ord em{margin-left:auto;color:#c47a3f;font-style:normal;text-transform:uppercase;font-size:12px;font-weight:700}
.logout{margin-top:22px}.verify{margin-top:14px}.verify .vt{font-size:14px;margin-bottom:8px}

/* pop-up v2: offer + live products */
.pbox{max-width:860px;grid-template-columns:1.05fr 1fr}
.ppro{background:#f4f2ef;padding:26px 22px;display:flex;flex-direction:column;gap:12px}
.pph{font:700 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a8622c;margin-bottom:2px}
.ppc{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:8px;text-decoration:none;color:#242324;border:1px solid #e6e2dc;transition:border-color .2s,transform .2s}
.ppc:hover{border-color:#c47a3f;transform:translateY(-1px)}
.ppc img{width:86px;height:86px;object-fit:contain;border-radius:8px;background:#fff}
.ppc b{display:block;font-size:14px;line-height:1.25}.ppc small{display:block;color:#8a8a8a;font-size:11px;letter-spacing:.06em;margin:2px 0 4px}.ppc em{font-style:normal;font-weight:700;color:#a8622c;font-size:13px}
.psel{width:100%;padding:13px;border-radius:6px;border:1px solid #333a46;background:var(--ink3);color:#cfd5de;margin-bottom:10px;font:14px Inter,sans-serif}
.ptrade{display:flex;gap:8px;align-items:center;font-size:13px;color:#aeb6c4;margin:0 0 14px;cursor:pointer}.ptrade input{width:auto!important;margin:0!important;accent-color:#c47a3f}.ptrade b{color:#e2a172}
@media(max-width:700px){.ppro{order:2;padding:16px}.ppc{grid-template-columns:64px 1fr}.ppc img{width:64px;height:64px}.pbox .tx{padding:28px 22px}.pbox h3{font-size:40px}}

/* GDPR cookie banner */
.ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;max-width:980px;margin:0 auto;background:#121417;color:#d9dde4;border:1px solid #2a2f39;border-radius:14px;padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:14px;line-height:1.5}
.ckbar p{margin:0}.ckbar a{color:#e2a172}.ckbtns{display:flex;gap:8px;flex-wrap:wrap}.ckbar .btn,.ckbox .btn{padding:10px 16px;font-size:13px;white-space:nowrap}
.ckbar .btn:not(.btn-c){background:#24282f;color:#fff;border:1px solid #333a46}
.ckm{position:fixed;inset:0;background:rgba(5,7,10,.6);z-index:130;display:grid;place-items:center;padding:16px}.ckm[hidden]{display:none}
.ckbox{background:#fff;color:#242324;border-radius:14px;max-width:460px;width:100%;padding:24px}.ckbox h4{font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase;margin-bottom:6px}.ckbox>p{font-size:14px;color:#666;margin-bottom:12px}
.ckr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eee}.ckr small{display:block;color:#888;font-size:12px}.ckr input{width:20px;height:20px;accent-color:#c47a3f}
.ckbox .ckbtns{margin-top:14px;justify-content:flex-end}
.pn{font-size:12px;color:var(--mute);margin-top:6px}.pn a{color:#a8622c}
.prose table.lt{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:14px}.prose .lt th,.prose .lt td{border:1px solid #e3dfd9;padding:8px 10px;text-align:left;vertical-align:top}.prose .lt th{background:#f4f2ef}
.prose h2{font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase;margin:26px 0 8px}
.gdpr{margin-top:26px}
@media(max-width:760px){.ckbar{flex-direction:column;align-items:stretch}.ckbar .ckbtns .btn{flex:1}}