/* TempoLock R462 — a simple cosmetics storefront, without changing artwork or buying rules. */
[hidden]{display:none!important}
.page{width:min(1200px,100%)}
.top{padding:17px 6px 8px}
.tempo-return{padding:7px 4px 12px}
.tempo-return span{font-size:10px;letter-spacing:.08em}
.intro{padding:6px 4px 19px}
.intro h1{font-size:clamp(27px,4vw,37px)}
.intro p{font-size:12px;line-height:1.5;max-width:620px}
.store-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);grid-template-areas:'catalog preview';gap:20px;align-items:start}
.store-preview{grid-area:preview;min-width:0}
.store-catalog{grid-area:catalog;min-width:0}
.preview-box{background:linear-gradient(165deg,#211911,#110e0d);border:1px solid #775039;border-radius:17px;padding:14px;position:sticky;top:12px}
.preview-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.preview-top strong{font-size:15px;color:#f8ead7}
.preview-top p{font-size:10px;margin-top:3px}
.preview-top .live{flex-shrink:0;border:1px solid #785034;background:#372618;color:#eab875;border-radius:50px;padding:5px 7px;font-size:9px;font-weight:800;letter-spacing:.035em}
.preview-selected{padding:12px 0 10px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.preview-selected #selectionName{flex:1 1 100%!important;color:#eee0cb!important;font-size:11px!important}
.preview-selected .selection-state{font-size:9px;padding:3px 7px}
.shop-categories{position:sticky;top:10px;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 13px;padding:10px;border:1px solid #5d4534;border-radius:16px;background:linear-gradient(180deg,rgba(27,22,18,.96),rgba(17,14,12,.94));backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.shop-category{display:block;text-align:center;text-decoration:none;font-weight:850;font-size:14px;letter-spacing:.015em;background:#1c1714;border:1px solid #67513f;border-radius:12px;padding:12px 8px;color:#cfbea9;transition:border-color .16s,background .16s,color .16s,transform .16s}
.shop-category[aria-selected=true]{color:#1b120b;border-color:#ffca74;background:#ffc166;box-shadow:inset 0 -2px 0 #b56a26}
.shop-panes>.shop-pane{background:linear-gradient(165deg,#1b1714,#100f0e);border:1px solid #64402a;border-radius:16px;padding:15px}
.shop-pane .subhead,.shop-pane .section-intro,.catalog-head{margin:0 0 12px;display:flex;gap:6px 14px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.shop-pane h2{font-size:20px}
.shop-pane .subhead p,.shop-pane .section-intro p,.catalog-head p{font-size:11px;margin-top:5px;color:#b6a99b}
.shop-pane .counter-chip{font-size:10px;white-space:normal}
.shop-pane .filterrow{margin:10px 0 11px;gap:6px}
.shop-pane .filterrow button{font-size:11px;padding:7px 10px}
.shop-pane .shop-selection{margin:0 0 13px;min-height:0;padding:10px 12px}
.shop-pane .shop-selection strong{font-size:11px}
.shop-pane .shop-selection button{min-width:0}
.shop-pane .shop-buy:disabled{opacity:.85}
.shop-pane .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.shop-pane .icon-choice{min-height:142px!important;grid-template-rows:66px minmax(32px,auto) 23px!important;padding:10px 5px!important}
.shop-pane .icon-choice .av.icon-tile{--av:61px}
.shop-pane .icon-choice .label{font-size:11px!important}
.shop-pane .icon-choice .price{font-size:12px!important}
.shop-pane .frame-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.shop-pane .frame-option{padding:11px 7px 12px}
.shop-pane .frame-option .av.shop{--av:88px}
.shop-pane .frame-option p{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-pane .frame-option .shop-buy{display:none}
.shop-pane .pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}
.shop-pane .pack{min-height:180px;padding:13px 12px}
.shop-pane .pack p{font-size:11px;line-height:1.45}
.shop-pane .pack-price{font-size:21px}
.shop-pane .pack .shop-buy{margin-top:8px}
.shop-terms{border-top:1px solid #44372c;padding-top:11px;margin-top:14px}
.shop-terms summary,.preview-settings summary{cursor:pointer;color:#deb788;font-weight:750;font-size:11px;padding:6px 2px}
.shop-terms p{font-size:11px;margin:8px 0;color:#b6a799}
#equipFreeBox{margin-top:13px}
#equipIconStatus{margin-top:8px}
#shopStatus{border:0;background:none;border-radius:0;padding:1px 0;margin:0 0 12px;gap:8px;font-size:11px;line-height:1.45;color:#c8b8a7}
#shopStatus .live{display:none}
.preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}
.preview-tab{color:#cab89e;background:#171410;border:1px solid #584535;border-radius:8px;padding:9px 4px;font-size:11px;font-weight:750}
.preview-tab[aria-selected=true]{background:#4a321f;border-color:#d7a45d;color:#ffdb9d}
.preview-views .block{margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.preview-views .profile-panel{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:11px;border-radius:10px}
.preview-views .profile-panel .av.lg{--av:95px}
.preview-views .profile-name{font-size:18px;overflow-wrap:normal;word-break:normal}
.preview-views .profile-points{font-size:11px;margin-top:4px}
.preview-views .profile-detail,.preview-views .streak,.preview-views .stats{display:none}
.preview-views .header-sample{padding:11px 7px;gap:6px}
.preview-views .header-brand .word{font-size:18px}
.preview-views .header-brand small{font-size:7px}
.preview-views .av.head{--av:38px}
.preview-views .info-col strong{font-size:10px}
.preview-views .info-col .point{font-size:8px}
.preview-views .gear{font-size:17px}
.preview-views .board-grid{grid-template-columns:1fr;gap:5px}
.preview-views .board-row{height:49px;padding:5px 8px}
.preview-views .board-row:not(.current){display:none}
.preview-views .mini-foot{margin-top:7px;font-size:10px}
.preview-views .size-lab{padding:10px 8px;margin-top:12px}
.preview-views .size-samples{gap:2px}
.preview-views .size-sample{min-width:0}
.preview-views .size-lab-heading{flex-wrap:wrap;gap:3px}
.preview-views .size-lab-heading strong{font-size:10px}
.preview-views .size-lab-heading span{display:none}
.preview-views .size-lab p{font-size:9px}
.preview-settings{border-top:1px solid #51402f;margin-top:12px;padding-top:6px}
.preview-settings .toolbar{justify-content:flex-start;margin:9px 0 0}
.preview-settings .seg button,.preview-settings .toggle{font-size:10px}
.preview-settings #reset{margin-top:12px}
.footer{margin-top:23px;justify-content:center;text-align:center}
@media(max-width:1050px){
 .store-layout{grid-template-columns:minmax(0,1fr) 312px;gap:15px}
 .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:760px){
 .store-layout{display:flex;flex-direction:column;gap:14px}
 .store-preview,.store-catalog{width:100%}
 .preview-box{position:static}
 .preview-top p{display:none}
 .preview-views .profile-panel{grid-template-columns:auto minmax(0,1fr);padding:9px 12px}
 .preview-views .profile-panel .av.lg{--av:79px}
 .preview-views .profile-name{font-size:19px}
 .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-category{font-size:13px;padding:10px 6px}
}
@media(max-width:350px){
 .page{padding-left:11px;padding-right:11px}
 .preview-box,.shop-panes>.shop-pane{padding:11px}
 .shop-pane .icon-choice{padding:9px 3px!important;min-height:130px!important}
 .shop-pane .icon-choice .av.icon-tile{--av:54px}
 .preview-views .header-brand .word{font-size:15px!important}
 .preview-views .av.head{--av:32px}
 .preview-views .profile-panel .av.lg{--av:72px}
}
/* R462 refinement: keep each section free of repeated explanations. */
.preview-selected .selection-state{display:none}
.shop-pane .counter-chip,.shop-pane #iconDescription{display:none}
.shop-pane .free-icon-details{margin-top:15px;border-top:1px solid #413229;padding-top:8px}
.shop-pane .free-icon-details summary{font-size:11px;font-weight:800;color:#d5b188;cursor:pointer;padding:8px 0}
.shop-pane .free-icon-details #equipFreeBox{margin-top:7px;padding:11px}
.shop-pane .free-icon-details #equipFreeBox strong{font-size:11px}
.shop-pane .free-icon-details #equipIconStatus{font-size:10px;line-height:1.4}

.shop-category:hover{border-color:#e2b172;color:#ffe4b4;background:#2e2118}
.shop-pane{scroll-margin-top:88px}
.shop-categories.is-stuck{border-color:#856041;box-shadow:0 14px 38px rgba(0,0,0,.34)}
@media(max-width:760px){.shop-categories{top:8px;padding:8px;border-radius:14px}.shop-pane{scroll-margin-top:82px}}