.shop__head{border-block-end:1px solid var(--line);background:radial-gradient(50rem 22rem at 10% 0%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 70%);padding-block:clamp(3rem,7vw,5rem) 2rem}.shop__head-inner{grid-template-columns:1fr auto;align-items:end;gap:1.5rem;display:grid}.shop__head h1{font-size:clamp(3rem,8vw,6rem)}.shop .search{border:2px solid var(--line);border-radius:var(--radius);background:var(--soft);align-items:center;gap:.6rem;min-block-size:3rem;inline-size:min(100%,20rem);padding:0 1rem;display:flex}.shop .search:focus-within{border-color:var(--brand)}.shop .search svg{block-size:1.1rem;inline-size:1.1rem;color:var(--muted);flex:none}.shop .search input{min-inline-size:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding-block:.6rem}.shop__body{gap:1.5rem;padding-block:2.5rem 6rem;display:grid}.shop__msg{color:var(--muted);font-size:1.1rem}.shop__banner{border:1px solid var(--accent);border-radius:var(--radius);background:var(--soft);border-inline-start-width:4px;padding:1rem 1.25rem}.shop .grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.shop .card{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s, transform .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}.shop .card:hover{border-color:var(--brand-dark);transform:translateY(-3px)}.shop .card__media{aspect-ratio:1;background:#0a0907;position:relative}.shop .card__media img{object-fit:cover;block-size:100%;inline-size:100%}.shop .card__media .card__ph{color:var(--brand);background:repeating-linear-gradient(to bottom, #00000040 0 1px, transparent 1px 3px), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--brand) 20%, #0d1008), #070805 75%);place-items:center;display:grid;position:absolute;inset:0}.shop .card__media .card__ph svg{inline-size:36%}.shop .card__media .card__tag{font:400 .65rem/1 var(--font-display);letter-spacing:.08em;background:var(--brand);color:var(--on-brand);padding:.35rem .5rem;position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem}.shop .card .card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.shop .card .card__name{font:700 1.35rem/1.05 var(--font-head);text-transform:uppercase}.shop .card .card__desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.shop .card .card__row{justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:auto;padding-block-start:.5rem;display:flex}.shop .card .card__price{font:900 1.6rem/1 var(--font-head)}.shop .card .card__add{min-block-size:2.75rem;padding-inline:1rem;font-size:.8rem}.shop .card .card__add:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.cart-fab{z-index:60;box-shadow:4px 4px 0 var(--accent);position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.cart-fab[hidden]{display:none}.cart-fab__n{background:var(--bg);block-size:1.6rem;min-inline-size:1.6rem;color:var(--ink);border-radius:999px;place-items:center;padding-inline:.3rem;font-size:.8rem;display:inline-grid}.cart-fab.bump{animation:bump .35s var(--ease)}@keyframes bump{40%{transform:scale(1.08)}}.bag{border:0;border-inline-start:2px solid var(--brand);background:var(--soft);block-size:100dvh;max-block-size:100dvh;inline-size:min(100%,26rem);max-inline-size:100%;color:var(--ink);margin:0 0 0 auto;padding:0}.bag::backdrop{background:#0009}.bag__panel{flex-direction:column;block-size:100%;display:flex}.bag__head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.bag__head h2{font-size:2rem}.bag__x{border:2px solid var(--line);border-radius:var(--radius);block-size:2.75rem;inline-size:2.75rem;color:var(--ink);background:0 0;place-items:center;display:grid}.bag__notice,.bag__empty{color:var(--muted);padding:1rem 1.25rem}.bag .bag__lines{flex:1;padding:.5rem 1.25rem;overflow-y:auto}.bag .line{border-block-end:1px dashed var(--line);grid-template-columns:1fr auto;gap:.5rem 1rem;padding-block:1rem;display:grid}.bag .line__name{font-weight:700}.bag .line__price{text-align:end;font-weight:700}.bag .qty{border:1px solid var(--line);border-radius:var(--radius);align-items:center;display:inline-flex}.bag .qty__b{block-size:2.75rem;inline-size:2.75rem;color:var(--ink);background:0 0;border:0;font-size:1.2rem}.bag .qty__b:disabled{opacity:.35;cursor:default}.bag .qty__v{text-align:center;min-inline-size:2rem}.bag .line__rm{color:var(--muted);background:0 0;border:0;justify-self:end;min-block-size:2.75rem;text-decoration:underline}.bag__foot{border-block-start:1px solid var(--line);gap:.9rem;padding:1.25rem;display:grid}.bag__how{border:0;gap:.5rem;margin:0;padding:0;display:grid}.bag__how legend{font:400 .75rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-block-end:.6rem}.bag .how{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.bag .how[hidden]{display:none}.bag .how:has(input:checked){border-color:var(--brand)}.bag .how input{accent-color:var(--brand);block-size:1.1rem;inline-size:1.1rem;margin-block-start:.3rem}.bag .how>span{gap:.2rem;display:grid}.bag .how small{color:var(--muted);font-size:.85rem}.bag__sum{justify-content:space-between;font-size:1.15rem;display:flex}.bag__tax{color:var(--muted);font-size:.85rem}.bag__err{color:var(--accent-text);font-weight:700}.bag__go{inline-size:100%}@media (width<=640px){.shop__head-inner{grid-template-columns:1fr}.search{inline-size:100%}}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}.cart-fab.bump{animation:none}}
