/* ── PRODUCT PAGE HERO ── */
.prod-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  padding:7rem 5% 4rem;
  gap:3rem;
  min-height:100vh;
}
.prod-badge{display:inline-block;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.4rem 1rem;border-radius:50px;margin-bottom:1rem}
.prod-title{font-family:"Nunito",sans-serif;font-size:clamp(1.6rem,4vw,3.2rem);font-weight:900;line-height:1.1;margin-bottom:0.5rem}
.prod-variant{font-size:1rem;font-weight:300;margin-bottom:1.25rem}
.prod-desc{font-size:0.95rem;line-height:1.8;font-weight:300;margin-bottom:1.75rem}
.prod-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.75rem}
.prod-tag{font-size:0.75rem;font-weight:500;padding:0.3rem 0.85rem;border-radius:50px}
.prod-actions{display:flex;gap:0.75rem;flex-wrap:wrap}

.prod-img-wrap{display:flex;align-items:center;justify-content:center;padding:1.5rem;border-radius:28px}
.prod-img-wrap img{max-height:380px;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform 0.4s}
.prod-img-wrap img:hover{transform:scale(1.04)}

/* ── INFO GRID ── */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}
.info-card{padding:1.25rem;border-radius:16px;text-align:center}
.info-card .icon{font-size:1.6rem;margin-bottom:0.5rem}
.info-card h4{font-family:"Nunito",sans-serif;font-weight:800;font-size:0.9rem;margin-bottom:0.25rem}
.info-card p{font-size:0.8rem;font-weight:300}

/* ── DETAILS ── */
.prod-details-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.usage-steps{display:flex;flex-direction:column;gap:1rem}
.step{display:flex;gap:1rem;align-items:flex-start}
.step-num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Nunito",sans-serif;font-weight:900;font-size:0.9rem;flex-shrink:0}
.step-text h4{font-weight:600;font-size:0.9rem;margin-bottom:0.2rem}
.step-text p{font-size:0.82rem;font-weight:300;line-height:1.6}

/* ── OTHER PRODUCTS ── */
.other-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.other-card{background:var(--off);border-radius:18px;overflow:hidden;text-decoration:none;display:block;transition:transform 0.3s,box-shadow 0.3s}
.other-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(15,26,46,0.12)}
.other-card-img{height:130px;display:flex;align-items:center;justify-content:center;padding:0.75rem}
.other-card-img img{max-height:110px;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.other-card-info{padding:0.85rem 1rem 1rem}
.other-card-info p{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.25rem}
.other-card-info h4{font-family:"Nunito",sans-serif;font-weight:800;font-size:0.9rem;color:var(--dark)}

/* ── RESPONSIVE ── */
@media(max-width:860px){
  .prod-hero{grid-template-columns:1fr;padding-top:5rem;min-height:auto;gap:1.5rem}
  .prod-img-wrap{max-width:280px;margin:0 auto;padding:1rem}
  .prod-img-wrap img{max-height:240px}
  .info-grid{grid-template-columns:1fr 1fr}
  .prod-details-layout{grid-template-columns:1fr;gap:2rem}
  .other-products{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .prod-hero{padding:5rem 4% 2rem;gap:1rem}
  .prod-title{font-size:clamp(1.4rem,6vw,2rem)}
  .prod-actions{flex-direction:column}
  .prod-actions a{text-align:center;justify-content:center}
  .info-grid{grid-template-columns:1fr}
  .other-products{grid-template-columns:1fr}
  .prod-img-wrap{max-width:220px}
  .prod-img-wrap img{max-height:190px}
}