/* Real ORBIT dials over Midjourney scenery. Labels remain live, selectable UI. */
.store-picks-tail{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;margin:14px 0 22px}
.store-picks-tail .store-picks-scope{margin:0;max-width:650px;font-size:12px}
.store-picks-tail .store-picks-all{margin:0;min-height:44px;display:inline-flex;align-items:center;flex:none;font-size:13px}
.store-needs-refine{font:500 19px/1.3 Arial,sans-serif;letter-spacing:-.02em;color:#e4eddf;margin:0 0 14px}
#storeNeeds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#storeNeeds>.store-need{position:relative;display:block;isolation:isolate;overflow:hidden;height:236px;min-height:0;padding:0;border:1px solid #52604d;border-radius:12px;background:#19251d;color:#fff;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s}
#storeNeeds>.store-need:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#07100df5 0%,#07100dcb 24%,#07100d00 65%)}
#storeNeeds>.store-need:hover{border-color:#d4e3c6;box-shadow:0 0 0 1px #d4e3c655}
#storeNeeds>.store-need[aria-pressed="true"]{border-color:#e0efcc;box-shadow:0 0 0 2px #e0efcc}
#storeNeeds .store-need-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;z-index:0}
#storeNeeds .store-need-dial{position:absolute;right:18px;top:22px;width:122px;height:122px;object-fit:contain;border-radius:50%;box-shadow:0 10px 22px #0008,0 0 0 3px #18251c;z-index:2}
#storeNeeds .store-need-caption{position:absolute;left:16px;right:16px;bottom:17px;z-index:3;display:block}
#storeNeeds .store-need-title{font-size:15px;line-height:1.25;max-width:165px;color:#f3f6ec;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}
#storeNeeds .store-need-count{display:block;font:400 11px/1.4 Arial,sans-serif;color:#d3dfcb;margin:0}
#storeNeeds .store-need-arrow{position:absolute;z-index:3;right:14px;top:13px;margin:0;font-size:16px;color:#f0f3e8;text-shadow:0 1px 5px #000}
#storeNeeds>.store-need:focus-visible{outline:3px solid #e5f2d6;outline-offset:4px}
#catalog{padding-top:30px}
#catalog>.store-section-heading{margin-bottom:14px;gap:10px 24px}
#catalog>.store-section-heading .section-kicker{display:none}
#catalog>.store-section-heading h2{font-size:clamp(28px,3.5vw,42px);line-height:1.1}
#catalog>.store-section-heading>p{font-size:14px;max-width:380px}
#catalog .store-availability-note{font-size:11px;line-height:1.4;margin:0 0 7px}
#catalog .store-availability-tabs{padding:3px;gap:3px;border-radius:8px;margin-bottom:14px}
#catalog .store-availability-tabs button{min-height:44px;padding:8px 12px;font-size:13px;gap:6px}
#catalog .store-tools{border:0;border-radius:0;background:none;padding:0;gap:14px 20px;align-items:start}
#catalog .store-tools :is(.store-device-field>label,.store-search>span:first-child){font-size:12px;margin-bottom:6px;line-height:1.4}
#catalog .store-tools :is(select,input){min-height:46px;padding-block:10px;font-size:14px}
#catalog .store-device-field>p{font-size:11px;line-height:1.4;margin:5px 0 0}
#catalog .store-style-heading{margin:14px 0 7px;font-size:12px}
#catalog .store-style-heading>span:last-child{display:none}
#catalog .store-categories{gap:6px}
#catalog .store-categories button{min-height:44px;padding:7px 11px;font-size:12px}
#catalog .store-result-bar{min-height:56px;gap:8px;padding-block:0;font-size:12px}
#catalog .store-result-bar>p{flex-basis:auto;padding:0;margin:0}
#catalog .store-sort select{min-height:44px;font-size:12px;max-width:168px}
@media(max-width:1050px){#storeNeeds{gap:10px}#storeNeeds>.store-need{height:218px}#storeNeeds .store-need-dial{width:106px;height:106px;right:14px;top:20px}#storeNeeds .store-need-caption{left:12px;right:12px}#storeNeeds .store-need-title{font-size:14px}}
@media(max-width:760px){
  .store-picks-tail{align-items:flex-start;flex-direction:column;gap:2px;margin:12px 0 14px}
  .store-picks-tail .store-picks-scope{font-size:11px;line-height:1.5}
  .store-picks-tail .store-picks-all{font-size:13px;min-height:44px}
  .store-needs-refine{font-size:18px;margin-bottom:12px}
  #catalog>.store-section-heading{gap:8px;margin-bottom:12px}
  #catalog>.store-section-heading>p{font-size:13px}
  #catalog .store-availability-tabs{margin-bottom:13px}
  #catalog .store-availability-tabs button{flex-basis:calc(50% - 3px);padding:7px 8px;font-size:12px}
  #catalog .store-tools{grid-template-columns:1fr;gap:12px}
  #catalog .store-style-heading{flex-direction:row}
  #catalog .store-result-bar{padding-block:4px;min-height:54px}
  #catalog .store-sort{margin-left:auto}
}
@media(max-width:360px){#catalog .store-sort select{max-width:145px}}
@media(prefers-reduced-motion:reduce){#storeNeeds>.store-need{transition:none}}
/* On phones, a visible next card invites a native swipe without another tall grid. */
@media(max-width:760px){
  #storeNeeds{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:210px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:#6d8066 transparent}
  #storeNeeds>.store-need,#storeNeeds>.store-need:last-child{grid-column:auto;height:206px;min-height:0;scroll-snap-align:start}
  #storeNeeds .store-need-dial,#storeNeeds>.store-need:last-child .store-need-dial{right:19px;top:18px;width:104px;height:104px}
  #storeNeeds .store-need-caption,#storeNeeds>.store-need:last-child .store-need-caption{left:14px;right:14px;bottom:16px}
  #storeNeeds .store-need-title{font-size:15px;margin-bottom:6px}
  #storeNeeds .store-need-count{font-size:11px}
  #storeNeeds>.store-need:last-child:after{background:linear-gradient(0deg,#07100df5 0%,#07100dcb 24%,#07100d00 65%)}
}