body.products-hub-refresh { background: var(--sun-salt, #fff); }
.products-hub-refresh .ph-hero { padding: 54px 0 46px; background: linear-gradient(135deg,#f7faf9 0%,#fff 58%,#f7f4ee 100%); }
.products-hub-refresh .ph-hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:54px; align-items:center; }
.products-hub-refresh .ph-hero-copy { max-width:680px; }
.products-hub-refresh .ph-kicker { display:block; margin-bottom:12px; color:var(--sun-text); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.products-hub-refresh .ph-hero h1 { margin:0; max-width:760px; font-family:var(--serif); font-size:clamp(44px,5vw,72px); line-height:.98; letter-spacing:-.035em; color:var(--deep); }
.products-hub-refresh .ph-hero-copy > p { max-width:650px; margin:24px 0 0; font-size:18px; line-height:1.72; color:var(--text-mid); }
.products-hub-refresh .ph-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:30px; }
.products-hub-refresh .ph-btn-secondary { border:1px solid rgba(20,49,44,.24); background:#fff; color:var(--deep); }
.products-hub-refresh .ph-hero-media { margin:0; min-height:420px; border-radius:30px; overflow:hidden; box-shadow:0 28px 70px rgba(23,48,43,.16); }
.products-hub-refresh .ph-hero-media img { width:100%; height:100%; min-height:420px; object-fit:cover; display:block; }
.products-hub-refresh .ph-jump { position:sticky; top:0; z-index:7; border-top:1px solid rgba(20,49,44,.08); border-bottom:1px solid rgba(20,49,44,.09); background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.products-hub-refresh .ph-jump-inner { display:flex; gap:10px 24px; align-items:center; min-height:58px; overflow-x:auto; scrollbar-width:none; }
.products-hub-refresh .ph-jump-inner::-webkit-scrollbar { display:none; }
.products-hub-refresh .ph-jump a { white-space:nowrap; color:var(--deep); text-decoration:none; font-size:13px; font-weight:750; }
.products-hub-refresh .ph-section { padding:84px 0; }
.products-hub-refresh .ph-section-soft { background:#f6f8f7; }
.products-hub-refresh .ph-heading { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); gap:54px; align-items:end; margin-bottom:34px; }
.products-hub-refresh .ph-heading h2, .products-hub-refresh .ph-final h2, .products-hub-refresh .ph-guide-callout h2 { margin:0; color:var(--deep); font-family:var(--serif); font-size:clamp(34px,3.5vw,50px); line-height:1.06; letter-spacing:-.025em; }
.products-hub-refresh .ph-heading > p { margin:0; color:var(--text-mid); line-height:1.72; }
.products-hub-refresh .ph-heading-narrow { grid-template-columns:minmax(0,820px); }
.products-hub-refresh .ph-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.products-hub-refresh .ph-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid rgba(20,49,44,.1); border-radius:22px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 10px 34px rgba(23,48,43,.06); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.products-hub-refresh .ph-card:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(23,48,43,.12); border-color:rgba(216,121,71,.38); }
.products-hub-refresh .ph-card figure { aspect-ratio:16/10; margin:0; overflow:hidden; background:#e9eeec; }
.products-hub-refresh .ph-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.products-hub-refresh .ph-card:hover img { transform:scale(1.025); }
.products-hub-refresh .ph-card-copy { display:flex; flex:1; flex-direction:column; padding:22px; }
.products-hub-refresh .ph-card-copy > span { margin-bottom:6px; color:var(--sun-text); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.products-hub-refresh .ph-card h3 { margin:0 0 10px; color:var(--deep); font-family:var(--serif); font-size:24px; line-height:1.1; }
.products-hub-refresh .ph-card p { margin:0; color:var(--text-mid); font-size:14px; line-height:1.65; }
.products-hub-refresh .ph-card strong { margin-top:auto; padding-top:18px; color:var(--sun-text); font-size:13px; }
.products-hub-refresh .ph-decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.products-hub-refresh .ph-decision-grid article { padding:30px; border-radius:22px; background:#f6f8f7; }
.products-hub-refresh .ph-decision-grid article > span { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:22px; border-radius:50%; background:var(--deep); color:#fff; font-weight:800; font-size:12px; }
.products-hub-refresh .ph-decision-grid h3 { margin:0 0 10px; color:var(--deep); font-family:var(--serif); font-size:25px; }
.products-hub-refresh .ph-decision-grid p { margin:0; color:var(--text-mid); line-height:1.7; }
.products-hub-refresh .ph-guide-callout { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; margin-top:48px; padding:38px 42px; border-radius:26px; background:var(--deep); color:#fff; }
.products-hub-refresh .ph-guide-callout h2 { color:#fff; font-size:clamp(30px,3vw,42px); }
.products-hub-refresh .ph-guide-callout p { max-width:760px; margin:14px 0 0; color:rgba(255,255,255,.78); line-height:1.7; }
.products-hub-refresh .ph-guide-callout .ph-kicker { color:#f0c7a9; }
.products-hub-refresh .ph-guide-actions { display:flex; min-width:230px; flex-direction:column; align-items:stretch; gap:14px; }
.products-hub-refresh .ph-guide-actions > a:not(.btn) { color:#fff; text-align:center; font-size:13px; font-weight:700; }
.products-hub-refresh .ph-final { padding:74px 0; background:#eef3f1; }
.products-hub-refresh .ph-final-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:center; }
.products-hub-refresh .ph-final p { max-width:760px; margin:15px 0 0; color:var(--text-mid); line-height:1.7; }
@media (max-width:1020px) {
  .products-hub-refresh .ph-hero-grid { grid-template-columns:1fr; gap:28px; }
  .products-hub-refresh .ph-hero-media { min-height:360px; }
  .products-hub-refresh .ph-hero-media img { min-height:360px; }
  .products-hub-refresh .ph-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .products-hub-refresh .ph-heading { grid-template-columns:1fr; gap:16px; }
  .products-hub-refresh .ph-guide-callout, .products-hub-refresh .ph-final-inner { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .products-hub-refresh .ph-hero { padding:34px 0 32px; }
  .products-hub-refresh .ph-hero h1 { font-size:42px; }
  .products-hub-refresh .ph-hero-copy > p { font-size:16px; }
  .products-hub-refresh .ph-hero-media { min-height:260px; border-radius:20px; }
  .products-hub-refresh .ph-hero-media img { min-height:260px; }
  .products-hub-refresh .ph-section { padding:58px 0; }
  .products-hub-refresh .ph-grid, .products-hub-refresh .ph-decision-grid { grid-template-columns:1fr; }
  .products-hub-refresh .ph-card { border-radius:18px; }
  .products-hub-refresh .ph-guide-callout { padding:28px 22px; border-radius:20px; }
  .products-hub-refresh .ph-final { padding:56px 0; }
  .products-hub-refresh .ph-actions .btn { width:100%; justify-content:center; text-align:center; }
}