/* Product Detail */
.product-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.product-gallery .main-img { border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 1; background: var(--bg); margin-bottom: 12px; }
.product-gallery .main-img img { width:100%; height:100%; object-fit:cover; }
.thumb-row { display:flex; gap:10px; }
.thumb { width:72px; height:72px; border-radius:var(--radius-sm); overflow:hidden; border:2px solid var(--border); cursor:pointer; transition:var(--transition); }
.thumb:hover, .thumb.active { border-color:var(--primary); }
.thumb img { width:100%; height:100%; object-fit:cover; }
.product-info .product-title { font-size:1.6rem; margin-bottom:10px; }
.product-info .rating-row { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.product-info .price-big { font-size:1.8rem; font-weight:700; color:var(--primary); }
.product-info .price-og { font-size:1rem; text-decoration:line-through; color:var(--light); }
.product-info .discount-big { background:var(--success); color:white; padding:4px 10px; border-radius:var(--radius-full); font-size:0.82rem; font-weight:600; }
.product-info .price-row-big { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.product-info .desc { font-size:0.92rem; color:var(--medium); line-height:1.8; margin-bottom:20px; }
.option-group { margin-bottom:18px; }
.option-group label { font-size:0.88rem; font-weight:600; display:block; margin-bottom:8px; }
.option-pills { display:flex; gap:8px; flex-wrap:wrap; }
.option-pill { padding:7px 16px; border:1.5px solid var(--border); border-radius:var(--radius-full); font-size:0.84rem; cursor:pointer; transition:var(--transition); background:var(--white); color:inherit; font-family:inherit; }
.option-pill:hover, .option-pill.active { border-color:var(--primary); color:var(--primary); background:var(--primary-light); }
.qty-row { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.qty-ctrl { display:flex; align-items:center; border:1.5px solid var(--border); border-radius:var(--radius-full); overflow:hidden; }
.qty-btn { width:38px; height:38px; background:var(--bg); border:none; font-size:1.1rem; cursor:pointer; transition:var(--transition); }
.qty-btn:hover { background:var(--primary-light); color:var(--primary); }
.qty-val { width:44px; text-align:center; font-weight:600; font-size:0.95rem; }
.action-btns { display:flex; gap:12px; margin-bottom:24px; }
.action-btns .btn { flex:1; }
.delivery-info { background:var(--bg); border-radius:var(--radius-md); padding:16px; margin-bottom:20px; }
.delivery-info p { font-size:0.84rem; display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.delivery-info p:last-child { margin-bottom:0; }
.product-tabs { margin-top:48px; }
.tab-nav { display:flex; border-bottom:2px solid var(--border); margin-bottom:24px; }
.tab-btn { padding:12px 24px; font-size:0.9rem; font-weight:500; color:var(--medium); border-bottom:3px solid transparent; margin-bottom:-2px; cursor:pointer; transition:var(--transition); background:none; border-top:none; border-left:none; border-right:none; }
.tab-btn.active, .tab-btn:hover { color:var(--primary); border-bottom-color:var(--primary); }
.tab-pane { display:none; }
.tab-pane.active { display:block; }
@media(max-width:768px){ .product-layout{grid-template-columns:1fr;} }