/* NEW AGE product page, Online Ceramics-style order (2026-10-26) */
.oc .np-v2>.np-og,.oc .np-v2>.np-side,.oc .np-v2 .np-side,.oc .np-v2 .np-sc-left{display:none!important}
.oc .np-v2{display:block!important}
.oc-in{max-width:560px;margin:22px auto 0;text-align:center}
.oc-t{margin:0;font-size:22px;line-height:1.15;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.oc-sub{margin:6px 0 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#666}
.oc-p{margin:8px 0 0;font-size:13px;letter-spacing:.08em}
.oc-sz{display:flex;justify-content:center;gap:10px;margin:22px 0 14px;flex-wrap:wrap}
.oc-sz button{min-width:64px;min-height:44px;padding:0 14px;border:1px solid #111;background:#fff;color:#111;font:700 14px/1 "Space Mono",ui-monospace,monospace;cursor:pointer}
.oc-sz button[aria-checked=true]{background:#111;color:#fff}
.oc-sz button:focus-visible,.oc-cta:focus-visible{outline:2px solid #111;outline-offset:3px}
.oc-cta{display:flex;justify-content:center;align-items:center;width:100%;min-height:52px;border:1px solid #111;background:#fff;color:#111;font:700 14px/1 "Space Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;box-sizing:border-box}
a.oc-cta{background:#111;color:#fff}
button.oc-cta[disabled]{color:#888;border-color:#bbb;cursor:not-allowed}
.oc-secure{margin:8px 0 0;font-size:11px;color:#666}
.oc-cw .np-vote{display:flex;justify-content:center;margin-top:18px}
.oc-share{margin:12px 0 0}.oc-share .np-share{margin:0}
.oc-copy{text-align:left;margin:30px 0 0}
.oc-desc{margin:0 0 14px;font-size:17px;line-height:1.45}
.oc-ul{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.55}
.oc-ul li::before{content:"- "}
.oc-sg{margin:34px 0 0}
.oc-h{margin:0;font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.oc-note{margin:4px 0 14px;font-size:13px;color:#666}
.oc-tb{width:100%;border-collapse:collapse;border:1px solid #111}
.oc-tb th,.oc-tb td{padding:12px 6px;text-align:center;font-size:14px}
.oc-tb th{font:700 11px/1.3 "Space Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #111}
.oc-fine{text-align:left;margin:34px 0 0;padding:16px 0 0;border-top:1px solid #ddd;font-size:13px;line-height:1.5}
.oc-fine div{margin:0 0 10px}.oc-fine dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#666}.oc-fine dd{margin:2px 0 0}
[data-theme="dark"] .oc-sz button,[data-theme="dark"] .oc-cta{background:#000;color:#fff;border-color:#fff}
[data-theme="dark"] .oc-sz button[aria-checked=true],[data-theme="dark"] a.oc-cta{background:#fff;color:#000}
[data-theme="dark"] .oc-tb,[data-theme="dark"] .oc-tb th{border-color:#fff}
@media(min-width:900px){.oc .np-v2{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);column-gap:56px;align-items:start}
 .oc .np-v2>.np-lead{grid-column:1;grid-row:1}.oc .np-v2>.oc-in{grid-column:2;grid-row:1;margin:0;position:sticky;top:110px}
 .oc .np-v2>*:not(.np-lead):not(.oc-in){grid-column:1/-1}}
@media(min-width:900px){.oc .np-v2>.np-lead{grid-column:1!important;grid-row:1!important;position:sticky;top:110px}.oc .np-v2>.oc-in{grid-column:2!important;grid-row:1!important;position:static;padding-top:24px}}
.oc-share .np-share{all:unset;cursor:pointer;font:400 11px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:#666}
.oc-share .np-shok{margin-left:8px;font:400 11px/1 "Space Mono",monospace;color:#666}
.oc-tb td,.oc-tb th{border-left:0;border-right:0}.oc-tb td{border-top:1px solid #ddd}
.oc-tb{border:1px solid #111!important;border-collapse:separate;border-spacing:0}
.oc-tb th,.oc-tb td{border-left:0!important;border-right:0!important}.oc-tb tr:first-child th{border-top:0!important}
/* v8 compact: less scrolling (JF 8:09 AM) */
.oc .np-lead>.np-th{display:none!important}
.oc .np-lead.has-th{grid-template-columns:1fr!important;gap:6px!important}
.oc .np-v2.np{padding-top:12px}
.oc-in{margin-top:12px}
.oc-sub{margin-top:3px}.oc-p{margin-top:4px}
.oc-sz{margin:12px 0 8px;gap:8px}.oc-sz button{min-height:40px}
.oc-cta{min-height:46px}
.oc-share{margin:8px 0 0}
.oc-copy{margin-top:16px}.oc-desc{margin-bottom:8px}
.oc-ul{line-height:1.4}
.oc-sg{margin-top:20px}.oc-note{margin:2px 0 8px}
.oc-tb th,.oc-tb td{padding:7px 6px}
.oc-fine{margin-top:18px;padding-top:10px;font-size:15px;line-height:1.35}
.oc-fine div{margin:0 0 6px}.oc-fine dt{font-size:11px}.oc-fine dd{margin:0}
@media(max-width:899px){.oc .np-ss-dots{margin-top:6px}}
/* v9 hang tag size fill */

.oc-tagsz{position:absolute;left:40%;right:10%;top:43.5%;text-align:center;font:700 clamp(10px,4.2vw,22px)/1 "Space Mono",ui-monospace,monospace;color:#111;pointer-events:none;letter-spacing:.04em}
.np-tag-b{container-type:inline-size}
.oc-tagsz{left:42%;right:8%;top:40.5%;font:700 11cqw/1 "JFB Mono","Space Mono",ui-monospace,monospace;letter-spacing:0}
.oc-tagsz{top:42.5%}
.oc-tb tr.oc-on td{background:#eee;font-weight:700}
[data-theme="dark"] .oc-tb tr.oc-on td{background:#222}
.oc-ct{margin-top:12px!important}
.oc-cbtn{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid #111;color:#111;background:#fff;text-decoration:none;font:700 13px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.oc-cbtn:hover,.oc-cbtn:focus-visible{background:#111;color:#fff;outline:none}
[data-theme="dark"] .oc-cbtn{background:#000;color:#fff;border-color:#fff}
/* v11 compact size guide */
.oc-sg{margin-top:16px;text-align:left}
.oc-h{font-size:11px!important;letter-spacing:.14em;color:#666;font-weight:700;margin:0 0 6px}
.oc-h .oc-note{display:inline;margin:0;font:400 11px/1 inherit;letter-spacing:.04em;text-transform:none;color:#777}
.oc-tb{max-width:320px;width:100%}
.oc-tb th,.oc-tb td{padding:4px 6px!important;font-size:13px!important;line-height:16px}
.oc-tb th{font-size:11px!important}
.oc-sg{margin-top:12px}.oc-h{margin:0 0 4px!important;line-height:14px}
.oc-tb th,.oc-tb td{padding:3px 6px!important;height:24px;box-sizing:border-box}
.oc-tb tr{height:24px}
/* v12 INFO pop-up */
.oc-btns{display:flex;gap:10px;justify-content:flex-start;margin:14px 0 0}
.oc-btns .oc-cbtn{min-height:40px;cursor:pointer}
.oc-dlg{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center}
.oc-dlg[hidden]{display:none}
.oc-dlg-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.oc-dlg-box{position:relative;background:#fff;color:#111;border:1px solid #111;width:min(92vw,420px);max-height:84vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 18px 18px;box-sizing:border-box;text-align:left;outline:none}
.oc-dlg-x{position:absolute;top:4px;right:4px;min-width:44px;min-height:44px;background:none;border:0;font:700 22px/1 "Space Mono",ui-monospace,monospace;color:inherit;cursor:pointer}
.oc-dlg-t{margin:4px 0 10px;font:700 13px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.oc-dlg-box .oc-ul{font-size:15px}
.oc-dlg-box .oc-sg{margin-top:14px}
.oc-dlg-box .oc-fine{margin-top:14px;padding-top:10px}
body.oc-lock{overflow:hidden}
[data-theme="dark"] .oc-dlg-box{background:#000;color:#fff;border-color:#fff}
/* v15 CONTACT bar under the date/time block */
.oc-ckwrap{display:inline-flex;flex-direction:column;align-items:stretch}
.oc-ckwrap .np-clock{width:100%;box-sizing:border-box}
.oc-cbar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin-top:-1px;border:1px solid currentColor;padding:3px 6px;font:700 9px/1.2 "Space Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:inherit;background:transparent}
.oc-cbar:hover,.oc-cbar:focus-visible{background:#111;color:#fff;outline:none}
[data-theme="dark"] .oc-cbar:hover,[data-theme="dark"] .oc-cbar:focus-visible{background:#fff;color:#000}
@media(min-width:761px){.oc-cbar{font-size:10px;padding:5px 8px}}
/* v16 CONTACT bar: solid black, white dropout letters; hover/focus inverts */
.oc-cbar{background:#111;color:#fff;border-color:#111}
.oc-cbar:hover,.oc-cbar:focus-visible{background:#fff;color:#111;border-color:#111}
[data-theme="dark"] .oc-cbar{background:#fff;color:#000;border-color:#fff}
[data-theme="dark"] .oc-cbar:hover,[data-theme="dark"] .oc-cbar:focus-visible{background:#000;color:#fff}
.oc-cbar{font-family:"JFB Mono","Space Mono",ui-monospace,monospace!important;font-weight:700!important}
/* v17 specs + size guide in page body */
.oc-in>.oc-sg{margin-top:14px}
.oc-in>.oc-btns{margin-top:14px}
.oc-fine .d,.oc-ul .d,.oc-desc .d{font-family:inherit!important;font-size:inherit!important;letter-spacing:inherit!important}
/* v21: page dark mode = html invert filter, so pre-invert values: black bar + full white outline */
html[data-theme="dark"] .oc-cbar{background:#fff!important;color:#111!important;border:1px solid #111!important}
html[data-theme="dark"] .oc-cbar:hover,html[data-theme="dark"] .oc-cbar:focus-visible{background:#111!important;color:#fff!important}