/* Prime Water Pallets — individual product pages */

.pd-hero p span{color:var(--sky);font-weight:600;}

.pd-top{
  max-width:var(--wrap);margin:0 auto;padding:48px 24px 0;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start;
}
.pd-gallery{position:sticky;top:20px;}
.pd-photo{
  position:relative;aspect-ratio:1/1;background:var(--white);
  border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);
  display:flex;align-items:center;justify-content:center;padding:36px;overflow:hidden;
}
.pd-photo::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--band,var(--water));}
.pd-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.pd-photo .fallback{font-family:var(--font-head);font-weight:700;font-size:1.4rem;color:var(--ink-soft);text-align:center;}

.pd-buy{
  background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;
}
.pd-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--paper-line);}
.pd-price-row .price{font-size:2.6rem;}
.pd-price-row sub{font-size:0.8rem;font-weight:500;color:var(--ink-soft);display:block;margin-top:6px;}
.pd-h3{font-family:var(--font-head);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);margin:4px 0 0;}
.pd-buy .spec-table{font-size:0.95rem;}
.pd-buy .spec-table td{padding:8px 0;}
.pd-buy .order-btn{font-size:1.02rem;padding:14px 18px;}
.pd-trust{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--paper-line);display:grid;gap:8px;font-size:0.9rem;color:var(--ink);}
.pd-trust li{position:relative;padding-left:26px;}
.pd-trust li::before{
  content:'';position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;
  background:var(--green-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;
}
.pd-trust a, .pd-call a{color:var(--water);font-weight:600;}
.pd-call{margin:0;font-size:0.88rem;color:var(--ink-soft);}

.pd-info{
  max-width:var(--wrap);margin:0 auto;padding:56px 24px 0;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start;
}
.pd-info h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0 0 12px;}
.pd-about p{color:var(--ink);font-size:1.04rem;line-height:1.7;margin:0 0 22px;max-width:62ch;}
.pd-features{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;}
.pd-features li{position:relative;padding-left:22px;line-height:1.55;}
.pd-features li::before{content:'';position:absolute;left:2px;top:0.55em;width:8px;height:8px;border-radius:2px;background:var(--water);}
.pd-details{background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);padding:24px 26px;}
.pd-details .spec-table{font-size:0.92rem;}
.pd-details .spec-table td{padding:8px 0;vertical-align:top;}
.pd-details .spec-table td.val{padding-left:16px;}
.pd-source{font-size:0.8rem;color:var(--ink-soft);margin:16px 0 0;line-height:1.5;}
.pd-source a{color:var(--water);}

.pd-related{max-width:var(--wrap);margin:0 auto;padding:64px 24px 8px;}
.pd-related .section-head h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0;}
.pd-all{color:var(--water);font-weight:600;text-decoration:none;font-size:0.95rem;}
.pd-all:hover{text-decoration:underline;}
.pd-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:14px;}
.pd-rel{
  display:flex;flex-direction:column;gap:6px;background:var(--white);border:1px solid var(--paper-line);
  border-radius:var(--radius);padding:14px;text-decoration:none;color:var(--ink-strong);
  box-shadow:var(--shadow-sm);transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.pd-rel:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.pd-rel-photo{aspect-ratio:4/3;background:var(--paper);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;margin-bottom:6px;}
.pd-rel-photo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;}
.pd-rel-name{font-family:var(--font-head);font-weight:700;font-size:0.98rem;line-height:1.3;}
.pd-rel-price{font-weight:700;color:var(--ink-strong);}
.pd-rel-price small{font-weight:500;color:var(--ink-soft);}

@media (max-width:860px){
  .pd-top, .pd-info{grid-template-columns:1fr;gap:24px;}
  .pd-top{padding-top:28px;}
  .pd-info{padding-top:40px;}
  .pd-gallery{position:static;}
  .pd-photo{aspect-ratio:4/3;padding:22px;}
}
@media (prefers-reduced-motion: reduce){
  .pd-rel, .pd-rel:hover{transition:none;transform:none;}
}
