.grid-shop{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.p{cursor:pointer;display:block;text-align:left;border:0;background:none;padding:0;font:inherit;color:inherit;width:100%}.p .ph{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-2);background-size:cover;background-position:center;border:1px solid var(--line-soft);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.p:hover .ph{transform:translateY(-4px);box-shadow:0 16px 38px #00000024}.p .name{font-family:var(--font-ui);font-weight:700;font-size:1rem;margin-top:.85rem}.p .price{color:var(--muted);font-size:.95rem;margin-top:.15rem}.qv-pill{position:absolute;left:50%;bottom:1rem;transform:translate(-50%) translateY(.5rem);background:#fff;color:var(--fg);border-radius:999px;padding:.7rem 1.5rem;font-family:var(--font-ui);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 24px #0003;opacity:0;transition:opacity .22s ease,transform .22s ease;pointer-events:none}.p:hover .qv-pill,.p:focus-visible .qv-pill{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:none){.qv-pill{opacity:1;transform:translate(-50%) translateY(0)}}.bag-btn{position:fixed;top:calc(var(--header-h) + 1rem);right:1.1rem;z-index:70;display:inline-flex;align-items:center;gap:.45rem;background:var(--fg);color:#fff;border:0;border-radius:999px;padding:.6rem .95rem;cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:.82rem;box-shadow:0 8px 22px #0000002e}.bag-btn:hover{background:var(--accent)}.bag-btn .count{display:none;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;line-height:1.25rem;text-align:center}.bag-btn.has-items .count{display:inline-block}.bag-btn.has-items{background:var(--accent)}.bag-btn.has-items:hover{background:var(--fg)}.fw-overlay{position:fixed;inset:0;z-index:200;background:#1614138c;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.fw-overlay.open{opacity:1;visibility:visible}.qv{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:min(920px,94vw);max-height:92vh;overflow:auto;background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 30px 80px #0000004d;display:grid;grid-template-columns:1.05fr 1fr;opacity:0;transition:transform .28s ease,opacity .28s ease}.fw-overlay.open .qv{transform:translate(-50%,-50%);opacity:1}.qv-gallery{display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:var(--bg-2);border-radius:var(--radius-lg) 0 0 var(--radius-lg);min-width:0}.qv-img{flex:1;min-height:360px;background:#fff center/contain no-repeat;border-radius:var(--radius)}.qv-thumbs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem}.qv-thumb{flex:0 0 auto;width:56px;height:56px;border-radius:9px;background:#fff center/cover no-repeat;border:2px solid transparent;cursor:pointer;padding:0}.qv-thumb[aria-pressed=true]{border-color:var(--accent)}.qv-body{padding:2rem 1.9rem;position:relative;min-width:0}.qv-body h2{font-family:var(--font-display);font-size:1.7rem;line-height:1.1;margin:0 1.6rem 0 0}.qv-price{color:var(--accent);font-family:var(--font-ui);font-weight:700;font-size:1.1rem;margin:.55rem 0 1.2rem}.qv-label{display:block;font-family:var(--font-ui);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);margin:0 0 .5rem}.qv-label .sel{color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0;margin-left:.4rem}.qv-swatches{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}.qv-swatch{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease}.qv-swatch[aria-pressed=true]{outline-color:var(--accent)}.qv-swatch[disabled]{opacity:.35;cursor:not-allowed}.qv-variants{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem}.qv-variants button{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px;min-width:3rem;padding:.5rem .9rem;font-family:var(--font-ui);font-size:.85rem;cursor:pointer;transition:all .15s ease}.qv-variants button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.qv-variants button[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.qv-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:1.2rem}.qv-qty button{width:2.2rem;height:2.2rem;border:0;background:var(--bg);cursor:pointer;font-size:1.1rem;color:var(--fg)}.qv-qty button:hover{background:var(--bg-2)}.qv-qty span{min-width:2.2rem;text-align:center;font-family:var(--font-ui);font-weight:700}.qv-desc{color:var(--muted);font-size:.88rem;line-height:1.55;margin:.4rem 0 0}.fw-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.85rem 1.2rem;font-family:var(--font-ui);font-weight:700;font-size:.92rem;cursor:pointer}.fw-cta:hover{background:var(--fg)}.fw-cta[disabled]{opacity:.5;cursor:not-allowed}.fw-close{position:absolute;top:.85rem;right:.95rem;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-size:1.1rem;line-height:1;color:var(--fg);z-index:2}.fw-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,100vw);background:var(--bg);box-shadow:-20px 0 60px #00000040;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.fw-overlay.open .drawer{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line)}.drawer-head h2{font-family:var(--font-display);font-size:1.4rem;margin:0}.drawer-items{flex:1;overflow:auto;padding:.6rem 1.4rem}.drawer-empty{color:var(--muted);font-size:.9rem;padding:2rem 0;text-align:center}.li{display:grid;grid-template-columns:64px 1fr auto;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--line-soft)}.li-thumb{width:64px;height:64px;border-radius:10px;background:#fff center/cover no-repeat;border:1px solid var(--line-soft)}.li-name{font-family:var(--font-ui);font-weight:700;font-size:.86rem;line-height:1.2}.li-variant{color:var(--muted);font-size:.78rem;margin-top:.15rem}.li-qty{display:inline-flex;align-items:center;gap:.1rem;margin-top:.5rem;border:1px solid var(--line);border-radius:999px;overflow:hidden}.li-qty button{width:1.7rem;height:1.7rem;border:0;background:var(--bg);cursor:pointer;color:var(--fg)}.li-qty button:hover{background:var(--bg-2)}.li-qty span{min-width:1.6rem;text-align:center;font-size:.82rem;font-family:var(--font-ui);font-weight:700}.li-right{text-align:right;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.li-price{font-family:var(--font-ui);font-weight:700;font-size:.86rem}.li-remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.74rem;text-decoration:underline;padding:0}.li-remove:hover{color:var(--accent)}.drawer-foot{padding:1.3rem 1.4rem;border-top:1px solid var(--line)}.drawer-sub{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.drawer-sub .lbl{font-family:var(--font-ui);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.drawer-sub .val{font-family:var(--font-display);font-size:1.4rem}.drawer-note{color:var(--muted);font-size:.74rem;margin-top:.7rem;text-align:center}@media(max-width:680px){.qv{grid-template-columns:1fr}.qv-gallery{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.qv-img{min-height:300px}.drawer{width:100vw}}