.showcase{color:#241b32;background:#faf9fc}.showcase-intro{text-align:center;max-width:1500px;margin:auto;padding:20px 24px}.showcase-intro>img{border-radius:12px;width:100%;height:auto}.showcase-intro>a{margin:16px auto}.showcase-body{padding-top:20px;padding-bottom:60px}.showcase-body h1{font-size:clamp(2rem,4vw,3rem)}.showcase-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.showcase label{gap:5px;font-size:.9rem;font-weight:600;display:grid}.showcase input:not([type=checkbox]),.showcase select{color:#241b32;background:#fff;border:1px solid #d8d2df;border-radius:6px;width:100%;min-height:44px;padding:10px}.showcase-check{align-items:center;gap:8px;display:flex!important}.showcase-check input{width:18px;height:18px}.showcase-count{color:#716b78}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.showcase-card{background:#fff;border:1px solid #e8e2ed;border-radius:12px;min-width:0;overflow:hidden}.showcase-picture{text-align:center;color:#716b78;background:#f5f2f7;place-items:center;height:245px;padding:10px;display:grid}.showcase-picture img{object-fit:contain;width:100%;height:100%}.showcase-card-body{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.showcase-card h2{overflow-wrap:anywhere;min-height:4em;margin:0;font-size:1rem}.showcase-label{color:#716b78;font-size:.75rem}.showcase-card strong,.showcase-price{color:#5c287e;font-weight:800}.showcase-card button{color:#5e2b7e;background:#eee7f4;border:0;border-radius:6px;padding:10px 14px;font-weight:700}.showcase-dialog{max-height:90vh;overflow:auto;max-width:min(850px,95vw)!important}.showcase-detail{grid-template-columns:1fr 1fr;gap:22px;display:grid}.showcase-main-photo{object-fit:contain;width:100%;max-height:420px}.showcase-thumbnails{flex-wrap:wrap;gap:8px;display:flex}.showcase-thumbnails button{border:1px solid #ddd;width:64px;height:64px}.showcase-thumbnails img{object-fit:contain;width:100%;height:100%}.showcase-price{font-size:1.6rem}@media (width<=800px){.showcase-grid,.showcase-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.showcase-intro{padding:12px}.showcase-grid{gap:8px}.showcase-picture{height:150px}.showcase-card-body{padding:11px}.showcase-detail{grid-template-columns:1fr}}.showcase-dialog{padding:28px!important;display:block!important}.showcase-dialog>h2{margin:0 28px 18px 0;font-size:1.35rem;line-height:1.25}.showcase-dialog .showcase-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.showcase-dialog label{gap:8px;font-weight:600;display:grid}.showcase-dialog select{background:#fff;border:1px solid #d8d2df;border-radius:6px;width:100%;padding:10px}.showcase-dialog p{margin:14px 0}.showcase-dialog .notice{background:#f0e7fa;border-left:4px solid #7024a8;padding:14px}@media (width<=600px){.showcase-dialog .showcase-detail{grid-template-columns:minmax(0,1fr)}.showcase-dialog .showcase-main-photo{max-height:250px}}
