.product-card {position: relative}
.quick-view-btn {position: absolute;left: 12px;right: 12px;top: 145px;z-index: 4;border: 0;border-radius: 7px;background: rgba(17,17,17,.92);color: #fff;padding: 9px;font-size: 11px;font-weight: 850;cursor: pointer;opacity: 0;transform: translateY(7px);transition: .2s}
.product-card:hover .quick-view-btn,.quick-view-btn:focus {opacity: 1;transform: translateY(0)}
.quick-view-overlay {position: fixed;inset: 0;z-index: 130;display: grid;place-items: center;padding: 20px;background: rgba(0,0,0,.58);opacity: 0;visibility: hidden;transition: .22s}
.quick-view-overlay.show {opacity: 1;visibility: visible}
.quick-view-modal {position: relative;width: min(850px,100%);max-height: min(650px,calc(100dvh - 30px));overflow: auto;display: grid;grid-template-columns: .95fr 1.05fr;background: #fff;border-radius: 15px;box-shadow: 0 25px 70px #0005;transform: translateY(18px) scale(.98);transition: .22s}
.quick-view-overlay.show .quick-view-modal {transform: none}
.quick-view-close {position: absolute;right: 14px;top: 14px;z-index: 3;width: 35px;height: 35px;border: 0;border-radius: 50%;background: #111;color: #fff;font-size: 20px;cursor: pointer}
.quick-view-image {min-height: 430px;background: #fafafa;display: grid;place-items: center;padding: 30px}
.quick-view-image img {width: 100%;height: 340px;object-fit: contain}
.quick-view-info {padding: 43px 35px 30px}
.quick-view-stock {display: inline-block;padding: 6px 10px;border-radius: 20px;background: #e7f7ef;color: #087d50;font-size: 10px;font-weight: 850}
.quick-view-info h2 {font-size: 28px;line-height: 1.12;margin: 14px 0 8px}
.quick-view-rating {color: #d88900;font-size: 12px;margin-bottom: 15px}
.quick-view-price {color: #c81620;font-size: 25px;font-weight: 950;margin-bottom: 15px}
.quick-view-description {color: #666;line-height: 1.6;font-size: 12px;border-top: 1px solid #eee;padding-top: 13px}
.quick-view-label {display: block;font-size: 12px;margin: 16px 0 8px}
.quick-view-sizes {display: flex;gap: 8px}.quick-size {border: 1px solid #ccc;border-radius: 7px;background: #fff;padding: 9px 13px;font-size: 11px;font-weight: 800;cursor: pointer}.quick-size.active {background: #0b948c;border-color: #0b948c;color: #fff}
.quick-view-buy {display: grid;grid-template-columns: 115px 1fr;gap: 9px;margin-top: 18px}.quick-view-qty {display: grid;grid-template-columns: 34px 1fr 34px;border: 1px solid #ddd;border-radius: 8px;overflow: hidden}.quick-view-qty button {border: 0;background: #f7f7f7;font-size: 18px;cursor: pointer}.quick-view-qty span {display: grid;place-items: center;font-weight: 900}.quick-view-add {border: 0;border-radius: 8px;background: #ffdc00;font-weight: 900;cursor: pointer}.quick-view-secondary {display: grid;grid-template-columns: 1fr 1fr;gap: 9px;margin-top: 9px}.quick-view-secondary button {border: 1px solid #ddd;border-radius: 8px;background: #fff;padding: 11px;font-size: 11px;font-weight: 800;cursor: pointer}.quick-view-secondary button:first-child {background: #111;color: #fff;border-color: #111}
body.quick-view-open {overflow: hidden}

@media(max-width:600px){.quick-view-overlay{padding:10px}.quick-view-modal{grid-template-columns:1fr;max-height:calc(100dvh - 20px)}.quick-view-image{min-height:220px;padding:18px}.quick-view-image img{height:200px}.quick-view-info{padding:24px 20px}.quick-view-info h2{font-size:23px}.quick-view-btn{top:105px;opacity:1;left:8px;right:8px;padding:7px}.quick-view-buy{grid-template-columns:105px 1fr}}