.modal-backdrop{z-index:1010;background:#0b1b2b6b;place-items:center;padding:16px;animation:.15s ease-out modal-fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;outline:none;width:min(560px,100%);max-height:calc(100vh - 32px);animation:.18s ease-out modal-pop;overflow-y:auto;box-shadow:0 24px 60px -20px #0b1b2b40}.modal--lg{width:min(880px,96vw)}.modal__head{border-bottom:1px solid #e5ebf2;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal__title{color:#0b1b2b;margin:0;font-size:20px;font-weight:700}.modal__close{color:#64748b;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:grid}.modal__close:hover{color:#0b1b2b;background:#f6f8fb}.modal__close:focus-visible{outline-offset:2px;outline:2px solid #157abf}.modal__body{padding:24px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
.quick-view{grid-template-columns:1fr 1fr;gap:24px;min-width:min(720px,80vw);display:grid}@media (max-width:820px){.quick-view{grid-template-columns:1fr;min-width:auto}}.quick-view__loading{text-align:center;color:#64748b;padding:40px}.quick-view__media{aspect-ratio:1;background:#fff;border:1px solid #e5ebf2;border-radius:14px;place-items:center;display:grid;overflow:hidden}.quick-view__img{object-fit:contain;mix-blend-mode:multiply;width:88%;height:88%}.quick-view__noimg{background:#f6f8fb;width:100%;height:100%}.quick-view__brand{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:12px;font-weight:600}.quick-view__name{margin:6px 0 14px;font-size:22px;font-weight:800;line-height:1.1}.quick-view__price{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.quick-view__price .now{font-size:28px;font-weight:800}.quick-view__price .was{color:#94a3b8;font-size:16px;text-decoration:line-through}.quick-view__variants{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.quick-view__pill{cursor:pointer;background:#fff;border:1.5px solid #e5ebf2;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.quick-view__pill:hover{color:#157abf;border-color:#157abf}.quick-view__pill.is-active{color:#fff;background:#0b1b2b;border-color:#0b1b2b}.quick-view__pill.is-off{opacity:.45;text-decoration:line-through}.quick-view__specs{margin:0 0 18px;font-size:14px}.quick-view__specs div{border-bottom:1px solid #e5ebf2;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.quick-view__specs dt{color:#64748b}.quick-view__specs dd{text-align:right;margin:0;font-weight:500}.quick-view__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.quick-view__more{color:#157abf;font-weight:600;text-decoration:none}.quick-view__more:hover{text-decoration:underline}