body.xp-quickview-open{overflow:hidden!important}
#customid.xp-quickview-visible{display:block!important}
#customid.xp-quickview-visible .kt-modal-overlay,#customid.xp-quickview-visible .kt-modal-container,#customid.xp-quickview-visible .kt-modal-content{animation:none!important;transition:none!important;opacity:1!important}
#customid.xp-quickview-visible .kt-modal-container{background:#fff!important}
#customid.xp-quickview-shell{position:fixed;inset:0;z-index:999999;display:block}
#customid.xp-quickview-shell .kt-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.58);padding:16px}
#customid.xp-quickview-shell .kt-modal-container{position:relative;background:#fff;border-radius:16px;width:min(1000px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:30px;color:#273344}
.xp-qv-preview{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.xp-qv-preview img{width:100%;max-height:360px;object-fit:cover;border-radius:12px}
.xp-qv-preview h2{margin:0 32px 14px 0;font:inherit;font-size:clamp(22px,3vw,30px);font-weight:750;line-height:1.2}
.xp-qv-status{margin-top:22px;display:flex;gap:10px;align-items:center}
.xp-qv-spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:currentColor;border-radius:50%;animation:xp-qv-spin .7s linear infinite}
.xp-qv-placeholder{height:12px;background:#f0f1f2;border-radius:6px;margin:18px 0;width:85%}
#customid .xp-qv-error a,#customid .xp-qv-error button{display:inline-block;margin:12px 12px 0 0}
@keyframes xp-qv-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.xp-qv-preview{grid-template-columns:1fr;gap:20px}.xp-qv-preview img{max-height:150px}#customid.xp-quickview-shell .kt-modal-container{padding:24px}.xp-qv-preview h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.xp-qv-spinner{animation:none}}

/* Reserve the same frame before and after product details arrive. */
#customid.xp-quickview-visible .kt-modal-overlay{padding:20px!important;box-sizing:border-box;align-items:center!important;justify-content:center!important}
#customid.xp-quickview-visible .kt-modal-container{box-sizing:border-box!important;width:min(1000px,100%)!important;max-width:1000px!important;height:min(900px,90dvh,calc(100dvh - 40px))!important;min-height:0!important;max-height:calc(100dvh - 40px)!important;margin:0!important;overflow:auto!important;border-radius:16px!important}