/* ══════════════════════════════════════════
   PRODUCT DETAIL PAGE — all styles
   ══════════════════════════════════════════ */

/* Breadcrumb */
.breadcrumb{
  display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;
  padding:1.2rem 5% 0;font-size:.78rem;color:var(--m);
}
.breadcrumb a{color:var(--m);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--g)}
.breadcrumb span{color:var(--m);opacity:.5}
.breadcrumb strong{color:var(--t);font-weight:600}

/* Main product layout */
.prod-wrap{
  display:grid;grid-template-columns:1fr 1fr;
  gap:3.5rem;padding:2rem 5% 3rem;
  max-width:1100px;margin:0 auto;align-items:start;
}

/* Image column */
.prod-img-col{position:sticky;top:80px}
.prod-main-img{
  border-radius:20px;overflow:hidden;
  border:1.5px solid var(--b);background:#f0f0f0;
  aspect-ratio:4/3;
}
.prod-main-img img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
/* Category + verified badges */
.prod-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
.prod-badge{
  display:inline-flex;align-items:center;gap:.3rem;
  padding:.28rem .85rem;border-radius:50px;
  font-size:.72rem;font-weight:700;
}
.badge-cat{background:var(--g);color:#fff}
.badge-keto{background:var(--gl);color:var(--g);border:1px solid rgba(46,123,52,.2)}
.badge-halal{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}

/* Info column */
.prod-info-col{}
.prod-back{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.78rem;font-weight:600;color:var(--m);
  text-decoration:none;transition:color .2s;margin-bottom:1rem;
}
.prod-back:hover{color:var(--g)}
.prod-tag-pill{
  display:inline-block;background:var(--gl);color:var(--g);
  font-size:.66rem;font-weight:700;padding:.22rem .75rem;
  border-radius:50px;margin-bottom:.7rem;
  text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(46,123,52,.2);
}
.prod-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2rem,4vw,3rem);letter-spacing:1.5px;
  color:var(--t);line-height:1.05;margin-bottom:.8rem;
}
/* Price */
.prod-price-block{
  display:flex;align-items:baseline;gap:.5rem;
  margin-bottom:.4rem;
}
.prod-price-main{
  font-family:'Bebas Neue',sans-serif;font-size:3rem;
  color:var(--g);letter-spacing:1px;line-height:1;
}
.prod-price-unit{font-size:.85rem;color:var(--m);font-weight:600}
.prod-per-day{
  display:inline-flex;align-items:center;gap:.3rem;
  background:var(--gl);border:1px solid rgba(46,123,52,.2);
  border-radius:50px;padding:.22rem .8rem;
  font-size:.72rem;font-weight:700;color:var(--g);
  margin-bottom:1.2rem;
}
/* Macros */
.prod-macros{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.3rem}
.macro-pill{
  background:var(--gl);border:1px solid rgba(46,123,52,.15);
  padding:.28rem .8rem;border-radius:50px;
  font-size:.72rem;font-weight:700;color:var(--g);
}
/* Description */
.prod-desc{
  font-size:.92rem;color:var(--m);line-height:1.8;
  margin-bottom:1.5rem;padding-bottom:1.5rem;
  border-bottom:1px solid var(--b);
}
/* Benefits / features */
.prod-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}
.prod-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:.87rem;color:var(--t)}
.prod-features li::before{
  content:'✓';min-width:20px;height:20px;border-radius:50%;
  background:var(--gl);color:var(--g);
  display:flex;align-items:center;justify-content:center;
  font-size:.62rem;font-weight:800;flex-shrink:0;margin-top:2px;
}
/* Qty + ATC */
.prod-order-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.qty-ctrl{
  display:flex;align-items:center;gap:.55rem;
  background:var(--gp);border:1.5px solid var(--b);
  border-radius:50px;padding:.32rem .5rem;
}
.qty-ctrl button{
  background:none;border:none;cursor:pointer;
  font-size:1.1rem;width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;font-weight:800;color:var(--g);transition:background .2s;
}
.qty-ctrl button:hover{background:var(--gl)}
.qty-ctrl span{font-weight:700;font-size:.95rem;min-width:24px;text-align:center}
.prod-atc{
  flex:1;padding:.9rem 1.5rem;background:var(--g);color:#fff;
  border:none;border-radius:50px;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.92rem;
  cursor:pointer;transition:all .2s;
  box-shadow:0 4px 18px rgba(46,123,52,.28);
}
.prod-atc:hover{background:var(--g2);transform:translateY(-2px)}
.prod-atc.added{background:#1b5e20}
/* WhatsApp secondary */
.prod-wa{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  width:100%;padding:.82rem;background:none;border:2px solid #25D366;
  color:#25D366;border-radius:50px;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.88rem;
  text-decoration:none;transition:all .2s;
}
.prod-wa:hover{background:#25D366;color:#fff}
/* Toast */
#kc-toast{
  position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);
  background:#1a2e1a;color:#fff;padding:.65rem 1.4rem;border-radius:50px;
  font-size:.82rem;font-weight:600;z-index:9999;
  opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;
}

/* ── Related products ── */
.related-section{padding:2.5rem 5% 4rem;background:var(--gp)}
.related-title{
  font-family:'Bebas Neue',sans-serif;font-size:1.8rem;
  letter-spacing:1.5px;margin-bottom:1.4rem;color:var(--t);
}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.rel-card{
  background:var(--w);border:1px solid var(--b);border-radius:14px;
  overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .3s,box-shadow .3s;display:block;
}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(46,123,52,.1)}
.rel-img{height:120px;overflow:hidden;background:#f0f0f0}
.rel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.rel-card:hover .rel-img img{transform:scale(1.07)}
.rel-body{padding:.85rem}
.rel-body h3{font-size:.82rem;font-weight:700;margin-bottom:.25rem;color:var(--t);line-height:1.3}
.rel-price{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:var(--g)}
.rel-unit{font-size:.66rem;color:var(--m);font-weight:600;margin-left:.2rem}

/* ── Product thumbnails ── */
.prod-thumbs{
  display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem;
}
.prod-thumb{
  width:72px;height:72px;border-radius:10px;overflow:hidden;
  border:2px solid var(--b);cursor:pointer;flex-shrink:0;
  transition:border-color .2s,transform .2s;background:#f0f0f0;
}
.prod-thumb:hover{border-color:var(--g);transform:scale(1.05)}
.prod-thumb.active{border-color:var(--g);box-shadow:0 0 0 2px rgba(46,123,52,.25)}
.prod-thumb img{
  width:100%;height:100%;object-fit:cover;
  display:block;transition:transform .3s;
}
.prod-thumb:hover img{transform:scale(1.08)}


/* Responsive */
@media(max-width:900px){
  .prod-wrap{grid-template-columns:1fr;gap:2rem}
  .prod-img-col{position:static}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){.related-grid{grid-template-columns:1fr 1fr}}