/* V14: benefits replacing the two lower explanation sections. */
.vitium-benefits {background:var(--paper);color:#151719;color-scheme:light}
.vitium-benefits .eyebrow {color:#6c5523}
.benefits-heading {max-width:930px;margin-bottom:58px}
.benefits-heading h2 {font-size:clamp(42px,4.8vw,68px)}
.benefits-heading h2 span {color:#737978}
.benefits-heading>p:last-child {max-width:740px;margin-top:26px;color:#596160;font-size:20px;line-height:1.6}
.benefits-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.benefits-feature {min-width:0;background:#fff;border:1px solid #dcded7;border-radius:9px;overflow:hidden}
.benefits-photo {margin:0}
.benefits-photo-space {aspect-ratio:2/1;background:#e7e8e2;border-bottom:1px solid #dcded7}
.benefits-photo figcaption {display:flex;justify-content:space-between;gap:12px;padding:13px 26px;color:#56605e;font-size:12px;line-height:1.5;border-bottom:1px solid #e4e6df}
.benefits-photo figcaption span {flex:none;color:#626963}
.benefits-feature-copy {padding:28px 30px 30px}
.benefits-label {display:flex;gap:15px;align-items:baseline;font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.09em;font-weight:600;color:#5f522f;margin-bottom:16px}
.benefits-label>span {font-size:14px;font-weight:500;color:#757a73;letter-spacing:0}
.benefits-feature h3 {font-size:clamp(32px,3vw,43px);line-height:1.06}
.benefits-feature-copy>p:not(.benefits-label) {margin-top:19px;font-size:17px;line-height:1.65;color:#59615c}
.benefits-feature-copy>p.benefits-outcome {border-top:1px solid #e1e4db;padding-top:18px;color:#323a33;font-size:15px;font-weight:500}
.benefits-detail-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin-top:49px}
.benefits-detail {border-top:1px solid #cdd1c6;padding-top:24px;min-width:0}
.benefits-detail .benefits-label {font-size:11px;letter-spacing:.06em;gap:10px;margin-bottom:18px}
.benefits-detail h3 {font-size:28px;line-height:1.12;letter-spacing:-.035em}
.benefits-detail>p:last-child {font-size:15px;line-height:1.7;color:#59615c;margin-top:18px}
.benefits-comparison {margin-top:78px;border-top:1px solid #cdd1c6;padding-top:48px}
.benefits-comparison-intro {margin-bottom:29px}
.benefits-comparison-intro .eyebrow {font-size:11px;margin-bottom:14px}
.benefits-comparison-intro h3 {font-size:32px;line-height:1.12}
.benefits-table {width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:15px;line-height:1.6}
.benefits-table th,.benefits-table td {vertical-align:top;padding:20px 23px;border-bottom:1px solid #d6dbcf}
.benefits-table thead th {font-size:14px;font-weight:600;border-top:1px solid #cdd1c6;border-bottom:1px solid #cdd1c6}
.benefits-table thead th:first-child {width:20%}
.benefits-table thead th:last-child {color:#65511f;background:#e9ecdf}
.benefits-table tbody th {font-weight:500;color:#303831}
.benefits-table td {color:#616a62}
.benefits-table td:last-child {background:#eef0e7;color:#424e42}
.benefits-table td strong {display:block;font-weight:600;color:#202e21;margin-bottom:3px}
.benefits-scope {font-size:13px;line-height:1.6;color:#626a60;margin-top:18px;max-width:870px}
.benefits-sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.benefits-mobile-label {display:none}
.benefits-invitation {margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.benefits-invitation>p {font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.4}
.benefits-invitation .button {background:#182019;border-color:#182019;color:#fff;font-size:15px;min-height:56px}
.benefits-invitation .button:hover {background:#2b392b;border-color:#2b392b;color:#fff}
.vitium-benefits a:focus-visible {outline-color:#75602a}
@media(max-width:1000px) {
  .benefits-detail-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}
  .benefits-photo figcaption {flex-direction:column;gap:3px;padding:12px 23px}
  .benefits-feature-copy {padding:25px 23px}
  .benefits-table th,.benefits-table td {padding:18px 16px}
}
@media(max-width:650px) {
  .benefits-heading {margin-bottom:33px}
  .benefits-heading h2 {font-size:clamp(35px,9.6vw,46px);line-height:1.05}
  .benefits-heading>p:last-child {font-size:17px;margin-top:22px;line-height:1.65}
  .benefits-feature-grid {grid-template-columns:1fr;gap:25px}
  .benefits-photo-space {aspect-ratio:1.75/1}
  .benefits-photo figcaption {padding:12px 22px;font-size:11px}
  .benefits-feature-copy {padding:25px 22px}
  .benefits-feature h3 {font-size:34px}
  .benefits-feature-copy>p:not(.benefits-label) {font-size:16px;margin-top:18px}
  .benefits-feature-copy>p.benefits-outcome {font-size:14px}
  .benefits-label {font-size:11px;letter-spacing:.06em;margin-bottom:15px}
  .benefits-detail-grid {grid-template-columns:1fr;gap:28px;margin-top:36px}
  .benefits-detail {padding-top:23px}
  .benefits-detail .benefits-label {margin-bottom:14px}
  .benefits-detail h3 {font-size:30px}
  .benefits-detail>p:last-child {font-size:16px;line-height:1.65;margin-top:15px}
  .benefits-comparison {margin-top:43px;padding-top:33px}
  .benefits-comparison-intro h3 {font-size:30px}
  .benefits-table {display:block;table-layout:auto;font-size:15px}
  .benefits-table thead {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .benefits-table tbody {display:block}
  .benefits-table tr {display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #cdd1c6;padding-top:19px;margin-bottom:22px}
  .benefits-table tbody th {display:block;border:0;padding:0 0 12px;font-size:18px;font-weight:600}
  .benefits-table td {display:block;border:0;padding:12px 16px;min-width:0}
  .benefits-table td:last-child {margin-top:9px;border-radius:4px;padding:16px}
  .benefits-mobile-label {display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:#636b61;margin-bottom:6px}
  .benefits-table td:last-child .benefits-mobile-label {color:#536a4e}
  .benefits-scope {font-size:12px;margin-top:5px}
  .benefits-invitation {margin-top:33px;align-items:stretch;flex-direction:column;gap:18px}
  .benefits-invitation>p {font-size:23px}
  .benefits-invitation .button {font-size:14px;padding:14px 15px;line-height:1.45;min-height:58px}
}

/* V18: supplied originals, with full-resolution viewing. */
.benefits-media{position:relative;display:block;overflow:hidden;background:#eff0eb;color:#111b12;min-width:0}
.benefits-photo>.benefits-media{aspect-ratio:1/1}
.benefits-media img{display:block;width:100%;height:100%;object-fit:contain}
.benefits-before-after{display:grid;grid-template-columns:1fr;gap:2px;background:#d9ded3}
.benefits-before-after .benefits-media{aspect-ratio:2/1}
.benefits-before-after .benefits-media img{object-fit:cover;object-position:50% 50%}
.benefits-image-label{position:absolute;left:14px;top:14px;background:#fffef3eb;border:1px solid #d7dbcc;border-radius:4px;padding:5px 11px;font-size:12px;line-height:1.5;font-weight:600}
.benefits-media:hover .enlarge-sign{background:#d4b474;color:#121911}
@media(max-width:650px){.benefits-before-after .benefits-media{aspect-ratio:4/3}.benefits-image-label{left:12px;top:12px}}

/* V47: fill the stock card on every screen with the replacement image. */
.benefits-media[data-gallery-index="benefit-white-bases"] img{object-fit:cover;object-position:50% 50%}