.thinner-family-page { background: #fff; }
.thinner-hero { padding: clamp(72px, 9vw, 118px) 0 clamp(62px, 7vw, 96px); background: linear-gradient(135deg,#edf6fb,#f9fcfe 58%,#edf7f1); }
.thinner-hero .product-page-breadcrumb { margin-bottom: 32px; }
.thinner-hero h1 { max-width: 830px; margin: 12px 0 18px; color: #092f50; font-size: clamp(2.35rem,5vw,4.5rem); line-height: 1.04; letter-spacing: -.04em; }
.thinner-hero__lead { max-width: 760px; color: #435c70; font-size: clamp(1rem,1.5vw,1.18rem); line-height: 1.75; }
.thinner-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.thinner-intro { padding: 64px 0 30px; }
.thinner-intro__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
.thinner-intro h2,.thinner-section-heading h2,.thinner-cta h2 { margin: 8px 0 0; color:#0a365b; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; }
.thinner-intro__grid>p { margin:0; color:#536579; line-height:1.8; }
.thinner-products { padding: 44px 0 80px; }
.thinner-section-heading { margin-bottom: 28px; }
.thinner-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.thinner-grid a { display:grid; gap:8px; min-height:132px; padding:24px; border:1px solid #dce6ed; border-radius:14px; background:#fff; color:#0a365b; box-shadow:0 8px 28px rgba(8,42,69,.06); transition:transform .2s ease,border-color .2s ease; }
.thinner-grid a:hover,.thinner-grid a:focus-visible { transform:translateY(-2px); border-color:#15915a; }
.thinner-grid strong { font-size:1.08rem; }
.thinner-grid span { color:#66798a; font-size:.85rem; line-height:1.5; }
.thinner-cta { padding:0 0 84px; }
.thinner-cta__panel { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:36px; border-radius:18px; background:#eef8f2; }
.thinner-cta__panel p:last-child { max-width:650px; color:#536579; }
@media(max-width:900px){.thinner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thinner-intro__grid{grid-template-columns:1fr}.thinner-cta__panel{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.thinner-hero{padding-top:56px}.thinner-grid{grid-template-columns:1fr}.thinner-grid a{min-height:112px}.thinner-cta__panel{padding:26px 22px}}