#quickview-dialog{padding:0;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
#quickview-dialog .quickview-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#quickview-dialog .quickview-gallery{min-width:0;align-self:start;background:#f7f7f7}
#quickview-dialog .quickview-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1;overflow:hidden;margin:0}
#quickview-dialog .quickview-image .swiper-slide{height:100%}
#quickview-dialog .quickview-image img{display:block;width:100%;height:100%;object-fit:contain}
#quickview-dialog .quick-gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:2px 12px;font-size:13px}
#quickview-dialog .quick-gallery-controls button{width:44px;height:44px}
#quickview-dialog .quick-gallery-controls button:disabled{opacity:.3}
#quickview-dialog .quick-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 16px;scrollbar-width:thin;overscroll-behavior-x:contain}
#quickview-dialog .quick-thumbnails button{flex:0 0 60px;height:60px;border:1px solid transparent;padding:3px;background:#fff}
#quickview-dialog .quick-thumbnails button[aria-pressed=true]{border-color:var(--ink)}
#quickview-dialog .quick-thumbnails img{width:100%;height:100%;object-fit:contain}
#quickview-dialog .quickview-details{min-width:0;padding:44px 28px 28px}
#quickview-dialog .quickview-details h2{overflow-wrap:anywhere}
#quickview-dialog .quick-quantity-field{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px}
#quickview-dialog .quick-quantity-field>label{font-size:14px;font-weight:500}
#quickview-dialog .quick-quantity{display:grid;grid-template-columns:44px 56px 44px;align-items:center;border:1px solid #d8d5d1;min-height:48px;background:#fff}
#quickview-dialog .quick-quantity button{display:flex;align-items:center;justify-content:center;width:44px;height:46px}
#quickview-dialog .quick-quantity svg{width:16px;height:16px}
#quickview-dialog .quick-quantity input{appearance:textfield;-moz-appearance:textfield;width:100%;min-width:0;min-height:46px;border:0;border-inline:1px solid #eee;border-radius:0;text-align:center;padding:8px 2px;font:400 16px/1.4 var(--body);background:transparent;color:inherit}
#quickview-dialog .quick-quantity input::-webkit-inner-spin-button,#quickview-dialog .quick-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#quickview-dialog .modal-close{position:sticky;top:8px;float:right;margin:8px 8px -52px 0;right:auto;z-index:5;box-shadow:0 1px 8px #0000000a}
#quickview-dialog [data-quick-content]{clear:none}
#quickview-dialog .quick-quantity button:disabled{opacity:.3}
@media(max-width:767px){
 #quickview-dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:92dvh}
 #quickview-dialog .quickview-layout{grid-template-columns:minmax(0,1fr)}
 #quickview-dialog .quickview-details{padding:24px 20px 28px}
 #quickview-dialog .quickview-details h2{font-size:32px;line-height:1.15}
 #quickview-dialog .quickview-description{font-size:14px;line-height:1.65}
 #quickview-dialog .quick-thumbnails button{flex-basis:52px;height:52px}
}
