#quick-view{position:fixed;inset:auto 0 0;margin:0 auto;padding:0;width:100%;max-width:520px;max-height:90dvh;border:0;background:white;color:#111827;font-family:Muli,sans-serif;line-height:1.4;overflow:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1)}#quick-view.is-visible{transform:translateY(0)}#quick-view::backdrop{background:rgb(0 0 0 / 0);transition:background .3s ease}#quick-view.is-visible::backdrop{background:rgb(0 0 0 / .5)}html:has(#quick-view[open]){overflow:hidden}#quick-view form{display:flex;flex-direction:column;max-height:calc(90dvh - 18px)}#quick-view [hidden]{display:none}#quick-view button,#quick-view input,#quick-view select{font-family:inherit}#quick-view button,#quick-view label:has(input[type=radio]){cursor:pointer}#quick-view :focus-visible{outline:2px solid #15059f;outline-offset:3px}.qv-close{position:absolute;right:12px;top:10px;width:32px;height:32px;font-size:24px;line-height:1;color:#6b7280;border:0;background:transparent;z-index:1}.qv-handle{width:40px;height:4px;margin:10px auto 4px;border-radius:4px;background:#d1d5db}.qv-body{padding:8px 18px 0;overflow-y:auto;overscroll-behavior:contain;min-height:180px}.qv-status:empty{display:none}#quick-view.is-loading .qv-body{min-height:0}#quick-view.is-loading .qv-status{display:flex;justify-content:center;margin:0;padding:40px 0;font-size:0}#quick-view.is-loading .qv-status:after{content:"";width:30px;height:30px;box-sizing:border-box;border:2px solid rgb(21 5 159 / .08);border-top-color:#15059f;border-radius:50%;animation:qv-spin .7s linear infinite}#quick-view.is-loading .qv-footer>*{display:none}@keyframes qv-spin{to{transform:rotate(360deg)}}.qv-top{display:flex;align-items:flex-start;gap:14px;padding-right:22px;margin-bottom:16px}.qv-top>div{min-width:0}.qv-image{flex:0 0 120px;width:120px;height:120px;-o-object-fit:contain;object-fit:contain;background:#f7f7f9}.qv-title{font-family:inherit;font-size:16px;line-height:1.3;font-weight:600;margin:2px 0 6px}.qv-price{font-size:20px;font-weight:700;margin:0}.qv-price s,.qv-plan s{color:#6b7280;font-size:13px;font-weight:400;margin-left:6px}.qv-options fieldset,.qv-plans{border:0;padding:0;margin:0 0 14px}.qv-options legend{margin-bottom:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#374151}.qv-options legend b{text-transform:none;letter-spacing:0;color:#111827;font-weight:600}.qv-plans{margin-top:18px;display:flex;flex-direction:column;gap:10px}.qv-plans legend{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.qv-values{display:flex;flex-wrap:wrap;gap:8px}.qv-option{position:relative}.qv-option input{position:absolute;opacity:0;width:1px;height:1px}.qv-option span{display:block;border:1px solid #d1d5db;padding:9px 14px;font-size:14px;line-height:1.1}.qv-option input:checked+span,.qv-plan:has(input:checked){border-color:#15059f;background:rgb(21 5 159 / .08)}.qv-option input:checked+span{color:#15059f;font-weight:600}.qv-option input:focus-visible+span{outline:2px solid #15059f;outline-offset:3px}.qv-option input:disabled+span{opacity:.4;text-decoration:line-through}.qv-plan{display:flex;align-items:center;gap:12px;border:1px solid #d1d5db;padding:12px 14px;font-size:14px;cursor:pointer}#quick-view .qv-plan input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 18px;width:18px;height:18px;margin:0;border:2px solid #d1d5db;border-radius:50%;background:white;box-shadow:none}#quick-view .qv-plan input:checked{border-color:#15059f;background:radial-gradient(circle,#15059f 0 4px,transparent 4.5px)}.qv-plan label{font-size:14px;font-weight:600;cursor:pointer}.qv-plan-main{flex:1;min-width:0}.qv-plan-main label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.qv-plan-note{display:block;color:#6b7280;font-size:12px;margin-top:2px;line-height:1.3}.qv-save{background:#15059f;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px}.qv-plan select{margin-top:8px;width:100%;max-width:220px;border:1px solid #d1d5db;border-radius:0;padding:8px 28px 8px 10px;font-size:13px;color:#111827;background-color:#fff}.qv-plan strong{flex-shrink:0;margin-left:auto;text-align:right;white-space:nowrap;font-size:15px;font-weight:700}.qv-plan s{display:block;font-size:12px}.qv-quantity{display:flex;align-items:center;gap:14px;margin:18px 0 4px}.qv-quantity>label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#374151;font-weight:600}.qv-stepper{display:inline-flex;align-items:center;border:1px solid #d1d5db}#quick-view .qv-stepper input{width:42px;height:38px;padding:0;border:0;background:white;text-align:center;font-size:15px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-shadow:none}.qv-stepper input::-webkit-inner-spin-button,.qv-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.qv-stepper button{width:38px;height:38px;border:0;background:white;font-size:18px;color:#111827}.qv-deal{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;background:#15059f;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.qv-deal button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:0;padding:6px 10px;background:white;color:#15059f;font-size:13px;line-height:1}.qv-deal button span{border-left:1px solid rgb(21 5 159 / .08);padding-left:8px;font-size:11px;text-transform:uppercase}.qv-footer{flex-shrink:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eee}.qv-add{width:100%;padding:16px;border:0;background:#15059f;color:#fff;font-size:16px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.qv-add:disabled{opacity:.5;cursor:default!important}.qv-details{display:block;text-align:center;margin-top:10px;color:#15059f;text-decoration:underline;font-size:13px}@media (min-width: 768px){#quick-view{top:0;right:0;bottom:0;left:0;margin:auto;max-width:600px;max-height:88dvh;transform:scale(.94);opacity:0;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease}#quick-view.is-visible{transform:scale(1);opacity:1}#quick-view form{max-height:88dvh}.qv-handle{display:none}.qv-body{padding-top:20px}}@media (prefers-reduced-motion: reduce){#quick-view,#quick-view::backdrop{transition:none}#quick-view.is-loading .qv-status:after{animation:none}}
