/* PRODUCT DETAIL PAGE V3 */
.pd-hero { padding:40px 0 0; background:linear-gradient(180deg, #E8F4FD 0%, #F5FAFF 100%); }
.pd-breadcrumb { padding:16px 0; font-size:14px; color:var(--text-l); }
.pd-breadcrumb a { color:var(--p); }
.pd-breadcrumb a:hover { text-decoration:underline; }
.pd-breadcrumb .sep { margin:0 8px; color:var(--border); }

.pd-main { padding:40px 0 60px; background:#fff; }
.pd-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:start; }

/* Image Gallery */
.pd-gallery { position:relative; }
.pd-img-main { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--r); background:var(--bg-light); }
.pd-badge { position:absolute; top:16px; left:16px; }
.pd-thumbs { display:flex; gap:12px; margin-top:16px; }
.pd-thumb { width:80px; height:80px; border-radius:var(--r-sm); border:2px solid var(--border); cursor:pointer; object-fit:cover; transition:0.3s; }
.pd-thumb:hover, .pd-thumb.active { border-color:var(--p); }

/* Product Info */
.pd-title { font-family:var(--fh); font-size:32px; font-weight:700; margin-bottom:12px; }
.pd-desc { color:var(--text-s); margin-bottom:16px; line-height:1.6; }
.pd-meta { display:flex; align-items:center; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.pd-rating { display:flex; align-items:center; gap:6px; }
.pd-rating .stars { font-size:16px; }
.pd-rating span { font-size:14px; color:var(--text-s); }
.pd-sold { font-size:14px; color:var(--text-l); }

.pd-price-row { display:flex; align-items:center; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.pd-price { font-size:36px; font-weight:700; color:var(--p); }
.pd-old-price { font-size:20px; color:var(--text-l); text-decoration:line-through; }
.pd-discount { padding:4px 12px; background:#E53935; color:#fff; font-size:13px; font-weight:600; border-radius:4px; }

.pd-options { margin-bottom:24px; }
.pd-option-label { font-weight:600; font-size:14px; margin-bottom:10px; display:block; }
.pd-weights { display:flex; gap:10px; flex-wrap:wrap; }
.pd-weight { padding:10px 20px; border:2px solid var(--border); border-radius:var(--r-sm); font-size:14px; cursor:pointer; transition:0.3s; background:#fff; }
.pd-weight:hover { border-color:var(--p); }
.pd-weight.active { border-color:var(--p); background:var(--p); color:#fff; }

.pd-qty { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.pd-qty-control { display:flex; align-items:center; border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; }
.pd-qty-control button { width:40px; height:44px; background:#fff; border:none; font-size:18px; cursor:pointer; color:var(--text); transition:0.2s; }
.pd-qty-control button:hover { background:var(--bg-light); }
.pd-qty-control input { width:60px; height:44px; border:none; text-align:center; font-weight:600; font-size:16px; }

.pd-actions { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.pd-actions .btn { flex:1; min-width:160px; }

.pd-trust { display:flex; gap:24px; flex-wrap:wrap; }
.pd-trust-i { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-s); }
.pd-trust-i i { font-size:20px; color:var(--success); }

/* Highlights */
.pd-highlights { padding:60px 0; background:var(--bg-light); }
.pd-hl-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.pd-hl-title { font-family:var(--fh); font-size:24px; margin-bottom:20px; }
.pd-hl-list { display:flex; flex-direction:column; gap:14px; }
.pd-hl-item { display:flex; align-items:center; gap:12px; font-size:15px; }
.pd-hl-item i { width:40px; height:40px; border-radius:50%; background:var(--p); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }

/* Tabs */
.pd-tabs { padding:60px 0; background:#fff; }
.pd-tab-nav { display:flex; gap:0; border-bottom:2px solid var(--border); margin-bottom:32px; }
.pd-tab-btn { padding:14px 28px; font-weight:600; font-size:14px; color:var(--text-s); background:none; border:none; border-bottom:2px solid transparent; margin-bottom:-2px; cursor:pointer; transition:0.3s; }
.pd-tab-btn:hover { color:var(--p); }
.pd-tab-btn.active { color:var(--p); border-bottom-color:var(--p); }
.pd-tab-pane { display:none; }
.pd-tab-pane.active { display:block; }
.pd-tab-pane p { color:var(--text-s); line-height:1.7; margin-bottom:16px; }
.pd-benefits { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-top:32px; }
.pd-benefit { text-align:center; padding:24px; background:var(--bg-light); border-radius:var(--r); }
.pd-benefit i { font-size:32px; color:var(--p); margin-bottom:12px; }
.pd-benefit h4 { font-size:14px; font-weight:600; margin-bottom:4px; }

/* Why + Bulk */
.pd-why-bulk { padding:60px 0; background:var(--bg-light); }
.pd-why-bulk-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.pd-why-title { font-family:var(--fh); font-size:22px; margin-bottom:16px; }
.pd-why-list { display:flex; flex-direction:column; gap:10px; }
.pd-why-list li { display:flex; align-items:center; gap:10px; font-size:15px; color:var(--text-s); }
.pd-why-list li i { color:var(--success); }

.pd-bulk-box { background:var(--p); border-radius:var(--r); padding:40px; color:#fff; }
.pd-bulk-box h3 { font-family:var(--fh); font-size:22px; margin-bottom:12px; }
.pd-bulk-box p { opacity:0.9; margin-bottom:20px; font-size:14px; }

/* Related */
.pd-related { padding:60px 0; background:#fff; }
.pd-related-title { font-family:var(--fh); font-size:28px; text-align:center; margin-bottom:40px; }
.pd-related-g { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }

/* Testimonials in product */
.pd-test { padding:60px 0; background:var(--bg-light); }

@media(max-width:1199px){
  .pd-grid{grid-template-columns:1fr;}
  .pd-gallery{max-width:500px;margin:0 auto;}
  .pd-benefits{grid-template-columns:repeat(2,1fr);}
  .pd-related-g{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
  .pd-hl-grid{grid-template-columns:1fr;}
  .pd-why-bulk-grid{grid-template-columns:1fr;}
  .pd-bulk-box{order:-1;}
  .pd-tab-nav{overflow-x:auto;flex-wrap:nowrap;}
}
@media(max-width:767px){
  .pd-title{font-size:24px;}
  .pd-price{font-size:28px;}
  .pd-benefits{grid-template-columns:1fr;}
  .pd-related-g{grid-template-columns:1fr;max-width:400px;margin:0 auto;}
}