/* MASTER988: presentation layer only. */
:root{--bg:#f7f7f7;--ink:#2c2c2c;--muted:#6d6d6d;--line:#dcdcdc;--panel:#fff;--accent:#5f5f5f;--button:#fff;--radius:12px;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 var(--font);-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.nav{
    max-width:1280px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:24px;
    min-height:85px;
    padding:12px 4%;
    background:#000000;
}.brand{display:inline-flex;flex-shrink:0}.logo{width:155px;height:48px;object-fit:contain}.navlinks{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:12px}.navlinks a{padding:9px 0;color:var(--muted)}.navlinks a:hover,.navlinks a[aria-current]{color:var(--accent)}.menu{display:none;margin-left:auto}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font-size:12px;font-weight:600}.primary{background:var(--accent);border-color:var(--accent);color:var(--button)}button:hover,.button:hover{filter:brightness(.96)}main{max-width:1280px;padding:0 4%;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.7vw,64px);line-height:1.08;letter-spacing:-.05em;font-weight:700;margin-bottom:22px;overflow-wrap:anywhere}h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.035em;margin-bottom:20px}h3{font-size:21px;line-height:1.3;overflow-wrap:anywhere}p{color:var(--muted);overflow-wrap:anywhere}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--accent)}.hero,.produk{padding:44px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:center}.hero-copy,.produk-copy{min-width:0;grid-column:1;grid-row:1/3}.hero-copy p,.produk-copy p{font-size:16px;max-width:500px}.hero-media,.produk-media{grid-column:2;grid-row:1;min-width:0;width:100%;margin:0}.banner{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;background:var(--panel)}.actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;align-self:start}.actions>*{min-width:0;padding:11px 6px;font-size:11px}.section{padding:52px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading>a{font-size:12px;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2b2b2b12}.card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.card-body{padding:20px}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-bottom:12px;overflow-wrap:anywhere}.badge{font-size:9px;border:1px solid var(--line);border-radius:25px;padding:3px 7px;flex-shrink:0}.price{font-size:23px;color:var(--accent);font-weight:700;margin:15px 0}.card-body>p{font-size:12px}.card button,.card .button{width:100%;padding:10px 12px}.tools{display:flex;gap:12px;margin:25px 0}.tools input{flex:1;min-width:0}.tools select{max-width:45%}input,select,textarea{padding:12px 15px;min-height:46px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);max-width:100%}.review-grid,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps>div,.review{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);min-width:0}.review small{color:var(--muted)}.stars{color:var(--accent);letter-spacing:3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.prose{max-width:850px}.prose article{margin:28px 0}.notice{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);font-size:13px}.footer{max-width:1280px;margin:auto;padding:45px 4% 25px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-top>div{min-width:0}.footer-links{display:flex;align-content:start;gap:14px 22px;flex-wrap:wrap;font-size:12px;max-width:530px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:10px;color:var(--muted)}dialog{max-width:500px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;padding:30px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px}dialog::backdrop{background:#151515bd;backdrop-filter:blur(5px)}dialog .close{float:right;padding:5px 12px;min-height:36px}dialog form,form{display:grid;gap:18px;min-width:0}label{display:grid;gap:7px}label input,label textarea{width:100%}textarea{min-height:150px;resize:vertical}.empty{padding:25px}.mobile-note{font-size:11px}.catalog-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}.catalog-aside{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-self:start}.catalog-aside h3{font-size:24px}.catalog-aside p{font-size:12px}[hidden]{display:none!important}
@media(max-width:1000px){.navlinks{gap:13px;font-size:11px}.nav{gap:15px}.hero,.produk{gap:0 30px}.catalog-wrap{grid-template-columns:150px minmax(0,1fr);gap:20px}.catalog-aside{padding:18px}.catalog-wrap .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:80px}.nav{min-height:72px;padding:10px 5%;flex-wrap:wrap}.logo{width:145px;height:46px}.menu{display:inline-flex;min-height:40px;padding:8px 13px}.navlinks{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.navlinks.open{display:flex}.navlinks a{font-size:13px;padding:11px 10px}.hero,.produk{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:30px 0}.hero-copy p,.produk-copy p{font-size:14px}.hero-media,.produk-media{width:100%;max-width:560px;align-self:center}.actions{width:100%;max-width:560px;margin: -8px auto 0;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.actions>*{font-size:11px;padding:11px 5px}.grid,.catalog-wrap .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-body{padding:14px}.card h3{font-size:18px}.card-body p{font-size:11px}.card .price{font-size:20px}.meta{font-size:8px;flex-wrap:wrap}.badge{font-size:8px}.card button{font-size:10px}.section{padding:35px 0}.section-heading{align-items:start;flex-wrap:wrap;gap:15px}.section-heading h2{font-size:29px}.tools{gap:8px}.tools input,.tools select{font-size:14px;padding:11px}.review-grid,.steps,.split{grid-template-columns:1fr;gap:18px}.footer-top{flex-direction:column}.footer{padding-top:35px}.footer-links{font-size:11px}.catalog-wrap{display:block}.catalog-aside{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.catalog-aside p{margin-bottom:0}.catalog-aside h3{margin-bottom:10px}.catalog-aside .eyebrow{margin-bottom:8px}h1{font-size:40px}}
@media(max-width:360px){.grid,.catalog-wrap .grid{gap:10px}.card-body{padding:11px}.card h3{font-size:16px}.price{font-size:18px}.badge{padding:2px 5px}.navlinks{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 06: Swipe Catalog. Native CSS scrolling; original filters still work. */
:root{--bg:#f3f3f3;--panel:#fff;--ink:#383838;--muted:#737373;--line:#d7d7d7;--accent:#5d5d5d;--button:#fff;--radius:20px;--font:'Trebuchet MS','Segoe UI',sans-serif}body{background:radial-gradient(ellipse at 10% 0,#e6e6e6,transparent 45%),var(--bg)}header{background:#f3f3f3f2;backdrop-filter:blur(14px)}.hero,.produk{grid-template-columns:1fr 1fr;gap:0 55px}.hero-media,.produk-media{overflow:hidden;border:6px solid white;border-radius:22px;box-shadow:0 15px 35px #5f5f5f15}.actions{gap:10px}.actions>*{border-radius:12px}.grid,.catalog-wrap .grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;padding:8px 4px 24px;scrollbar-width:thin;scrollbar-color:#a2a2a2 #e8e8e8;align-items:stretch}.card{flex:0 0 min(38%,390px);scroll-snap-align:center;scroll-snap-stop:normal;box-shadow:0 7px 15px #53535310;border-radius:19px;align-self:stretch}.card:hover{transform:none}.card-body{padding:23px}.card h3{font-size:25px}.card button{background:#5d5d5d;color:white;border-color:#5d5d5d;border-radius:12px}.price{font-size:25px}.tools{border-radius:20px;padding:13px;background:#ffffff9c;border:1px solid #d6d6d6}.tools input,.tools select{border-radius:12px;background:#fff}.review-grid,.steps{gap:20px}.review,.steps>div{border-radius:20px;background:#ffffffb8}.footer{border-top:1px solid #d6d6d6}.catalog-wrap{display:block}.catalog-aside{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px;background:#e8e8e8;border-radius:18px;padding:22px}.catalog-aside p{margin-bottom:0}.catalog-aside h3{margin-bottom:8px}
@media(max-width:760px){.hero,.produk{display:flex;gap:20px}.hero h1{font-size:37px}.hero-media,.produk-media{border-width:4px;border-radius:18px}.actions{margin-top:-8px}.actions>*{font-size:11px;border-radius:10px}.grid,.catalog-wrap .grid{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(8px,calc((100% - 80%)/2)) 24px;margin-inline:-12px;scroll-padding-inline:10%;scrollbar-width:thin}.card{flex:0 0 84%;max-width:390px;scroll-snap-align:center;border-radius:18px}.card img{width:100%;aspect-ratio:1;object-fit:contain}.card-body{padding:22px}.card h3{font-size:25px}.card .price{font-size:25px}.card-body p{font-size:13px}.meta{font-size:10px;flex-wrap:nowrap}.badge{font-size:9px}.card button{font-size:12px}.tools{padding:10px}.section-heading h2{font-size:29px}.catalog-aside{display:flex;border-radius:15px;padding:18px}.card[hidden]{display:none!important}}

/* Compact typography: requested revision. */
body{font-size:14px}h1{font-size:clamp(29px,3.5vw,43px);line-height:1.15;letter-spacing:-.035em}h2{font-size:28px;line-height:1.25}h3{font-size:18px}.hero h1,.produk h1{font-size:clamp(29px,3.5vw,43px)}.hero-copy p,.produk-copy p{font-size:14px}.card h3,.grid .card h3{font-size:18px}.price,.card .price{font-size:20px}.eyebrow{font-size:9px}.card-body p{font-size:12px}.section-heading h2{font-size:28px}.layout-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;grid-column:1/-1}.layout-tab{padding:9px 18px;min-height:40px;border-radius:7px;font-size:11px}.layout-tab[aria-pressed=true]{background:var(--accent);color:var(--button);border-color:var(--accent)}.focus-thumbs{display:flex;gap:10px;justify-content:center;margin:18px auto;max-width:620px;overflow-x:auto;padding:5px}.focus-thumb{padding:3px;width:65px;min-width:65px;height:65px;border-radius:7px;background:var(--panel);border:1px solid var(--line)}.focus-thumb img{width:100%;height:100%;aspect-ratio:1;object-fit:contain}.focus-thumb[aria-pressed=true]{border:2px solid var(--accent)}
@media(max-width:760px){body{font-size:13px}.hero h1,.produk h1,h1{font-size:29px}.section-heading h2,h2{font-size:25px}.hero-copy p,.produk-copy p{font-size:13px}.card h3,.grid .card h3{font-size:16px;line-height:1.35}.card .price{font-size:18px}.card-body p{font-size:11px}.meta{font-size:8px}.eyebrow{font-size:8px}.actions>*{font-size:10px}.layout-tabs{gap:6px;flex-wrap:nowrap;overflow-x:auto}.layout-tab{padding:9px 13px;font-size:10px;flex:0 0 auto}.focus-thumb{width:52px;min-width:52px;height:52px}}

/* 12 Product Focus */
:root{--bg:#131313;--panel:#222222;--ink:#f4f4f4;--muted:#b4b4b4;--line:#4a4a4a;--accent:#d0d0d0;--button:#282828;--radius:10px;--font:'Segoe UI',Arial,sans-serif;color-scheme:dark}body{background:#131313}header{background:#1a1a1a}.hero,.produk{display:flex;flex-direction:column;max-width:720px;gap:24px;margin:auto;text-align:center;padding-block:35px}.hero-copy p,.produk-copy p{margin-inline:auto}.hero-media,.produk-media{max-width:440px;border:1px solid #6f6f6f;border-radius:6px;padding:5px;background:#222222;box-shadow:none}.actions{width:100%;max-width:440px;margin:-10px auto 0}.actions>*{background:#e9e9e9;color:#2e2e2e;border:0;border-radius:6px}.actions>.primary{background:#c6c6c6}.navlinks a{color:#d5d5d5}.grid,.catalog-wrap .grid{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:0 0 16px;margin:0 auto;max-width:620px;scrollbar-width:thin;scrollbar-color:#9a9a9a #2a2a2a}.card{flex:0 0 100%;width:100%;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid #565656;border-radius:8px;box-shadow:none;background:#1f1f1f}.card-body{padding:24px;max-width:100%;text-align:center}.card .meta{justify-content:center;gap:20px}.card h3{font-size:24px}.card .price{color:#e8e8e8;font-size:25px}.card-body p{font-size:13px}.card button{background:#d4d4d4;color:#272727;border:0;font-size:12px;border-radius:6px}.card:hover{transform:none}.card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#242424}.tools{max-width:620px;margin-inline:auto;background:#282828;border-color:#515151;border-radius:8px}.tools input,.tools select{background:#202020;border-color:#5e5e5e;border-radius:5px}.section-heading{max-width:800px;margin-inline:auto}.catalog-aside{background:#282828;border-color:#515151;border-radius:6px}.steps>div,.review{background:#212121;border-color:#4d4d4d;border-radius:8px}.footer{background:#1b1b1b;border-color:#4b4b4b}.focus-thumbs{max-width:620px}.focus-thumb{background:#242424;border:1px solid #5e5e5e;border-radius:5px}.focus-thumb[aria-pressed=true]{border:2px solid #d7d7d7}
@media(max-width:760px){.hero,.produk{gap:20px;padding-block:28px}.hero h1,.produk h1{font-size:29px}.hero-copy p{font-size:13px}.hero-media,.produk-media{max-width:440px;border-radius:6px;padding:3px}.grid,.catalog-wrap .grid{display:flex;margin:0;padding:0 0 15px;gap:15px;scroll-padding:0}.card{flex:0 0 100%;max-width:none;border-radius:7px}.card-body{padding:20px}.card h3,.grid .card h3{font-size:20px}.card .price{font-size:23px}.card-body p{font-size:12px}.card .meta{font-size:9px}.card button{font-size:11px}.section-heading h2{font-size:25px}.actions{margin-top:-8px}.focus-thumbs{justify-content:flex-start;max-width:100%;gap:8px}.focus-thumb{flex:0 0 calc((100% - 40px)/6);min-width:0;width:auto;height:auto;aspect-ratio:1}.focus-thumb img{width:100%;height:100%}.menu{background:#313131;color:white;border-color:#636363}}

/* Silver, yellow and black: color-only theme overrides. */
:root{--bg:#bfc5cb;--panel:#e3e6e9;--ink:#181818;--muted:#444;--line:#93999f;--accent:#8a6400;--button:#111;color-scheme:light}
body{background:linear-gradient(115deg,#a7afb7 0%,#f0f2f4 25%,#b8c0c7 48%,#e4e8eb 72%,#a9b1b9 100%);background-attachment:fixed}
header{background:linear-gradient(115deg,#141414,#292929);border-color:#e6ba22}.navlinks a{color:#e3e5e7}.navlinks a:hover,.navlinks a[aria-current]{color:#ffd747;background:#252525}
.hero-media,.produk-media{background:linear-gradient(135deg,#e6eaed,#929ba4,#e2e6ea);border-color:#a38a36}
.card{background:linear-gradient(135deg,#f0f2f4,#c1c8ce 65%,#e3e7ea);border-color:#929ba3}.card img{background:#171717}.card .price,.price{color:#775700}.badge{background:#171717;color:#ffda54;border-color:#a18118}
button,.button,.card button,.actions>*,.actions>.primary,.primary,.menu{background:linear-gradient(135deg,#ffe16a,#efbd20);color:#151515;border-color:#b58b0b}
.tools,.catalog-aside,.review,.steps>div,.notice{background:linear-gradient(125deg,#edf0f2,#c1c9d0);border-color:#99a1a7}.tools input,.tools select,input,select,textarea{background:#f6f7f8;color:#171717;border-color:#939a9f}
.footer{background:#151515;color:#e5e7e9;border-color:#a98a2a}.footer p,.footer-bottom{color:#c5c9cc}.footer a{color:#f4d463}
.focus-thumb{background:#202020;border-color:#a0a6ab}.focus-thumb[aria-pressed=true]{border-color:#f5c625}.grid,.catalog-wrap .grid{scrollbar-color:#b28b12 #c7cdd2}.eyebrow,.stars{color:#806000}
@media(max-width:760px){.menu{background:#f3c52a;color:#151515;border-color:#ae850c}}

/* Silver, white and yellow surfaces. */
:root{--bg:#e1e4e7;--panel:#fff;--ink:#50555b;--muted:#60666c;--line:#bac0c6;--accent:#896800;--button:#585000;color-scheme:light}
body{background:linear-gradient(115deg,#c7cdd2 0%,#fff 25%,#e1e5e8 48%,#fff 72%,#c8cfd5 100%)}
header{background:linear-gradient(110deg,#e0e4e7,#fff 50%,#d2d8dd);border-color:#e5bf35}.navlinks a{color:#f4cc39}.navlinks a:hover,.navlinks a[aria-current]{color:#806100;background:#fff4bf}
.hero-media,.produk-media{background:linear-gradient(135deg,#fff,#c3cbd2,#fff);border-color:#c7b368}
.card{background:linear-gradient(135deg,#fff,#e5e9ec 65%,#fff);border-color:#b6bfc6}.card img,.banner{background:#f3f5f6}.badge{background:#fff4bd;color:#756000;border-color:#d7bd5d}
button,.button,.card button,.actions>*,.actions>.primary,.primary,.menu{background:linear-gradient(135deg,#fff0a1,#f4cc39);color:#615100;border-color:#d6b33b}
.tools,.catalog-aside,.review,.steps>div,.notice{background:linear-gradient(125deg,#fff,#e3e8ec);border-color:#bcc5cc}.tools input,.tools select,input,select,textarea{background:#fff;color:#555b61;border-color:#b6c0c8}
.footer{background:linear-gradient(115deg,#000000,#000000,#000000);color:#fff;border-color:#d9bd59}.footer p,.footer-bottom{color:#fff}.footer a{color:#ffd506}
.focus-thumb{background:#fff;border-color:#bcc4ca}.focus-thumb[aria-pressed=true]{border-color:#e3b922}.grid,.catalog-wrap .grid{scrollbar-color:#d2b23c #e5e9ec}.eyebrow,.stars,.card .price,.price{color:#806100}
@media(max-width:760px){.menu{background:#f4cc39;color:#615100;border-color:#d6b33b}}