.shop{padding-block:1rem 3rem}
.shop .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.shop .card{border:1px solid rgba(128,128,128,.3);border-radius:.6rem;overflow:hidden;background:rgba(128,128,128,.05)}
.shop .card a{color:inherit;text-decoration:none;display:block}
.shop .card img,.shop .ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:rgba(128,128,128,.15)}
.shop .card-body{padding:.8rem}
.shop .price{font-weight:700}
.shop .muted{opacity:.75}
.shop table{width:100%;border-collapse:collapse;margin-block:1rem}
.shop th,.shop td{padding:.6rem;border-bottom:1px solid rgba(128,128,128,.25);text-align:start;vertical-align:middle}
.shop .btn{display:inline-block;padding:.6rem 1.2rem;border-radius:.4rem;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none}
.shop .btn-primary{background:#2c4fd8;border-color:#2c4fd8;color:#fff}
.shop .btn:focus-visible,.shop input:focus-visible,.shop textarea:focus-visible{outline:3px solid #f5a623;outline-offset:2px}
.shop input,.shop textarea{width:100%;padding:.6rem;border:1px solid rgba(128,128,128,.5);border-radius:.4rem;font:inherit;background:transparent;color:inherit}
.shop input[type=number]{width:5rem}
.shop .field{margin-bottom:1rem}.shop .errors{color:#b3261e;margin:.2rem 0}
.shop .alert{padding:.8rem 1rem;border:1px solid #b3261e;border-radius:.4rem;color:#b3261e;margin-block:1rem}
.shop .pager{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}
.shop .detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
@media(max-width:700px){.shop .detail{grid-template-columns:1fr}}
.shop .badge{display:inline-block;padding:.1rem .6rem;border-radius:1rem;border:1px solid currentColor;font-size:.85em}
.shop-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.shop-filters input,.shop-filters select{padding:.4rem .6rem}
.thumbs{display:flex;gap:.5rem;list-style:none;padding:0;margin:.5rem 0}
.thumbs img{width:80px;height:auto;border-radius:.3rem}