/* R464: shop as one continuous catalogue, packs first. */
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:16px}
.top{padding-bottom:13px}
.intro{padding:6px 4px 17px}
.intro h1{font-size:clamp(27px,4.5vw,40px)}
.intro p{font-size:13px;max-width:650px;line-height:1.5}
.store-catalog{display:block!important;width:100%;min-width:0}
.shop-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 16px}
.shop-category{display:block;text-align:center;padding:12px 8px;border:1px solid #785239;border-radius:12px;background:#23180f;color:#ffd092;font-size:13px;font-weight:850;text-decoration:none}
.shop-category:hover,.shop-category:focus-visible{border-color:#ffcc81;background:#392517;color:#ffe1b2}
.shop-category::after{content:' ↓';font-size:12px}
#shopStatus{padding:9px 12px;margin:0 0 11px;border:1px solid #5e422d;border-radius:10px;background:#261c13;color:#c7af93;font-size:11px}
#shopStatus .live{display:none}
.shop-one-line-note{font-size:12px;color:#a99b8b;margin:0 0 15px}
.shop-pane{scroll-margin-top:12px;border:1px solid #67422c;border-radius:17px;background:linear-gradient(155deg,#211911,#100e0d 78%);padding:19px;margin:0 0 18px}
.shop-pane:target{border-color:#b9864d}
.catalog-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 15px;margin:0 0 15px}
.catalog-head h2{font-size:clamp(20px,3.5vw,26px);color:#ffddb0}
.catalog-head p{color:#af9f90;font-size:12px}
.shop-pane .pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:11px 0 5px}
.shop-pane .pack{min-height:210px;padding:17px 14px 14px}
.shop-pane .pack.best{background:linear-gradient(155deg,#392613,#1d150f 75%);border-color:#e8ad57}
.shop-pane .pack .pack-price{margin-top:auto}
.shop-terms{border-top:1px solid #4c3729;padding-top:8px;margin-top:16px}
.shop-terms summary{font-size:12px;color:#e4bc84;font-weight:750;cursor:pointer;padding:8px 2px}
.shop-terms p{margin:7px 0 2px;font-size:11px;line-height:1.5}
.shop-pane .icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.shop-pane .icon-choice{border-radius:13px;min-height:172px!important;grid-template-rows:92px minmax(32px,auto) 24px!important;gap:5px;padding:10px 8px!important}
.shop-pane .icon-choice .av.tilepreview{--av:85px}
.shop-pane .icon-choice .label{font-size:12px!important}
.shop-pane .frame-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shop-pane .frame-option{border-radius:13px;padding:12px 8px;gap:8px}
.shop-pane .frame-option .av.shop{--av:91px}
.shop-pane .frame-option .shop-buy{display:none!important}
.shop-pane .frame-option h3{font-size:13px}
.shop-pane .frame-option p{font-size:10px}
.footer{margin-top:20px;text-align:center;justify-content:center}
@media(max-width:800px){.shop-pane .pack-grid{grid-template-columns:1fr;gap:10px}.shop-pane .pack{min-height:0}.shop-pane .frame-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-pane .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:540px){.shop-pane{padding:13px;margin-bottom:14px}.shop-pane .icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-pane .frame-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-pane .icon-choice{min-height:149px!important;grid-template-rows:71px minmax(32px,auto) 24px!important;padding:8px 4px!important}.shop-pane .icon-choice .av.tilepreview{--av:68px}.shop-pane .icon-choice .label{font-size:11px!important}.shop-pane .frame-option .av.shop{--av:88px}.shop-pane .frame-option h3{font-size:12px}.shop-pane .pack{padding:13px 12px}.shop-category{padding:11px 4px}}
@media(max-width:350px){.page{padding-left:11px;padding-right:11px}.shop-pane .icon-choice .av.tilepreview{--av:59px}.shop-pane .icon-choice{grid-template-rows:64px minmax(32px,auto) 22px!important}.shop-pane .icon-choice .label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep pack purchase hierarchy readable on phone: name, details, price, action. */
@media(max-width:800px){
 .shop-pane .pack{display:flex;flex-direction:column;align-items:stretch;gap:7px}
 .shop-pane .pack h3,.shop-pane .pack p,.shop-pane .pack-price,.shop-pane .pack .shop-buy{order:initial;flex:none}
 .shop-pane .pack h3{margin:0}
 .shop-pane .pack p{margin:0}
 .shop-pane .pack-price{margin-top:2px}
 .shop-pane .pack .shop-buy{margin-top:2px}
}