/*ottoPepys Product Page Styles - n4x8k3p7m9v2*/

/*Product Layout*/
.product-wrapper-a7x9{padding:40px 0 80px}
.product-grid-x3k7{display:grid;grid-template-columns:1fr 1fr;gap:60px}

/*Image Gallery*/
.gallery-main-n2p5{position:relative;background:#f5f5f5;margin-bottom:16px}
.gallery-main-n2p5 img{width:100%;aspect-ratio:3/4;object-fit:cover}
.gallery-thumbs-m8v4{display:flex;gap:12px}
.gallery-thumb-p9x2{width:80px;height:100px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}
.gallery-thumb-p9x2.active,.gallery-thumb-p9x2:hover{border-color:#1a1a1a}
.gallery-thumb-p9x2 img{width:100%;height:100%;object-fit:cover}

/*Product Info*/
.product-info-n5k8{padding:20px 0}
.product-meta-x7m3{margin-bottom:16px}
.product-sku-p2v9{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px}
.product-title-a4n8{font-size:32px;font-weight:600;line-height:1.2;margin-bottom:16px;color:#1a1a1a}
.product-rating-k3m7{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.stars-x5n8{color:#ffc107;letter-spacing:2px}
.review-count-p9v2{font-size:13px;color:#666}
.product-price-m7x3{margin-bottom:24px}
.price-current-n4v8{font-size:28px;font-weight:600;color:#1a1a1a}
.price-original-x2k5{font-size:18px;color:#999;text-decoration:line-through;margin-left:12px}
.price-save-p7m9{font-size:13px;color:#c62828;margin-left:12px}
.product-short-k3p7{font-size:15px;color:#666;line-height:1.7;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e8e8e8}

/*Variants*/
.variant-section-v2n5{margin-bottom:24px}
.variant-label-x8k3{font-size:13px;font-weight:600;margin-bottom:12px;color:#1a1a1a}
.variant-options-n5x8{display:flex;gap:10px;flex-wrap:wrap}
.variant-btn-p7m9{padding:10px 20px;border:1px solid #ddd;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}
.variant-btn-p7m9:hover{border-color:#1a1a1a}
.variant-btn-p7m9.selected{border-color:#1a1a1a;background:#1a1a1a;color:#fff}
.variant-btn-p7m9:disabled{opacity:.5;cursor:not-allowed}

/*Quantity and Add to Cart*/
.purchase-section-m9v2{display:flex;gap:16px;margin-bottom:30px}
.quantity-wrapper-x5n8{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px}
.quantity-btn-k3p7{width:44px;height:48px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;cursor:pointer;transition:background .2s}
.quantity-btn-k3p7:hover{background:#f5f5f5}
.quantity-input-n4v8{width:60px;height:48px;text-align:center;border:none;font-size:15px;font-weight:500}
.add-cart-x2k5{flex:1;height:48px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background .2s}
.add-cart-x2k5:hover{background:#333}
.add-cart-x2k5:disabled{background:#999;cursor:not-allowed}

/*Product Actions*/
.product-actions-p9v2{display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e8e8e8}
.action-btn-m7x3{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;cursor:pointer;transition:color .2s}
.action-btn-m7x3:hover{color:#1a1a1a}

/*Product Benefits*/
.benefits-list-n5k8{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}
.benefit-item-x7m3{display:flex;align-items:center;gap:12px;font-size:13px;color:#666}
.benefit-icon-p2v9{width:24px;height:24px;display:flex;align-items:center;justify-content:center}

/*Product Tabs*/
.tabs-section-a4n8{margin-top:60px}
.tabs-header-k3m7{display:flex;border-bottom:1px solid #e8e8e8;margin-bottom:30px}
.tab-btn-x5n8{padding:16px 32px;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}
.tab-btn-x5n8:hover{color:#1a1a1a}
.tab-btn-x5n8.active{color:#1a1a1a;border-bottom-color:#1a1a1a}
.tab-content-p9v2{display:none;padding:30px 0}
.tab-content-p9v2.active{display:block}
.tab-text-m7x9{font-size:15px;color:#444;line-height:1.8}
.tab-text-m7x9 p{margin-bottom:16px}
.tab-text-m7x9 ul{margin-left:20px;margin-bottom:16px}
.tab-text-m7x9 li{margin-bottom:8px}

/*Reviews in Tab*/
.review-summary-n4v8{display:flex;gap:60px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e8e8e8}
.review-average-x2k5{text-align:center}
.average-number-p7m9{font-size:56px;font-weight:600;color:#1a1a1a;line-height:1}
.average-stars-k3v7{color:#ffc107;margin:8px 0;letter-spacing:2px}
.average-text-n4v8{font-size:13px;color:#666}
.review-bars-x5n8{flex:1}
.rating-bar-p9v2{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.rating-star-m7x3{font-size:13px;color:#666;width:40px}
.rating-progress-n5k8{flex:1;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden}
.rating-fill-x7m9{height:100%;background:#ffc107;border-radius:4px}
.rating-count-p2v5{font-size:13px;color:#666;width:30px;text-align:right}

/*Related Products*/
.related-section-v5n8{margin-top:80px;padding-top:80px;border-top:1px solid #e8e8e8}
.related-header-a7x4{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.related-title-k9m2{font-size:24px;font-weight:600;color:#1a1a1a}
.related-nav-x3p7{display:flex;gap:12px}
.nav-arrow-n5v8{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.nav-arrow-n5v8:hover{border-color:#1a1a1a;background:#1a1a1a;color:#fff}
.related-grid-m8k3{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

/*Cart Modal*/
.modal-overlay-p9x2{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;display:none;align-items:center;justify-content:center}
.modal-overlay-p9x2.active{display:flex}
.modal-container-n5m8{background:#fff;width:100%;max-width:500px;border-radius:8px;overflow:hidden;animation:modalSlide-k3v7 .3s ease}
@keyframes modalSlide-k3v7{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
.modal-header-a7x4{padding:20px 24px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}
.modal-title-x2p9{font-size:18px;font-weight:600}
.modal-close-v5n8{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .2s}
.modal-close-v5n8:hover{background:#f5f5f5}
.modal-body-m9k2{padding:24px}
.modal-product-n4x5{display:flex;gap:16px;margin-bottom:24px}
.modal-product-img-p7v3{width:80px;height:100px;object-fit:cover;background:#f5f5f5}
.modal-product-info-x8k5{flex:1}
.modal-product-name-n2m7{font-size:14px;font-weight:500;margin-bottom:4px}
.modal-product-variant-p9a4{font-size:13px;color:#666;margin-bottom:4px}
.modal-product-price-v5x2{font-size:15px;font-weight:600}
.modal-message-k3m8{padding:16px;background:#e8f5e9;border-radius:4px;margin-bottom:24px;font-size:14px;color:#2e7d32}
.modal-actions-a7n5{display:flex;gap:12px}
.modal-btn-x2p9{flex:1;padding:14px;text-align:center;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s}
.modal-btn-continue-v5n8{background:#f5f5f5;color:#1a1a1a}
.modal-btn-continue-v5n8:hover{background:#e8e8e8}
.modal-btn-checkout-n4k3{background:#1a1a1a;color:#fff}
.modal-btn-checkout-n4k3:hover{background:#333}

/*Responsive*/
@media(max-width:1024px){
.product-grid-x3k7{grid-template-columns:1fr;gap:40px}
.gallery-main-n2p5{aspect-ratio:4/3}
.gallery-main-n2p5 img{aspect-ratio:4/3}
.related-grid-m8k3{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
.product-title-a4n8{font-size:24px}
.price-current-n4v8{font-size:22px}
.purchase-section-m9v2{flex-direction:column}
.add-cart-x2k5{width:100%}
.product-actions-p9v2{flex-wrap:wrap}
.tabs-header-k3m7{overflow-x:auto}
.tab-btn-x5n8{padding:12px 20px;white-space:nowrap}
.review-summary-n4v8{flex-direction:column;gap:30px}
.related-grid-m8k3{grid-template-columns:repeat(2,1fr)}
}