/* TempoLock R463 — individual-item previews; no global three-location showroom. */
[hidden]{display:none!important}
.top{align-items:center}
.top .eyebrow{display:none!important}
.intro{padding-bottom:17px}
.intro h1{font-size:clamp(26px,4.1vw,38px)}
.intro p{max-width:700px}
.store-layout{display:block!important;width:100%}
.store-preview{display:none!important}
.store-catalog{width:100%;min-width:0}
.shop-categories{max-width:100%;margin-bottom:16px}
.shop-category{font-size:14px;padding:13px 7px}
.shop-panes>.shop-pane{padding:18px}
.shop-pane .icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shop-pane .frame-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shop-pane .icon-choice{
  border-radius:15px;min-height:174px!important;
  grid-template-rows:99px minmax(26px,auto) 24px!important;
  gap:5px;padding:10px 9px!important;
}
.shop-pane .icon-choice .av.tilepreview{--av:91px;grid-row:1}
.shop-pane .icon-choice .label{font-size:12px!important;line-height:1.3!important}
.shop-pane .icon-choice .price{font-size:12px!important}
.shop-pane .frame-option{border-radius:15px;padding:15px 10px;gap:9px}
.shop-pane .frame-option .av.shop{--av:102px}
.shop-pane .frame-option h3{font-size:14px}
.shop-pane .frame-option .shop-buy{display:none!important}
.shop-pane #selectedIconPurchase,.shop-pane #selectedFramePurchase{display:none!important}
.shop-pane .counter-chip{display:none!important}
.shop-pane .icon-label{display:none!important}
.shop-pane .pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shop-pane .pack{min-height:215px}
#shopStatus{margin-bottom:14px}
.preview-browse-note{color:#aa9c8b;font-size:11px;margin:0 0 13px}
/* Enlarged preview is per item, opened only when requested. */
.item-preview-layer{position:fixed;inset:0;z-index:9999;background:#000b;display:grid;place-items:center;padding:20px;overscroll-behavior:contain}
.item-preview-card{position:relative;width:min(420px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #a87944;background:linear-gradient(160deg,#2b2016,#11100e 72%);border-radius:23px;box-shadow:0 20px 80px #000c;padding:23px;text-align:center}
.item-preview-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #67513c;border-radius:10px;background:#33281e;color:#fff;font-size:22px;display:grid;place-items:center;line-height:1}
.item-preview-eyebrow{color:#d8aa6c;letter-spacing:.14em;font-size:10px;font-weight:850;text-transform:uppercase;margin:2px 32px 14px}
.item-preview-art{display:grid;place-items:center;min-height:162px;margin-bottom:8px}
.item-preview-art .av.lg{--av:157px}
.item-preview-name{font-size:25px;font-weight:850;color:#fff2e1;line-height:1.2}
.item-preview-caption{color:#c0ab90;font-size:12px;margin:8px 0 14px;line-height:1.5}
.item-preview-price{font-size:19px;color:#ffca72;font-weight:850;margin-bottom:14px}
.item-preview-card .shop-buy{margin:4px 0 11px;padding:12px}
.item-preview-dismiss{width:100%;background:#1d1814;color:#efd2ac;border:1px solid #63503c;border-radius:10px;padding:11px;font-weight:700}
.item-preview-caption:empty{display:none}
body.item-preview-open{overflow:hidden}
@media(max-width:800px){.shop-pane .icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-pane .frame-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-pane .pack-grid{grid-template-columns:1fr}.shop-pane .pack{min-height:0}}
@media(max-width:540px){.shop-panes>.shop-pane{padding:13px}.shop-pane .icon-grid{gap:8px}.shop-pane .frame-picker{gap:9px}.shop-pane .icon-choice{min-height:150px!important;grid-template-rows:76px minmax(32px,auto) 24px!important;padding:9px 5px!important}.shop-pane .icon-choice .av.tilepreview{--av:73px}.shop-pane .icon-choice .label{font-size:11px!important}.shop-pane .frame-option .av.shop{--av:88px}.shop-pane .frame-option{padding:11px 6px}.shop-pane .frame-option h3{font-size:12px}.shop-pane .section-intro h2,.shop-pane .subhead h2{font-size:19px}.item-preview-card{padding:19px 15px}}
@media(max-width:355px){.shop-pane .icon-grid{gap:6px}.shop-pane .icon-choice{grid-template-rows:66px minmax(32px,auto) 23px!important}.shop-pane .icon-choice .av.tilepreview{--av:64px}.shop-pane .icon-choice .label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.item-preview-art .av *{animation:none!important}}

/* Hidden explanatory sections must not leak out when their disclosure is closed. */
.free-icon-details:not([open]) > :not(summary){display:none!important}