/* KooZone Product Details - Meesho Style */
.kz-pro-details-container {
    max-width: 1200px; margin: 30px auto; padding: 0 20px;
    display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 40px;
}

/* Left: Gallery Section */
.kz-pro-gallery { display: flex; gap: 15px; position: sticky; top: 100px; height: fit-content; }
.kz-thumb-list { display: flex; flex-direction: column; gap: 10px; }
.kz-thumb { width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; object-fit: cover; }
.kz-thumb.active { border-color: var(--kz-purple); border-width: 2px; }
.kz-main-img-box { flex: 1; border: 1px solid #eee; border-radius: 8px; overflow: hidden; height: 500px; }
.kz-main-img-box img { width: 100%; height: 100%; object-fit: contain; }

/* Right: Info Section */
.kz-pro-info-card { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 25px; margin-bottom: 20px; }
.kz-pro-title-main { font-size: 20px; color: #666; font-weight: 600; line-height: 1.4; margin-top: 0; }
.kz-pro-price-main { font-size: 32px; font-weight: 800; color: #222; margin: 15px 0; }
.kz-pro-rating { background: #28a745; color: #fff; padding: 4px 10px; border-radius: 20px; font-size: 14px; font-weight: bold; display: inline-block; }

/* Action Buttons */
.kz-action-row { display: flex; gap: 20px; margin-top: 30px; }
.btn-cart { flex: 1; background: #fff; color: var(--kz-purple); border: 2px solid var(--kz-purple); padding: 15px; border-radius: 8px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; }
.btn-buy { flex: 1; background: var(--kz-purple); color: #fff; border: none; padding: 15px; border-radius: 8px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; }

/* Size Selector */
.kz-size-box { display: flex; gap: 10px; margin-top: 15px; }
.kz-size-chip { border: 1px solid #ddd; padding: 8px 20px; border-radius: 20px; font-size: 14px; cursor: pointer; font-weight: 600; }
.kz-size-chip.selected { border-color: var(--kz-purple); color: var(--kz-purple); background: #f3ebfb; }

/* Seller Card */
.kz-seller-card { display: flex; justify-content: space-between; align-items: center; }
.kz-seller-info { display: flex; align-items: center; gap: 15px; }
.kz-seller-icon { width: 50px; height: 50px; background: #f1f1f1; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--kz-purple); }

/* Mobile View */
@media (max-width: 850px) {
    .kz-pro-details-container { grid-template-columns: 1fr; }
    .kz-pro-gallery { position: relative; top: 0; flex-direction: column-reverse; }
    .kz-thumb-list { flex-direction: row; }
}