/* The shop rail: products standing on one continuous shelf. Native scroll by default; .is-drag (shop.js, desktop) drives it with transforms. */
.shop{--stage:262px;--floor:36px}
.shop .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(20px,3vw,40px)}
.shop-head h2{margin-top:14px}
.shop-line{margin-top:14px;font-size:18px;color:var(--ink-2)}
.shop-arrows{display:flex;gap:10px;flex:none}
.shop-arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .1s ease-out,background .2s,opacity .2s}
.shop-arrow:active{transform:scale(.97)}
.shop-arrow[aria-disabled="true"]{opacity:.32}
@media (hover:hover) and (pointer:fine){.shop-arrow:hover{background:var(--plaster-2)}}
.shop-railwrap{position:relative}
.shop-shelf{position:absolute;left:0;right:0;top:var(--stage);height:calc(var(--floor) + 2px);border-top:2px solid var(--umber);background:var(--plaster-2)}
.shop-rail{position:relative;z-index:1;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;outline-offset:-3px}
.shop-rail::-webkit-scrollbar{display:none}
.shop-rail:focus-visible{outline:2px solid var(--ink)}
.shop-track{list-style:none;margin:0;padding:0 max(var(--gutter),calc((100% - var(--max))/2)) 8px;display:flex;gap:30px;width:max-content}
.shop-item{width:236px;flex:none;scroll-snap-align:start}
.shop-item[data-kind=jar]{--h:220px}.shop-item[data-kind=bottle]{--h:240px}.shop-item[data-kind=pouch]{--h:230px}.shop-item[data-kind=stone]{--h:200px}.shop-item[data-kind=glove]{--h:230px}
.shop-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;height:var(--stage)}
.shop-lean{display:block;transform-origin:50% 100%;will-change:transform}
.shop-item img.cut{height:var(--h);width:auto;max-width:236px;object-fit:contain;object-position:50% 100%;-webkit-user-drag:none;user-select:none}
.shop-tag{position:absolute;top:0;left:0;z-index:2}
.gift-card{display:flex;flex-direction:column;justify-content:space-between;width:200px;height:134px;margin-bottom:2px;padding:16px 16px 14px;border-radius:var(--r-lg);background:var(--amber);color:var(--ink);box-shadow:0 14px 22px rgba(42,29,21,.2),0 2px 4px rgba(42,29,21,.12);font-family:var(--font-display);font-size:21px;line-height:1.1;font-variation-settings:"opsz" 144,"SOFT" 40}
.gift-card img{height:30px;width:auto}
.shop-info{padding-top:calc(var(--floor) + 20px)}
.shop .shop-name{font-family:var(--font-sans);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:0;font-variation-settings:normal}
.shop-sub{font-size:15px;line-height:1.4;color:var(--ink-2);margin-top:2px}
.shop-price{font-family:var(--font-display);font-size:24px;line-height:1.2;margin-top:8px;font-weight:360;font-variation-settings:"opsz" 144,"SOFT" 40}
.shop .shop-add{min-height:44px;margin-top:12px;padding:0 22px;font-size:16px}
.shop-sold{margin-top:12px;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--ink-2)}
.shop-rail.is-drag{overflow:hidden;scroll-snap-type:none;cursor:grab;touch-action:pan-y}
.shop-rail.is-drag.grabbing{cursor:grabbing;user-select:none}
.shop-rail.is-drag .shop-track{will-change:transform}
@media (max-width:760px){
  .shop{--stage:250px}
  .shop-head{align-items:flex-start;flex-direction:column}
  .shop-arrows{display:none}
  .shop-item{width:214px}
  .shop-item img.cut{max-width:214px}
  .shop-track{gap:22px}
}