.bg-empty,.bg-grid,.bt{max-width:1240px;margin-inline:auto}.bt{padding:1.5rem 0 .25rem}.bt-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.bt-count{font-size:.9rem;color:var(--text-muted);margin:0}.bt-count strong{color:var(--text-main);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bt-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.bt-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 1rem;background:var(--surface);color:var(--text-sub);border:1px solid var(--border-c);border-radius:2px;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.bt-btn svg{width:15px;height:15px}.bt-btn.has-active,.bt-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.bt-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--terracotta);color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bt-sort{display:flex;align-items:center;gap:.5rem}.bt-sort label{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.bt-sort select{min-height:40px;padding:0 2rem 0 .8rem;background:var(--surface);color:var(--text-main);border:1px solid var(--border-c);border-radius:2px;font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6B52' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:12px;transition:border-color .2s}.bt-sort select:hover{border-color:var(--terracotta)}.bt-panel{display:grid;grid-template-columns:minmax(0,320px) auto 1fr;align-items:end;grid-gap:1.5rem 2.5rem;gap:1.5rem 2.5rem;margin-top:1rem;padding:1.25rem 1.4rem;background:var(--surface2);border:1px solid var(--border-c);border-radius:4px}.bt-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.bt-field>label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.8rem;font-weight:600;color:var(--text-sub);text-transform:uppercase;letter-spacing:.06em}.bt-field-value{font-size:.85rem;font-weight:700;color:var(--terracotta);text-transform:none;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bt-field input[type=range]{width:100%;accent-color:var(--terracotta);cursor:pointer}.bt-range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bt-check{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:var(--text-sub);cursor:pointer}.bt-check input{width:18px;height:18px;accent-color:var(--terracotta);cursor:pointer}.bt-reset{justify-self:end;align-self:end;background:none;border:none;padding:.4rem 0;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bt-reset:hover{color:var(--terracotta)}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;padding:1.75rem 0 4rem}.bg-tile{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(27,67,50,.09);border-radius:3px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.bg-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);z-index:4;transform:scaleY(0);transform-origin:top;transition:transform .35s cubic-bezier(.16,1,.3,1)}.bg-tile:focus-within,.bg-tile:hover{border-color:rgba(109,7,0,.28);box-shadow:0 16px 40px rgba(27,67,50,.11)}.bg-tile:focus-within:before,.bg-tile:hover:before{transform:scaleY(1)}.bg-tile.is-out{opacity:.72}.bg-tile.is-out .bg-img{filter:grayscale(.5)}.bg-media{position:relative;aspect-ratio:1/1;flex:none;overflow:hidden;background:var(--img-bg)}.bg-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1)}.bg-tile:hover .bg-img{transform:scale(1.06)}.bg-ph{width:45%;height:45%;margin:auto;display:block}.bg-ph,.bg-scrim{position:absolute;inset:0}.bg-scrim{z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(20,6,0,.55) 0,rgba(20,6,0,.12) 38%,transparent 62%)}.bg-flags{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;pointer-events:none}.bg-flag{font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;border-radius:2px;color:#fff;white-space:nowrap}.bg-flag--best{background:var(--terracotta)}.bg-flag--new{background:#1b4332}.bg-flag--bio{background:#4a7c59}.bg-flag--rare{background:#7a5c3e}.bg-flag--out{background:#5a5a5a}.bg-flag--low{background:#fff;color:#8a5a00;border:1px solid rgba(138,90,0,.3)}.bg-wish{position:absolute;top:8px;right:8px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.92);border:none;border-radius:50%;color:rgba(27,67,50,.45);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:color .2s,transform .2s,background .2s}.bg-wish svg{width:15px;height:15px}.bg-wish:hover{transform:scale(1.08)}.bg-wish.is-on,.bg-wish:hover{color:var(--terracotta)}.bg-tag{position:absolute;left:0;bottom:0;z-index:3;display:flex;align-items:baseline;gap:.35rem;padding:.5rem .95rem .5rem .8rem;background:var(--terracotta);color:var(--cream);-webkit-clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transform:translateY(0);pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s}.bg-tile:hover .bg-tag{transform:translateY(-2px);background:var(--terracotta-h)}.bg-tag-price{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1;letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-tag-unit{font-family:var(--font-body);font-size:.7rem;opacity:.8}.bg-body{padding:.85rem 1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.bg-cat{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.bg-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.15;color:var(--text-main);margin:0}.bg-link{color:inherit;text-decoration:none}.bg-link:after{content:"";position:absolute;inset:0;z-index:2}.bg-tile:has(.bg-link:focus-visible){outline:2px solid var(--terracotta);outline-offset:2px}.bg-link:focus-visible{outline:none}.bg-stars{font-size:.8rem;color:var(--gold);letter-spacing:.06em}.bg-stars-off{color:rgba(27,67,50,.2)}.bg-stars small{color:var(--text-muted);font-size:.74rem;margin-left:.3rem;letter-spacing:0}.bg-desc{font-size:.84rem;line-height:1.55;color:var(--text-sub);margin:.3rem 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bg-actions{display:flex;gap:.5rem;padding:.6rem 1rem 1rem;margin-top:auto}.bg-actions,.bg-add{align-items:center;z-index:3}.bg-add{position:relative;display:inline-flex;gap:.45rem;height:40px;padding:0 1rem;background:var(--text-main);color:#fff;border:none;border-radius:2px;cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,max-width .3s}.bg-add svg{width:14px;height:14px;flex-shrink:0}.bg-add:hover:not(:disabled){background:var(--terracotta)}.bg-add:disabled{background:#9a9a9a;cursor:not-allowed}.bg-peek{position:relative;z-index:3;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-sub);border:1px solid var(--border-c);border-radius:2px;cursor:pointer;transition:border-color .2s,color .2s}.bg-peek svg{width:16px;height:16px}.bg-peek:hover{border-color:var(--terracotta);color:var(--terracotta)}@keyframes bgTileIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bg-tile{animation:bgTileIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 45ms)}.bg-skel{animation:none}.bg-skel-img{flex:1 1;min-height:0}.bg-skel-body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.bg-skel-line{border-radius:2px}.bg-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:5rem 1.5rem 6rem;color:var(--text-muted)}.bg-empty>svg{color:rgba(109,7,0,.25);margin-bottom:.5rem}.bg-empty-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.bg-empty-sub{font-size:.9rem;line-height:1.6;max-width:42ch;margin:0}.bg-empty-btn{margin-top:.9rem;min-height:44px;padding:0 1.6rem;background:var(--terracotta);color:var(--cream);border:none;border-radius:2px;cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}.bg-empty-btn:hover{background:var(--terracotta-h)}.qv-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(20,6,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:qvFade .2s ease both}@keyframes qvFade{0%{opacity:0}to{opacity:1}}.qv-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(920px,100%);max-height:min(88vh,640px);background:var(--surface);border-radius:5px;overflow:hidden;box-shadow:0 30px 80px rgba(20,6,0,.35);animation:qvRise .28s cubic-bezier(.16,1,.3,1) both}@keyframes qvRise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.qv-panel:focus{outline:none}.qv-close{position:absolute;top:10px;right:10px;z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.92);border:none;border-radius:50%;color:var(--text-main);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.14);transition:background .2s,color .2s}.qv-close svg{width:17px;height:17px}.qv-close:hover{background:var(--terracotta);color:#fff}.qv-media{position:relative;background:var(--img-bg);display:flex;flex-direction:column;min-height:0}.qv-img{width:100%;height:100%;object-fit:cover;flex:1 1;min-height:0}.qv-noimg{flex:1 1;display:flex;align-items:center;justify-content:center}.qv-noimg svg{width:45%;max-width:140px}.qv-thumbs{display:flex;gap:.4rem;padding:.6rem;background:hsla(0,0%,100%,.72);flex-wrap:wrap}.qv-thumb{width:48px;height:48px;padding:0;border:1px solid var(--border-c);border-radius:2px;overflow:hidden;background:none;cursor:pointer;transition:border-color .2s}.qv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.qv-thumb.is-on{border-color:var(--terracotta);border-width:2px}.qv-info{display:flex;flex-direction:column;gap:.45rem;padding:2.2rem 2rem 2rem;overflow-y:auto}.qv-cat{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.qv-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.1;color:var(--text-main);margin:0}.qv-stars{font-size:.85rem;color:var(--gold);letter-spacing:.06em}.qv-stars-off{color:rgba(27,67,50,.2)}.qv-stars small{color:var(--text-muted);font-size:.78rem;margin-left:.35rem;letter-spacing:0}.qv-desc{font-size:.9rem;line-height:1.7;color:var(--text-sub);margin:.3rem 0}.qv-price{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--terracotta);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qv-price small{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);font-weight:400}.qv-stock{font-size:.85rem;color:#2e6b45;margin:0}.qv-stock.is-low{color:#8a5a00}.qv-stock.is-out{color:#a5301f}.qv-qty{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.qv-qty-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub)}.qv-qty-ctrl{display:flex;align-items:center;gap:.2rem;border:1px solid var(--border-c);border-radius:2px;overflow:hidden}.qv-qty-ctrl button{width:40px;height:40px;background:var(--surface2);border:none;color:var(--text-main);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s,color .2s}.qv-qty-ctrl button:hover:not(:disabled){background:var(--terracotta);color:#fff}.qv-qty-ctrl button:disabled{opacity:.35;cursor:not-allowed}.qv-qty-n{min-width:44px;text-align:center;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qv-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}.qv-add{min-height:50px;background:var(--terracotta);color:var(--cream);border:none;border-radius:2px;cursor:pointer;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;transition:background .2s}.qv-add:hover:not(:disabled){background:var(--terracotta-h)}.qv-add:disabled{background:#9a9a9a;cursor:not-allowed}.qv-more{text-align:center;font-size:.85rem;color:var(--text-sub);text-decoration:underline;text-underline-offset:3px}.qv-more:hover{color:var(--terracotta)}@media (max-width:1200px){.bg-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bg-grid{grid-template-columns:repeat(2,1fr)}.qv-panel{grid-template-columns:1fr;max-height:92vh}.qv-media{max-height:40vh}.bt-panel{grid-template-columns:1fr;align-items:stretch}.bt-reset{justify-self:start}}@media (max-width:600px){.bg-grid{gap:.7rem;padding-top:1.25rem}.bg-body{padding:.7rem .75rem .4rem}.bg-actions{padding:.5rem .75rem .8rem;gap:.4rem}.bg-name{font-size:1rem}.bg-tag-price{font-size:1.15rem}.bg-desc{font-size:.8rem}.bg-add{padding:0;width:44px;height:44px;justify-content:center}.bg-add-label{display:none}.bg-peek{width:44px;height:44px}.bg-wish{width:40px;height:40px}.bt-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.bt-controls{width:100%}.bt-sort{flex:1 1}.bt-sort select{width:100%}.qv-overlay{padding:0;align-items:flex-end}.qv-panel{max-height:94vh;border-radius:5px 5px 0 0}.qv-info{padding:1.5rem 1.25rem 1.75rem}}@media (pointer:coarse){.bg-tile:before{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.bg-tile{animation:none}.bg-tile:hover .bg-img,.bg-tile:hover .bg-tag{transform:none}.qv-overlay,.qv-panel{animation:none}}