Beauty & Fashion – ZarnishMart

.mw-qv-overlay{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); justify-content:center; align-items:center; z-index:999999; padding:20px; } .mw-qv-modal{ background:#fff; width:950px; max-width:95%; max-height:90vh; overflow:auto; border-radius:16px; position:relative; animation:mwPopup .25s ease; } @keyframes mwPopup{ from{ opacity:0; transform:scale(.95); } to{ opacity:1; transform:scale(1); } } .mw-qv-close{ position:absolute; top:15px; right:18px; width:40px; height:40px; border:none; background:#1565ff; color:#fff; border-radius:50%; font-size:24px; cursor:pointer; z-index:20; } #mw-qv-body{ padding:30px; } .mw-qv-grid{ display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:start; } .mw-qv-left img{ width:100%; display:block; border-radius:12px; } #mw-qv-title{ font-size:30px; font-weight:700; margin-bottom:18px; } #mw-qv-price{ font-size:24px; font-weight:700; color:#1565ff; margin-bottom:20px; } #mw-qv-description{ margin-bottom:25px; line-height:1.7; color:#555; } @media(max-width:768px){ .mw-qv-grid{ grid-template-columns:1fr; } } #mw-qv-stock{ font-size:15px; font-weight:600; color:#16a34a; margin-bottom:15px; } .mw-view-details{ display:inline-block; margin:12px 0 20px; color:#1565ff; font-weight:700; text-decoration:none; } .mw-view-details:hover{ text-decoration:underline; } #mw-qv-description{ font-size:15px; line-height:1.6; color:#555; } #mw-qv-image{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; } .mw-add-cart-btn{ background:#1565ff; color:#fff; border:none; padding:14px 28px; border-radius:8px; font-size:16px; font-weight:600; cursor:pointer; width:100%; } .mw-add-cart-btn:hover{ background:#0d4fd6; }