#shop [hidden]{display:none!important}
.shophead{margin-bottom:28px!important}
.shopfilters{display:grid;gap:18px;margin-top:22px}
.shopfilters label{display:flex;flex-direction:column;gap:8px;font:600 12px var(--body);color:var(--ink)}
.shopfilters select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--blush);font:500 14px var(--body);color:var(--ink)}
.shopresults{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;font:500 12px var(--body);flex-wrap:wrap}
.shoplayout{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.shoplayout button{border:0;padding:9px 12px;min-height:44px;min-width:44px;background:transparent;font:600 12px var(--body);color:var(--ink);cursor:pointer}
.shoplayout button[aria-pressed=true]{background:var(--ribbon);color:var(--blush)}
.shopclear{font:600 12px var(--body);color:var(--ribbon);border:0;background:none;text-decoration:underline;padding:10px 0;min-height:44px;cursor:pointer}
.shoptools{position:static;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.shop-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;align-content:start;scroll-margin-top:105px}
#shop .yp-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:16px;border-radius:12px}
#shop .yp-card h3{font:600 15px/1.5 var(--body);text-transform:none;overflow-wrap:anywhere;margin:0 0 8px}
#shop .yp-card h3+p{font:600 16px var(--body);font-variant-numeric:tabular-nums;margin:0 0 8px;color:var(--ink)}
#shop .yp-card .cat-media{margin-bottom:16px;min-width:0}
#shop .yp-card .cat-media__main{width:100%;height:240px;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:6px;background:transparent}
#shop .yp-card .cat-ph{height:240px;aspect-ratio:auto;border-radius:6px;font-size:32px}
#shop .cat-media__cap{display:none}
#shop .cat-media__thumbs{flex-wrap:nowrap;overflow-x:auto;padding:4px 1px;margin-top:6px}
#shop .cat-media__thumb{width:34px;height:40px;border-radius:4px}
#shop .cat-media__thumb img{object-fit:contain}
#shop .yp-card>.btn{min-height:42px;font-size:12px;padding:9px 12px}
.shop-piece-info{min-width:0}
.shop-pieces.list{grid-template-columns:1fr;gap:12px}
#shop .list .yp-card{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:20px;align-items:center;padding:18px}
#shop .list .shop-piece-info{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:22px;align-content:center}
#shop .list .cat-media{grid-column:1;grid-row:1/span 10;margin:0}
#shop .list .cat-media__main,#shop .list .cat-ph{height:155px}
#shop .list .shop-piece-info>h3,#shop .list .shop-piece-info>p{grid-column:2}
#shop .list .yp-card>.btn{margin-top:0!important}
.shop-empty{grid-column:1/-1;padding:64px 24px;text-align:center;border:1px dashed var(--line);border-radius:12px}
.shop-empty h3{font:500 24px var(--disp);margin-bottom:12px}
.shop-empty p{font:400 14px/1.7 var(--body);margin-bottom:18px}
.shop-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;font:500 12px var(--body);grid-column:2;flex-wrap:wrap}
.shop-pages>div{display:flex;gap:10px}
#shop :is(button,a,input,select):focus-visible{outline:2px solid var(--ribbon);outline-offset:3px}
@media(min-width:981px){.shoptools{position:sticky;top:105px;max-height:calc(100dvh - 125px)}.shopresults{align-items:flex-start;flex-direction:column}}
@media(max-width:1100px){.shop-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.shopfilters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.shop-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-pages{grid-column:auto}.shopfilters select{font-size:16px}.shop-pieces .cat-media__main{height:220px}}
@media(max-width:620px){
  #shop{padding-top:24px}.shophead{gap:0!important;margin-bottom:24px!important}.shophead>div{min-width:0!important}
  .shopfilters{grid-template-columns:1fr 1fr;gap:12px}.shopfilters label:last-child{grid-column:1/-1}
  .shopresults{margin:18px 0}.shop-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  #shop .yp-card{padding:10px;border-radius:8px}#shop .yp-card h3{font-size:13px;line-height:1.5}#shop .yp-card h3+p{font-size:14px}
  #shop .yp-card .cat-media__main,#shop .yp-card .cat-ph{height:170px}#shop .cat-media__thumb{width:30px;height:36px}
  #shop .yp-card>.btn{font-size:11px;padding:9px 5px}
  #shop .list .yp-card{grid-template-columns:1fr;gap:12px;padding:14px}
  #shop .list .shop-piece-info{grid-template-columns:95px minmax(0,1fr);column-gap:16px}
  #shop .list .cat-media__main,#shop .list .cat-ph{height:125px}
  #shop .list .yp-card>.btn{justify-self:stretch;margin-left:111px;width:auto!important}
}
@media(prefers-reduced-motion:reduce){#shop .yp-card{transition:none}#shop .yp-card:hover{transform:none}}