.scaffold-switch { display:flex; gap:.55rem; margin:0 0 1rem; }
.scaffold-tab { padding:.62rem .9rem; border:1px solid var(--line); background:#fff; color:var(--navy); font:700 .82rem "new-hero",sans-serif; cursor:pointer; }
.scaffold-tab.active { border-color:var(--purple); color:#fff; background:var(--purple); }
.scaffold-demo { padding:1rem; border:1px solid var(--line); background:var(--soft); }
.hidden { display:none; }
.sg-catalog { gap:.75rem; }
.sg-catalog--list { display:grid; }
.sg-catalog--grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.sg-product { min-width:0; overflow:visible; background:#fff; border:1px solid var(--line); }
.sg-catalog--list .sg-product { display:grid; grid-template-columns:160px minmax(0,1fr) 230px; min-height:170px; }
.sg-product__media { display:grid; place-items:center; min-height:132px; color:#7b8491; font-size:.76rem; background:linear-gradient(135deg,#fff,#e9edf3); }
.sg-product__details { display:flex; flex-direction:column; align-items:flex-start; gap:.45rem; padding:1.1rem; }
.sg-product__details b { color:var(--navy); line-height:1.15; }
.sg-product__details small { margin-top:auto; color:var(--muted); font-size:.72rem; }
.sg-kicker { color:var(--purple); font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.sg-product__buy { display:flex; flex-direction:column; align-items:flex-start; gap:.45rem; padding:1.1rem; overflow:visible; border-left:3px solid var(--gold); background:#fafbfc; }
.sg-product__buy strong { color:#000; font-size:1.8rem; letter-spacing:-.06em; line-height:1; }
.sg-product__buy strong span { vertical-align:top; font-size:.8rem; letter-spacing:0; }
.sg-product__buy em { color:var(--green); font-size:.72rem; font-style:normal; font-weight:800; }
.sg-product__buy button { width:100%; margin-top:auto; padding:.6rem; border:0; background:var(--purple); color:#fff; font:700 .78rem "new-hero",sans-serif; }
.sg-catalog--grid .sg-product { display:flex; flex-direction:column; }
.sg-catalog--grid .sg-product__buy { border-top:3px solid var(--gold); border-left:0; }
.code-example { margin-top:1rem; border:1px solid var(--line); background:#fff; }
.code-example summary { padding:1rem; color:var(--navy); font-weight:800; cursor:pointer; }
.code-example pre { overflow:auto; margin:0; padding:1rem; border-top:1px solid var(--line); background:#172033; color:#e7efff; font:400 .78rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; }
@media (max-width:760px) { .sg-catalog--list .sg-product { grid-template-columns:1fr; } .sg-product__buy { border-top:3px solid var(--gold); border-left:0; } .sg-catalog--grid { grid-template-columns:1fr; } }