/* =============================================================================
   Product page (#Products) — matches the redesign chrome.
   Palette mirrors css/bootstrap/Bootstrap_Booker.scss:
     ink #28291f · green #3e4d34 · green-deep #2c3826 · rose #c46781 · cream #f7f5ef
   Fonts (loaded in head.php): Fraunces (headings) · Hanken Grotesk (body)
   ============================================================================= */

#Products{ font-family:"Hanken Grotesk", -apple-system, "Segoe UI", sans-serif; color:#28291f; }

/* ---- two-column hero: image | info -------------------------------------- */
#Products .p-hero{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:44px; align-items:start; padding:28px 0 8px;
  max-width:1200px; margin:0 auto;
}
@media (max-width:991px){
  #Products .p-hero{ grid-template-columns:1fr; gap:26px; padding-top:16px; }
}

/* ---- image ---------------------------------------------------------------- */
#Products .p-media{ position:relative; }
#Products .p-media .p-img{
  width:100%; height:auto; display:block; border-radius:18px;
  box-shadow:0 18px 40px -24px rgba(40,41,31,.4);
}
#Products .p-chip{
  position:absolute; top:16px; left:16px; z-index:2;
  background:#c46781; color:#fff;
  font-size:12px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  padding:7px 14px; border-radius:999px; pointer-events:none;
}

/* ---- info column ----------------------------------------------------------- */
#Products .p-eyebrow{
  color:#c46781; font-size:13px; font-weight:600;
  letter-spacing:.15em; text-transform:uppercase; margin:0 0 10px;
}
#Products .p-title{
  font-family:"Fraunces", Georgia, "Times New Roman", serif;
  font-weight:600; color:#2c3826; line-height:1.05;
  font-size:clamp(30px, 4vw, 44px); margin:0 0 16px;
}
#Products .p-price{
  font-family:"Fraunces", Georgia, serif; font-weight:600;
  font-size:32px; color:#28291f; margin:0 0 6px;
}
#Products .p-price span{ font-family:"Hanken Grotesk", sans-serif; font-size:14px; font-weight:500; color:#6b6c60; }
#Products .p-code{ font-size:14px; color:#6b6c60; margin:0 0 18px; }
#Products .p-code strong{ color:#28291f; }

/* ---- benefit ticks ---------------------------------------------------------- */
#Products .p-benefits{ list-style:none; margin:0 0 22px; padding:0; }
#Products .p-benefits li{
  display:flex; align-items:baseline; gap:10px;
  font-size:15.5px; line-height:1.45; padding:5px 0;
}
#Products .p-benefits .ic{
  flex:0 0 auto; width:20px; height:20px; border-radius:50%;
  background:rgba(196,103,129,.14); color:#c46781;
  font-size:12px; font-weight:700; display:grid; place-items:center;
  transform:translateY(2px);
}

/* ---- purchase card ----------------------------------------------------------- */
#Products .p-buy{
  background:#fff; border:1px solid #e6e2d5; border-radius:18px;
  padding:22px 22px 20px; margin:0 0 18px;
  box-shadow:0 14px 34px -22px rgba(40,41,31,.35);
}
#Products .p-buy label{
  display:block; font-size:12px; font-weight:700;
  letter-spacing:.11em; text-transform:uppercase; color:#28291f;
  margin:0 0 7px;
}
#Products .p-buy label small{ font-weight:500; letter-spacing:.02em; text-transform:none; color:#6b6c60; font-size:12px; }
#Products .p-buy label + label,
#Products .p-buy input[type=date] + label,
#Products .p-buy textarea + label{ margin-top:16px; }
#Products .p-buy input[type=date],
#Products .p-buy textarea{
  width:100%; font:inherit; font-size:15px; color:#28291f;
  background:#fdfcf9; border:1px solid #ddd8c9; border-radius:10px;
  padding:11px 13px; outline:none; margin-bottom:16px;
}
#Products .p-buy input[type=date]:focus,
#Products .p-buy textarea:focus{
  border-color:#3e4d34; box-shadow:0 0 0 3px rgba(62,77,52,.12);
}
#Products .p-buy textarea{ resize:vertical; min-height:74px; }
#Products .p-buy textarea::placeholder{ color:#9a9b8d; }
#Products .p-buy .btn-add{
  display:block; width:100%; border:0; cursor:pointer;
  background:#2c3826; color:#fff;
  font:inherit; font-size:16px; font-weight:600;
  padding:14px 20px; border-radius:999px;
  transition:background .2s;
}
#Products .p-buy .btn-add:hover{ background:#3e4d34; }

/* ---- trust pills --------------------------------------------------------------- */
#Products .p-trust{ list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; padding:0; }
#Products .p-trust li{
  background:#fff; border:1px solid #e0dccd; border-radius:999px;
  font-size:13.5px; font-weight:500; color:#28291f; padding:8px 15px;
}

/* ---- description ----------------------------------------------------------------- */
#Products .p-desc{ max-width:1200px; margin:14px auto 0; padding:10px 0 34px; }
#Products .p-desc h3{
  font-family:"Fraunces", Georgia, serif; font-weight:600; color:#2c3826;
  font-size:26px; margin:0 0 12px;
}
#Products .p-desc .description{ max-width:72ch; font-size:15.5px; line-height:1.65; color:#3c3d33; }