/* ==========================================================================
   DK Traders — product detail & category page styles
   (loaded in addition to style.css)
   ========================================================================== */

/* Product detail layout */
.pd-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:start;
  margin-bottom:56px;
}
@media (max-width:820px){.pd-grid{grid-template-columns:1fr;gap:28px;}}

.pd-media{
  border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:var(--shadow-sm);
  display:flex;align-items:center;justify-content:center;padding:18px;
}
.pd-media img{
  display:block;background:#fff;
  max-width:100%;width:auto;height:auto;max-height:460px;object-fit:contain;
}

.pd-brand{
  font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue-600);margin-bottom:8px;
}
.pd-title{font-size:clamp(22px,3vw,30px);margin-bottom:14px;}
.pd-price{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.pd-price .now{font-size:24px;font-weight:800;color:var(--navy-950);}
.pd-price .was{font-size:16px;color:var(--ink-500);text-decoration:line-through;}
.pd-price .poa{font-size:16px;font-weight:700;color:var(--ink-700);}

.pd-desc{color:var(--ink-700);font-size:15.5px;}
.pd-desc p{margin-bottom:12px;}
.pd-desc strong{color:var(--navy-950);}

.pd-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px;}
.pd-note{font-size:13px;color:var(--ink-500);}
.pd-note a{color:var(--blue-600);font-weight:600;}

/* Spec table */
.pd-specs{margin-bottom:52px;}
.pd-specs h2,.pd-related h2{font-size:22px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--navy-950);}
.pd-spec-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.pd-spec-table th,.pd-spec-table td{
  text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top;
}
.pd-spec-table th{
  width:38%;background:var(--paper-tint);color:var(--navy-900);font-weight:700;
}
.pd-spec-table td{color:var(--ink-700);}
@media (max-width:520px){.pd-spec-table th{width:44%;}}

/* Related products */
.pd-related{margin-bottom:8px;}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:820px){.rel-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.rel-grid{grid-template-columns:1fr;}}
.rel-card{
  display:flex;flex-direction:column;gap:6px;
  border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff;
  transition:box-shadow .15s ease,transform .15s ease;
}
.rel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.rel-brand{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-600);}
.rel-name{font-size:13.5px;font-weight:700;color:var(--navy-950);line-height:1.4;}

/* Category page product grid */
.cat-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.cat-prod-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.cat-prod-grid{grid-template-columns:1fr;}}
.cat-prod-card{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);
  transition:box-shadow .18s ease,transform .18s ease;
}
.cat-prod-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.cat-prod-img{aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line);}
.cat-prod-img img{width:100%;height:100%;object-fit:contain;}
.cat-prod-body{padding:16px 18px;}
.cat-prod-body .brand{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-600);}
.cat-prod-body h3{font-size:14.5px;line-height:1.45;margin-top:6px;color:var(--navy-950);}

/* Make catalogue product-card titles look clickable on products.html */
.product-card h4 a{color:inherit;}
.product-card h4 a:hover{color:var(--blue-600);text-decoration:underline;}