.cream-page {
  --cream-ink: #20211f;
  --cream-muted: #6a6a65;
  --cream-paper: #f8f7f4;
  --cream-line: #e7e4de;
  --cream-accent: #b12632;
  color: var(--cream-ink);
  background: #fff;
  font-family: Inter, Arial, sans-serif;
}
body.cream-separators-page { background: #fff; }
body.cream-separators-page #paras-global-nav,
body.cream-separators-page #paras-global-nav .pn { background-color: #fff !important; }
.cream-page h1, .cream-page h2, .cream-page h3 { font-family: 'Barlow Condensed', Arial, sans-serif; font-weight: 600; letter-spacing: 0; }
.cream-wrap { width: min(1380px, calc(100% - 56px)); margin-inline: auto; }
.cream-intro { padding: 0 0 22px; background: #fff; border-bottom: 1px solid var(--cream-line); }
.cream-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 8px; color: var(--cream-muted); font-size: 12px; }
.cream-breadcrumb a:hover, .cream-text-link:hover { color: var(--cream-accent); }
.cream-intro-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); align-items: center; gap: clamp(28px,5vw,76px); }
.cream-kicker { margin-bottom: 10px; color: var(--cream-accent); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cream-intro h1 { max-width: 770px; font-size: clamp(36px,5.2vw,66px); line-height: 1.12; letter-spacing: .005em; font-weight: 600; }
.cream-lead { max-width: 710px; margin-top: 18px; color: var(--cream-muted); font-size: clamp(15px,1.5vw,18px); line-height: 1.65; }
.cream-intro-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: min(100%,520px); margin-top: 20px; }
.cream-intro-actions .cream-button { width: 100%; min-height: 40px; gap: 7px; padding: 0 12px; font-size: 12px; }
.cream-intro-actions #cream-hero-whatsapp { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .cream-intro-actions { grid-template-columns: repeat(3,minmax(0,1fr)); width: min(100%,660px); }
  .cream-intro-actions #cream-hero-whatsapp { grid-column: auto; }
}
.cream-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 0 16px; border-radius: 999px; font-size: 13px; font-weight: 750; transition: transform .2s ease, background .2s ease, color .2s ease; }
.cream-button:hover { transform: translateY(-2px); }
.cream-button-primary { color: #fff; background: var(--cream-accent); box-shadow: 0 8px 22px rgba(177,38,50,.15); }
.cream-button-primary:hover { background: #941d28; }
.cream-button-whatsapp { color: #fff; background: #187a45; }
.cream-button-whatsapp:hover { background: #126339; }
.cream-whatsapp-icon { display: block; flex: 0 0 18px; width: 18px !important; height: 18px !important; max-width: 18px; max-height: 18px; fill: currentColor; stroke: none !important; }
.cream-button-brochure { border: 1px solid #d8d6cf; color: var(--cream-ink); background: rgba(255,255,255,.84); }
.cream-button-brochure:hover { background: #fff; }
.cream-button-brochure svg { width: 17px; height: 17px; }
.cream-intro-image { justify-self: stretch; overflow: visible; background: transparent; }
.cream-intro-image img { width: 100%; height: clamp(300px,34vw,460px); object-fit: contain; background: transparent; }
.cream-intro-image figcaption { padding: 0 8px; color: var(--cream-muted); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; text-align: right; }
.cream-hero-model-caption { display: inline-block; white-space: nowrap; }
.cream-proof { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 12px; overflow: hidden; border: 1px solid rgba(92,87,77,.14); border-radius: 10px; background: rgba(235,233,227,.68); color: #24231f; box-shadow: 0 8px 24px rgba(27,25,21,.06); -webkit-backdrop-filter: blur(16px) saturate(135%); backdrop-filter: blur(16px) saturate(135%); }
.cream-proof > div { display: flex; flex-direction: column; gap: 1px; padding: 7px 13px; border-right: 1px solid rgba(92,87,77,.14); }
.cream-proof > div:last-child { border: 0; }
.cream-proof strong { font-size: 14px; letter-spacing: 0; }
.cream-proof span { color: rgba(36,35,31,.68); font-size: 9px; line-height: 1.3; }
.cream-section { padding: clamp(54px,7vw,92px) 0; }
.cream-range-section { padding-top: clamp(38px,5vw,60px); }
.cream-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 26px; }
.cream-section-heading h2, .cream-manufacturing h2 { max-width: 750px; font-size: clamp(30px,3.7vw,46px); font-weight: 600; letter-spacing: 0; line-height: 1.13; }
.cream-section-heading > p { max-width: 460px; color: var(--cream-muted); font-size: 14px; line-height: 1.65; }
.cream-model-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.cream-model-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cream-line); border-radius: 17px; background: #fff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.cream-model-card:hover { transform: translateY(-3px); border-color: #d0c8bd; box-shadow: 0 14px 34px rgba(27,25,21,.08); }
.cream-model-card[role="link"] { cursor: pointer; }
.cream-model-card[role="link"]:focus-visible { outline: 3px solid rgba(177,38,50,.48); outline-offset: 3px; }
.cream-model-image { position: relative; display: block; flex: 0 0 clamp(190px,20vw,250px); min-height: 0; overflow: hidden; padding: 0; border-bottom: 1px solid var(--cream-line); background: #fff; }
.cream-model-picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.cream-model-image img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; object-fit: contain; object-position: center; background: #fff; filter: none; transform: none; }
.cream-model-image--gr7 img { object-fit: contain; object-position: center; transform: scale(1); }
.cream-model-image--gr8 img { transform: scale(1); }
.cream-model-image--gr108 img { transform: scale(1); }
.cream-model-image--gr11 img { transform: scale(1); }
.cream-model-image--gr11 img, .cream-model-image--gr107 img { inset: 0; width: 100%; height: 100%; object-fit: contain; transform: none; }
.cream-model-image--gr107 img { transform: scale(1.3); }
.cream-model-image--portrait img { transform: scale(.94); }
.cream-model-image--reduced img { transform: scale(1); }
.cream-model-image--industrial img { filter: none; transform: scale(.92); }
.cream-model-copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 17px 18px 15px; }
.cream-model-meta { min-height: 14px; color: #77756e; font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.4; }
.cream-model-card h3 { margin-top: 6px; font-family: Inter,Arial,sans-serif; font-size: 20px; line-height: 1.25; letter-spacing: -.015em; font-weight: 750; }
.cream-capacity { margin-top: 5px; color: var(--cream-accent); font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
.cream-capacity-row { display: flex; align-items: baseline; justify-content: space-between; gap: 5px; width: 100%; }
.cream-capacity-row .cream-capacity { margin-top: 5px; }
.cream-model-count { flex: 0 0 auto; padding: 4px 9px; border: 1px solid rgba(111,105,94,.17); border-radius: 999px; color: var(--cream-accent); background: rgba(231,229,223,.66); -webkit-backdrop-filter: blur(8px) saturate(140%); backdrop-filter: blur(8px) saturate(140%); font-size: 10px; line-height: 1.2; font-weight: 700; }
.cream-model-description { min-height: 44px; margin-top: 9px; color: var(--cream-muted); font-size: 12px; line-height: 1.5; }
.cream-drive { width: 100%; margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--cream-line); color: #393a37; font-size: 11px; line-height: 1.45; font-weight: 650; }
.cream-drive > span { display: block; margin-bottom: 2px; color: #88867f; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.cream-card-link { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: auto; padding-top: 13px; color: var(--cream-accent); font-size: 12px; font-weight: 800; }
.cream-help-card { display: flex; flex-direction: column; justify-content: center; padding: clamp(20px,2.3vw,30px); border-radius: 17px; background: #f3f0e9; }
.cream-help-card h3 { max-width: 230px; font-size: 24px; line-height: 1.1; letter-spacing: -.035em; }
.cream-help-card > p:not(.cream-kicker) { margin: 10px 0 18px; color: var(--cream-muted); font-size: 12px; line-height: 1.6; }
.cream-help-card .cream-button { align-self: flex-start; font-size: 12px; }
.cream-capacity-guide { display: grid; grid-template-columns: minmax(260px,.92fr) minmax(0,1.08fr); gap: 34px; align-items: start; margin-top: 28px; padding: clamp(20px,3vw,34px); border: 1px solid var(--cream-line); border-radius: 20px; background: #faf9f6; }
.cream-guide-intro h3 { max-width: 360px; font-size: 25px; line-height: 1.16; letter-spacing: 0; font-weight: 600; }
.cream-guide-intro > p:not(.cream-kicker) { margin-top: 10px; color: var(--cream-muted); font-size: 12px; line-height: 1.6; }
.cream-formula { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; margin-top: 16px; color: #45443f; font-size: 10px; font-weight: 700; }
.cream-formula b { color: var(--cream-accent); }
.cream-capacity-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; align-items: start; }
.cream-capacity-form label { display: flex; flex-direction: column; gap: 6px; color: #4f4e49; font-size: 11px; font-weight: 700; }
.cream-capacity-form label > span { position: relative; display: flex; align-items: center; border: 1px solid var(--cream-line); border-radius: 10px; background: #fff; }
.cream-capacity-form label > span input { width: 100%; min-width: 0; height: 44px; padding: 0 58px 0 12px; border: 0; outline: 0; border-radius: inherit; background: transparent; color: var(--cream-ink); font: 600 14px Inter,Arial,sans-serif; }
.cream-capacity-form label > span input:focus-visible { outline: 2px solid rgba(177,38,50,.3); outline-offset: 1px; }
.cream-capacity-form label > span input::placeholder { color: #aaa79f; }
.cream-capacity-form label em { position: absolute; right: 11px; color: #85827a; font-size: 10px; font-style: normal; font-weight: 500; }
.cream-capacity-form .legal-consent { grid-column: 1 / -1; width: 100%; min-width: 0; box-sizing: border-box; margin: 0; }
.cream-capacity-form .legal-consent label { display: block; min-width: 0; overflow-wrap: anywhere; }
.cream-capacity-form button { grid-column: 1 / -1; justify-self: start; min-height: 42px; margin-top: 2px; font-size: 12px; }
.cream-capacity-result { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 4px 16px; width: 100%; min-width: 0; padding: 15px 17px; border: 1px solid #e8c9cb; border-radius: 12px; background: #fff; color: var(--cream-muted); font-size: 12px; line-height: 1.5; }
.cream-result-label { color: #77756e; font-size: 11px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.cream-capacity-result .cream-result-value { color: var(--cream-accent); font-size: clamp(28px,3vw,42px); line-height: 1; white-space: nowrap; }
.cream-result-value small { font-size: .48em; letter-spacing: .02em; }
.cream-capacity-result p { grid-column: 1 / -1; }
.cream-capacity-whatsapp { grid-column: 1 / -1; justify-self: start; display: none; min-height: 42px; font-size: 12px; }
.cream-capacity-whatsapp.is-ready { display: inline-flex; }
.cream-capacity-whatsapp { letter-spacing: 0; word-spacing: 0; }
.cream-how { background: #fff; }
.cream-how-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.cream-how-grid article { min-height: 165px; padding: 20px; border: 1px solid var(--cream-line); border-radius: 15px; background: #fff; }
.cream-how-grid article > span { color: var(--cream-accent); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.cream-how-grid h3, .cream-selection-notes h3 { margin-top: 10px; font-family: Inter,Arial,sans-serif; font-size: 16px; font-weight: 750; line-height: 1.35; }
.cream-how-grid p { margin-top: 8px; color: var(--cream-muted); font-size: 12px; line-height: 1.6; }
.cream-selection-notes { margin-top: 14px; padding: 20px; border-radius: 15px; background: var(--cream-paper); }
.cream-selection-notes h3 { margin-top: 0; }
.cream-selection-notes ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 24px; margin-top: 12px; padding: 0; list-style: none; }
.cream-selection-notes li { position: relative; padding-left: 15px; color: var(--cream-muted); font-size: 12px; line-height: 1.55; }
.cream-selection-notes li::before { position: absolute; left: 0; top: .58em; width: 5px; height: 5px; border-radius: 50%; background: var(--cream-accent); content: ''; }
.cream-drive-section { background: var(--cream-paper); }
.cream-drive-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.cream-drive-card { position: relative; min-height: 240px; padding: 24px; border: 1px solid var(--cream-line); border-radius: 17px; background: #fff; }
.cream-drive-index { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--cream-accent); background: #f9eded; font-size: 10px; font-weight: 800; }
.cream-drive-card .cream-kicker { margin: 15px 0 0; font-size: 9px; }
.cream-drive-card h3 { margin-top: 4px; font-size: 25px; letter-spacing: -.02em; }
.cream-drive-card > p:not(.cream-drive-models, .cream-kicker), .cream-drive-card div > p { margin-top: 8px; color: var(--cream-muted); font-size: 13px; line-height: 1.6; }
.cream-drive-models { margin-top: 14px; color: #45443f; font-size: 10px; line-height: 1.5; }
.cream-drive-models b { color: var(--cream-ink); }
.cream-drive-card-wide { grid-column: span 2; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0 15px; min-height: 128px; }
.cream-drive-card-wide .cream-drive-index { grid-row: span 2; }
.cream-drive-card-wide h3 { margin-top: 1px; }
.cream-drive-card-wide .cream-drive-models { grid-column: 2; margin-top: 8px; }
.cream-application-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; padding: 1px; border: 1px solid var(--cream-line); border-radius: 18px; overflow: hidden; background: var(--cream-line); }
.cream-application-grid article { min-height: 188px; padding: 21px; background: #fff; }
.cream-application-grid article > span { color: var(--cream-accent); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.cream-application-grid h3 { margin-top: 20px; font-size: 22px; line-height: 1.15; letter-spacing: -.01em; }
.cream-application-grid p { margin-top: 8px; color: var(--cream-muted); font-size: 11px; line-height: 1.55; }
.cream-manufacturing { padding: clamp(54px,7vw,90px) 0; background: #f1efeb; }
.cream-manufacturing-grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: clamp(28px,5vw,70px); align-items: center; }
.cream-manufacturing-copy > p:not(.cream-kicker) { max-width: 600px; margin-top: 15px; color: var(--cream-muted); font-size: 14px; line-height: 1.7; }
.cream-manufacturing-button { margin-top: 8px; gap: 8px; font-family: Inter,Arial,sans-serif; letter-spacing: 0 !important; word-spacing: 0 !important; text-transform: none; }
.cream-standards { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin: 18px 0 21px; }
.cream-standards li { position: relative; padding: 9px 0 9px 17px; border-bottom: 1px solid #ddd9d1; color: #4c4b46; font-size: 11px; line-height: 1.45; }
.cream-standards li::before { position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: var(--cream-accent); content: ''; }
.cream-factory-images { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
.cream-factory-images figure { margin: 0; overflow: hidden; border: 1px solid #dedbd4; border-radius: 17px; background: #fff; }
.cream-factory-images img { display: block; width: 100%; height: clamp(190px,25vw,320px); object-fit: cover; background: #fff; }
.cream-factory-images figure:nth-child(2) img { height: clamp(190px,25vw,320px); }
.cream-factory-images figcaption { padding: 10px 13px; color: var(--cream-muted); font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.cream-resources { background: #fff; }
.cream-resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.cream-resource-grid a { position: relative; display: flex; flex-direction: column; gap: 9px; min-height: 112px; padding: 18px 42px 18px 18px; border: 1px solid var(--cream-line); border-radius: 14px; background: #fff; transition: background .2s ease, border-color .2s ease; }
.cream-resource-grid a:hover { border-color: #d7c8c3; background: #fcf8f6; }
.cream-resource-grid a span { color: #817f78; font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.cream-resource-grid a strong { font-size: 14px; line-height: 1.35; letter-spacing: -.02em; }
.cream-resource-grid a i { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: var(--cream-accent); font-size: 17px; font-style: normal; }
.cream-faq { background: var(--cream-paper); }
.cream-faq-wrap { width: calc(100% - 56px); max-width: none; }
.cream-faq-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
.cream-faq-list details { border: 1px solid var(--cream-line); border-radius: 12px; background: #fff; }
.cream-faq-list summary { position: relative; display: block; padding: 13px 42px 13px 16px; cursor: pointer; list-style: none; text-align: left; text-align-last: left; white-space: normal; word-spacing: normal; letter-spacing: 0; font-size: 15px; line-height: 1.35; font-weight: 700; }
.cream-faq-list summary::-webkit-details-marker { display: none; }
.cream-faq-list summary::after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--cream-accent); content: '+'; font-size: 20px; line-height: 1; font-weight: 400; }
.cream-faq-list details[open] summary::after { content: '−'; }
.cream-faq-list details p { max-width: none; padding: 0 16px 14px; color: var(--cream-muted); font-size: 13px; line-height: 1.55; }
.cream-final-cta { padding: clamp(46px,6vw,76px) 0; color: #fff; background: #171917; }
.cream-final-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.cream-final-inner .cream-kicker { color: #f0a2a7; }
.cream-final-inner h2 { max-width: 680px; font-size: clamp(30px,4vw,48px); line-height: 1.08; letter-spacing: -.04em; }
.cream-final-inner > div:first-child > p:last-child { max-width: 660px; margin-top: 12px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.65; }
.cream-final-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.cream-buyer-guide { background: #fff; }
.cream-buyer-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.cream-buyer-guide-grid article { min-width: 0; padding: clamp(18px,2.4vw,28px); border: 1px solid var(--cream-line); border-radius: 16px; background: #faf9f6; }
.cream-buyer-guide-grid .cream-kicker { margin-bottom: 8px; font-size: 9px; }
.cream-buyer-guide-grid h3 { max-width: 440px; font-family: Inter,Arial,sans-serif; font-size: 19px; font-weight: 750; line-height: 1.3; letter-spacing: -.02em; }
.cream-buyer-guide-grid p:not(.cream-kicker) { margin-top: 9px; color: var(--cream-muted); font-size: 12px; line-height: 1.7; }
.cream-buyer-guide-grid a { display: inline-block; margin-top: 12px; color: var(--cream-accent); font-size: 11px; line-height: 1.5; font-weight: 700; }
.cream-buyer-checklist { margin-top: 13px; }
.cream-buyer-checklist ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cream-button-light { color: #1c1d1a; background: #fff; }
.cream-button-outline { border: 1px solid rgba(255,255,255,.38); color: #fff; }
.cream-button-outline:hover { background: rgba(255,255,255,.1); }
@media (max-width: 1100px) {
  .cream-model-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cream-model-image { flex-basis: 190px; }
  .cream-drive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cream-application-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cream-capacity-guide { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .cream-wrap { width: min(100% - 34px, 620px); }
  .cream-intro { padding-top: 6px; }
  .cream-intro-grid { grid-template-columns: 1fr; gap: 22px; }
  .cream-intro h1 { max-width: 600px; font-size: clamp(34px,9vw,49px); }
  .cream-intro-image { max-width: 560px; }
  .cream-intro-image img { height: 280px; }
  .cream-proof { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cream-proof > div:nth-child(2) { border-right: 0; }
  .cream-proof > div:nth-child(-n+2) { border-bottom: 1px solid rgba(92,87,77,.14); }
  .cream-section-heading { align-items: flex-start; flex-direction: column; gap: 11px; margin-bottom: 20px; }
  .cream-section-heading > p { max-width: 600px; }
  .cream-faq-wrap { width: min(100% - 34px, 620px); }
  .cream-faq-list { grid-template-columns: 1fr; gap: 8px; }
  .cream-faq-list details { border-radius: 11px; }
  .cream-faq-list summary { padding: 12px 38px 12px 14px; font-size: 14px; line-height: 1.35; }
  .cream-faq-list summary::after { right: 13px; font-size: 18px; }
  .cream-faq-list details p { padding: 0 14px 12px; font-size: 12.5px; }
  .cream-model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .cream-model-image { flex-basis: 180px; padding: 0; }
  .cream-model-image img { inset: 0; width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: center; transform: none; }
  .cream-model-image--gr11 img, .cream-model-image--gr107 img { transform: scale(.92); transform-origin: center bottom; }
  .cream-model-copy { padding: 13px 12px 12px; }
  .cream-model-card h3 { font-size: 19px; line-height: 1.22; }
  .cream-capacity { font-size: 15px; }
  .cream-capacity-row { display: flex; align-items: center; justify-content: space-between; gap: 3px; min-width: 0; }
  .cream-capacity-row .cream-capacity { min-width: 0; white-space: nowrap; font-size: clamp(10.5px,3.1vw,12px); letter-spacing: -.035em; }
  .cream-model-count { padding: 4px 7px; font-size: 9px; white-space: nowrap; }
  .cream-model-description { min-height: 6em; font-size: 11px; line-height: 1.5; }
  .cream-drive { margin-top: 8px; padding-top: 8px; font-size: 10px; }
  .cream-card-link { font-size: 10px; }
  .cream-help-card { padding: 17px 13px; }
  .cream-help-card h3 { font-size: 20px; }
  .cream-help-card > p:not(.cream-kicker) { font-size: 11px; }
  .cream-help-card .cream-button { min-height: 42px; padding-inline: 12px; }
  .cream-capacity-guide { gap: 18px; margin-top: 18px; padding: 17px 13px; border-radius: 16px; }
  .cream-capacity-form { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
  .cream-capacity-form .legal-consent { grid-column: 1 / -1; }
  .cream-capacity-form button { grid-column: 1 / -1; }
  .cream-capacity-result { grid-column: 1 / -1; }
  .cream-how-grid { grid-template-columns: 1fr; gap: 8px; }
  .cream-buyer-guide-grid { grid-template-columns: 1fr; gap: 9px; }
  .cream-buyer-guide-grid article { padding: 17px; }
  .cream-buyer-checklist ul { grid-template-columns: 1fr; }
  .cream-how-grid article { min-height: 0; padding: 16px; }
  .cream-selection-notes { padding: 16px; }
  .cream-selection-notes ul { grid-template-columns: 1fr; gap: 8px; }
  .cream-guide-intro h3 { font-size: 22px; }
  .cream-drive-grid { grid-template-columns: 1fr; gap: 10px; }
  .cream-drive-card { min-height: 0; padding: 19px 17px; }
  .cream-drive-card h3 { font-size: 22px; }
  .cream-drive-card-wide { grid-column: auto; min-height: 0; }
  .cream-application-grid article { min-height: 168px; padding: 16px 14px; }
  .cream-application-grid h3 { margin-top: 14px; font-size: 19px; }
  .cream-manufacturing-grid { grid-template-columns: 1fr; }
  .cream-standards { gap: 0 12px; }
  .cream-factory-images img, .cream-factory-images figure:nth-child(2) img { height: 220px; }
  .cream-resource-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .cream-resource-grid a { min-height: 104px; padding: 14px 33px 14px 13px; }
  .cream-resource-grid a strong { font-size: 12px; }
  .cream-resource-grid a i { right: 11px; }
  .cream-final-inner { align-items: flex-start; flex-direction: column; }
  .cream-final-actions { justify-content: flex-start; }
}
@media (max-width: 420px) {
  .cream-wrap { width: calc(100% - 26px); }
  .cream-intro-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; width: 100%; }
  .cream-proof > div { padding: 6px 9px; }
  .cream-proof strong { font-size: 12px; }
  .cream-proof span { font-size: 8px; }
  .cream-model-grid { gap: 8px; }
  .cream-model-image { flex-basis: 180px; padding: 0; }
  .cream-model-copy { padding: 11px 9px 10px; }
  .cream-model-meta { font-size: 8px; }
  .cream-model-card h3 { font-size: 17px; line-height: 1.25; }
  .cream-capacity { font-size: 14px; }
  .cream-model-description { min-height: 6em; font-size: 11px; line-height: 1.5; }
  .cream-card-link { font-size: 9px; }
  .cream-drive-grid { grid-template-columns: 1fr; }
  .cream-drive-card { min-height: 0; }
  .cream-drive-card-wide { grid-column: auto; }
  .cream-application-grid article { min-height: 172px; }
  .cream-application-grid h3 { font-size: 17px; }
  .cream-standards { grid-template-columns: 1fr; }
  .cream-factory-images { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 8px; }
  .cream-factory-images img, .cream-factory-images figure:nth-child(2) img { height: clamp(125px,38vw,190px); }
  .cream-factory-images figcaption { padding: 8px 7px; font-size: 8px; }
  .cream-resource-grid { grid-template-columns: 1fr 1fr; }
  .cream-resource-grid a { min-height: 112px; }
  .cream-final-actions { flex-direction: column; width: 100%; }
  .cream-final-actions .cream-button { width: 100%; }
}
@media (max-width: 600px) {
  .cream-intro-image img { height: clamp(210px,62vw,300px); }
}
@media (prefers-reduced-motion: reduce) {
  .cream-button, .cream-model-card, .cream-resource-grid a { transition: none; }
}

/* Master buying guide: scoped to this page; product-card rules stay intact. */
.cream-editorial { padding: 56px 0; scroll-margin-top: 110px; }
.cream-editorial-tint { background: #f8f7f4; }
.cream-editorial .cream-wrap > h2 { margin-bottom: 16px; max-width: 950px; font-size: clamp(28px,3vw,40px); line-height: 1.15; }
.cream-editorial p, .cream-editorial li, .cream-editorial td, .cream-editorial th { font-size: 16px; line-height: 1.65; }
.cream-editorial p { color: var(--cream-muted); margin: 0 0 12px; max-width: 78ch; }
.cream-editorial h3 { font-size: 25px; line-height: 1.2; margin: 22px 0 10px; }
.cream-editorial h4 { font-size: 20px; margin: 18px 0 8px; }
.cream-editorial a:not(.cream-button):not(.cream-resource-grid a) { color: var(--cream-accent); text-underline-offset: 3px; }
.cream-editorial ul, .cream-editorial ol { padding-left: 24px; margin: 12px 0 20px; }
.cream-editorial li + li { margin-top: 9px; }
.cream-editorial-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 32px; margin: 20px 0; align-items: start; }
.cream-editorial-grid > *, .cream-capacity-layout > * { min-width: 0; }
.cream-editorial-item { border-top: 1px solid var(--cream-line); padding-top: 16px; }
.cream-editorial-item h3 { margin-top: 0; }
.cream-types-grid, .cream-ownership-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.cream-more { margin: 14px 0; border-top: 1px solid var(--cream-line); border-bottom: 1px solid var(--cream-line); }
.cream-more > summary { min-height: 48px; padding: 12px 0; font-size: 16px; font-weight: 700; cursor: pointer; color: var(--cream-ink); }
.cream-more > div { padding: 8px 0 16px; }
.cream-context-link { display: inline-block; padding: 8px 0; font-size: 15px; font-weight: 700; }
.cream-data-table { width: 100%; margin: 20px 0; border-collapse: collapse; text-align: left; }
.cream-data-table th { background: rgba(231,229,223,.5); color: var(--cream-ink); font-weight: 700; }
.cream-editorial .cream-data-table th, .cream-editorial .cream-data-table td { padding: 12px 14px; border-bottom: 1px solid var(--cream-line); vertical-align: top; text-align: left; }
.cream-data-table td:nth-child(2) { font-weight: 650; }
.cream-capacity-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 32px; align-items: start; margin: 20px 0; }
.cream-capacity-layout .cream-data-table { margin-top: 0; }
.cream-calculator { padding-left: 28px; border-left: 1px solid var(--cream-line); }
.cream-calculator h3 { margin-top: 0; }
.cream-calculator > p { font-size: 14px; }
.cream-calculator-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.cream-calculator label { min-width: 0; font-size: 14px; font-weight: 650; }
.cream-input-unit { display: flex; align-items: center; margin-top: 7px; border: 1px solid #d8d6cf; border-radius: 9px; background: #fff; overflow: hidden; }
.cream-input-unit input { width: 100%; min-width: 0; border: 0; background: transparent; height: 46px; padding: 10px 12px; font: inherit; font-size: 16px; color: var(--cream-ink); }
.cream-input-unit > span { padding-right: 10px; font-size: 12px; color: var(--cream-muted); flex: 0 0 auto; }
.cream-calculator small { display: block; font-size: 12px; line-height: 1.4; font-weight: 400; margin-top: 6px; color: var(--cream-muted); }
.cream-calculator small[hidden], .cream-calculator a[hidden] { display: none; }
.cream-calculator .cream-field-error { color: var(--cream-accent); }
.cream-calculator input[aria-invalid=true] { outline: 2px solid var(--cream-accent); outline-offset: -2px; }
.cream-calculator-result { min-height: 82px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--cream-line); }
.cream-calculator-result strong { display: block; font-size: 22px; color: var(--cream-accent); margin-bottom: 5px; }
.cream-calculator-result p { font-size: 14px; }
.cream-calculation-example { padding-left: 28px; margin-top: 12px; }
.cream-calculation-example p { font-size: 14px; }
.cream-component-photo { max-width: 360px; margin: 20px 0; }
.cream-component-photo img { width: 100%; height: 240px; object-fit: contain; background: #fff; }
.cream-component-photo figcaption { font-size: 13px; color: var(--cream-muted); margin-top: 8px; }
#working-principle ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 32px; }
#working-principle li { margin: 0; padding-left: 4px; }
#manufacturer .cream-factory-images { max-width: 850px; margin-top: 24px; }
#manufacturer .cream-factory-images img { height: 240px; object-fit: cover; }
.cream-faq-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; }
.cream-faq-column { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cream-faq-item { border: 1px solid var(--cream-line); border-radius: 14px; background: #fff; flex: none; min-height: 0; height: auto; }
.cream-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; min-height: 58px; font-size: 17px; line-height: 1.4; font-weight: 700; list-style: none; cursor: pointer; }
.cream-faq-item summary::-webkit-details-marker { display: none; }
.cream-faq-indicator { width: 18px; flex: 0 0 18px; font-size: 26px; color: var(--cream-accent); font-weight: 400; line-height: 1; }
.cream-faq-item[open] .cream-faq-indicator { font-size: 0; }
.cream-faq-item[open] .cream-faq-indicator::after { content: '−'; font-size: 26px; }
.cream-faq-answer { padding: 0 18px 18px; }
.cream-faq-answer p { margin-bottom: 10px; font-size: 15px; }
.cream-faq-answer p:last-child { margin-bottom: 0; }
.cream-editorial :is(summary,input,a,button):focus-visible { outline: 2px solid var(--cream-accent); outline-offset: 3px; }
.cream-editorial-enquiry { border-top: 1px solid var(--cream-line); }
.cream-related-resources { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--cream-line); }
.cream-hero-context { font-size: 15px; margin-top: 10px; }
@media (max-width: 1023px) {
  .cream-editorial { padding: 42px 0; }
  .cream-capacity-layout { grid-template-columns: 1fr; }
  .cream-calculator, .cream-calculation-example { padding-left: 0; border-left: 0; }
  .cream-calculator { max-width: 620px; }
  .cream-types-grid, .cream-ownership-grid { grid-template-columns: 1fr; }
}
@media (max-width: 899px) {
  .cream-faq-columns { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 767px) {
  .cream-editorial { padding: 32px 0; }
  .cream-editorial .cream-wrap { width: calc(100% - 32px); }
  .cream-editorial-grid, #working-principle ol { grid-template-columns: 1fr; gap: 14px; }
  .cream-editorial h3 { font-size: 23px; }
  .cream-data-table, .cream-data-table tbody, .cream-data-table tr, .cream-data-table td { display: block; width: 100%; }
  .cream-data-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .cream-data-table tr { padding: 12px 0; border-bottom: 1px solid var(--cream-line); }
  .cream-editorial .cream-data-table td { padding: 4px 0; border: 0; }
  .cream-data-table td::before { content: attr(data-label) ': '; font-size: 12px; font-weight: 700; color: var(--cream-muted); display: block; }
  .cream-data-table td:nth-child(2) { color: var(--cream-accent); }
  .cream-calculator-fields { grid-template-columns: 1fr; }
  .cream-faq-item summary { font-size: 17px; padding: 14px 16px; }
  #manufacturer .cream-factory-images img { height: 160px; }
  .cream-hero-model-caption { font-size: clamp(8px,2.3vw,10px); }
}

/* Mobile comparison tables stay in columns to reduce vertical scrolling. */
@media (min-width: 1024px) {
  .cream-editorial p,
  .cream-editorial .cream-wrap > h2 {
    max-width: none;
  }
  #manufacturer .cream-factory-images {
    max-width: none;
  }
  .cream-editorial-grid:has(> .cream-drive-card) {
    align-items: stretch;
    row-gap: 0;
  }
  .cream-editorial-grid > .cream-drive-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 5;
    align-content: start;
    margin-bottom: 24px;
  }
}
.cream-mobile-disclosure { margin: 0; }
.cream-parts-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.cream-parts-gallery .cream-component-photo { margin: 0; max-width: none; min-width: 0; }
.cream-parts-gallery .cream-component-photo img { display: block; height: 240px; }
.cream-components-layout, .cream-manufacturer-layout { margin-top: 24px; }
@media (min-width: 1024px) {
  .cream-components-layout, .cream-manufacturer-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 32px;
    align-items: start;
  }
  .cream-components-layout > .cream-editorial-item,
  .cream-manufacturer-layout > .cream-editorial-item { padding-top: 0; border-top: 0; }
  #manufacturer .cream-manufacturer-layout .cream-factory-images { margin-top: 0; }
  #manufacturer .cream-manufacturer-layout .cream-factory-images img { height: 280px; }
}
@media (max-width: 1023px) {
  .cream-parts-gallery { margin-top: 18px; }
  .cream-parts-gallery .cream-component-photo img { height: 160px; }
}
.cream-mobile-disclosure > summary { display: none; }
@media (max-width: 767px) {
  .cream-editorial { border-top: 1px solid #deddd8; }
  .cream-editorial:nth-of-type(even) { background: #f6f6f4; }
  .cream-editorial h2 { padding-left: 12px; border-left: 3px solid var(--cream-accent); }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table { display: table; table-layout: fixed; background: #fff; margin: 14px 0; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table thead { position: static; width: auto; height: auto; overflow: visible; clip-path: none; display: table-header-group; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table tbody { display: table-row-group; width: auto; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table tr { display: table-row; width: auto; padding: 0; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table :is(th,td) { display: table-cell; width: auto; padding: 9px 7px; font-size: 12px; line-height: 1.45; border: 1px solid #deddd8; overflow-wrap: anywhere; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table td::before { display: none; }
  :is(#capacity,#types,#pricing,#ownership,#performance) .cream-data-table td:nth-child(2) { color: var(--cream-ink); font-weight: 500; }
  #pricing .cream-data-table td:nth-child(2) { color: var(--cream-accent); font-weight: 700; }
  .cream-mobile-disclosure { margin: 10px 0; border: 1px solid #deddd8; border-radius: 10px; background: #fff; }
  .cream-mobile-disclosure > summary { display: list-item; margin-left: 16px; padding: 12px 12px 12px 0; font-size: 15px; font-weight: 700; cursor: pointer; }
  .cream-mobile-disclosure > div { padding: 0 14px 4px; }
  .cream-mobile-disclosure p { font-size: 14px; }
}

/* Consistent content cards, without changing the model range. */
.cream-editorial { background: #f6f6f4; border: 0; padding: 28px 0; }
.cream-editorial .cream-wrap {
  background: #fff;
  border: 1px solid #e3e2dd;
  border-radius: 22px;
  padding: 28px;
}
.cream-editorial .cream-editorial-item,
.cream-editorial-grid > article:not(.cream-drive-card) {
  padding: 20px;
  border: 1px solid #e4e3de;
  border-radius: 16px;
  background: #fafaf8;
  min-width: 0;
}
.cream-editorial .cream-editorial-item > h3:first-child,
.cream-editorial-grid > article > h3:first-child { margin-top: 0; }
.cream-editorial-item p:last-child { margin-bottom: 0; }
.cream-editorial .cream-more {
  border: 1px solid #e4e3de;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.cream-editorial .cream-more > summary { padding: 13px 16px; }
.cream-editorial .cream-more > div { padding: 4px 16px 16px; }
.cream-editorial .cream-more > .cream-editorial-grid { margin: 0; padding-top: 14px; }
.cream-calculator {
  padding: 20px;
  border: 1px solid #e4e3de;
  border-radius: 16px;
  background: #fafaf8;
}
.cream-parts-gallery .cream-component-photo {
  border: 1px solid #e4e3de;
  border-radius: 14px;
  padding: 10px;
  background: #fff;
  overflow: hidden;
}
.cream-editorial .cream-data-table { border: 1px solid #e3e2dd; background: #fff; }
.cream-editorial .cream-data-table th { background: #eeeFEB; }
.cream-editorial .cream-data-table tbody tr:nth-child(even) { background: #fafaf8; }
#working-principle li { padding: 18px; border: 1px solid #e4e3de; border-radius: 14px; background: #fafaf8; list-style-position: inside; }
@media (max-width: 767px) {
  .cream-editorial, .cream-editorial:nth-of-type(even) { padding: 16px 0; background: #f6f6f4; border: 0; }
  .cream-editorial .cream-wrap { width: calc(100% - 24px); padding: 16px; border-radius: 18px; }
  .cream-editorial .cream-editorial-item,
  .cream-editorial-grid > article:not(.cream-drive-card) { padding: 15px; border-radius: 13px; }
  .cream-editorial-item h3 { font-size: 21px; }
  .cream-editorial .cream-more > summary { font-size: 14px; padding: 12px; }
  .cream-editorial .cream-more > div { padding: 4px 12px 12px; }
  .cream-calculator { padding: 15px; }
  #performance .cream-data-table :is(th,td) { font-size: 14px; padding: 10px 9px; }
  .cream-parts-gallery { gap: 7px; }
  .cream-parts-gallery .cream-component-photo { padding: 6px; }
}

.cream-editorial a.cream-company-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0;
  margin: 8px 0 4px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.cream-editorial a.cream-company-primary {
  color: #fff;
  background: var(--cream-accent);
  border: 1px solid var(--cream-accent);
}
.cream-editorial a.cream-company-secondary {
  color: var(--cream-accent);
  background: #fff;
  border: 1px solid #d5b6b8;
}
.cream-company-arrow { font-size: 20px; line-height: 1; flex: 0 0 auto; }
@media (hover: hover) {
  .cream-editorial a.cream-company-primary:hover { background: #941d2a; border-color: #941d2a; transform: translateY(-1px); }
  .cream-editorial a.cream-company-secondary:hover { background: #fcf0f1; border-color: var(--cream-accent); transform: translateY(-1px); }
}
@media (max-width: 767px) {
  .cream-editorial a.cream-company-button { width: 100%; padding: 13px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .cream-editorial a.cream-company-button { transition: none; transform: none; }
}

/* Compact, aligned editorial cards and visible checklist markers. */
.cream-editorial .cream-editorial-grid { gap: 16px; align-items: stretch; }
.cream-editorial .cream-editorial-item { padding: 18px; }
.cream-editorial .cream-editorial-item h3 { margin-bottom: 10px; font-size: 23px; }
.cream-editorial .cream-editorial-item p { line-height: 1.55; }
.cream-editorial .cream-editorial-item > .cream-more { margin-bottom: 0; }
#manufacturer .cream-more ul { list-style: disc outside; padding-left: 22px; margin: 10px 0 4px; }
#manufacturer .cream-more li { display: list-item; padding-left: 2px; margin-top: 6px; }
#manufacturer .cream-more li::marker { color: var(--cream-accent); }
@media (min-width: 1024px) {
  #construction .cream-wrap > .cream-editorial-grid {
    row-gap: 0;
  }
  #construction .cream-wrap > .cream-editorial-grid > .cream-editorial-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    margin-bottom: 16px;
  }
  #construction .cream-editorial-item > .cream-more > summary {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    font-size: 14px;
    line-height: 1.4;
  }
  #construction .cream-editorial-item > .cream-more > summary::before { content: '+'; color: var(--cream-accent); font-size: 20px; flex: 0 0 auto; }
  #construction .cream-editorial-item > .cream-more[open] > summary::before { content: '−'; }
  #construction .cream-editorial-item > .cream-more > summary::-webkit-details-marker { display: none; }
  .cream-types-grid { row-gap: 0 !important; }
  .cream-types-grid > .cream-editorial-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
@media (max-width: 767px) {
  .cream-editorial .cream-editorial-item { padding: 14px; }
  .cream-editorial .cream-editorial-item h3 { font-size: 21px; }
}

.cream-contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 18px; }
.cream-contact-actions a.cream-company-button { margin: 0; }
.cream-phone-icon { width: 19px; height: 19px; flex: 0 0 19px; }
.cream-editorial a.cream-company-whatsapp { color: #fff; background: #187b46; border-color: #187b46; }
@media (hover: hover) {
  .cream-editorial a.cream-company-whatsapp:hover { background: #126638; border-color: #126638; }
}
@media (max-width: 767px) {
  .cream-contact-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
}

/* Clear hierarchy: numbered topics, restrained cards, compact disclosures. */
.cream-editorial { background: #fff; padding: 26px 0; }
.cream-editorial .cream-wrap { border: 0; border-radius: 0; background: transparent; padding-top: 20px; padding-bottom: 20px; }
.cream-editorial .cream-wrap > h2 { color: var(--cream-ink); margin-bottom: 14px; padding-bottom: 12px; border-bottom: 2px solid #f0e1e2; }
.cream-editorial-grid { counter-reset: cream-topic; }
.cream-editorial-grid > .cream-editorial-item {
  position: relative;
  counter-increment: cream-topic;
  border-radius: 10px;
  background: #f8f8f6;
  border-color: #e8e7e2;
  border-left: 3px solid var(--cream-accent);
}
.cream-editorial-grid > .cream-editorial-item > h3:first-child {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: Inter,Arial,sans-serif;
  font-size: 19px;
  font-weight: 750;
  line-height: 1.35;
}
.cream-editorial-grid > .cream-editorial-item > h3:first-child::before {
  content: counter(cream-topic,decimal-leading-zero);
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  background: #f2e3e5;
  color: var(--cream-accent);
  font-size: 11px;
  line-height: 1;
}
.cream-editorial-item > p { font-size: 15px; color: #565851; }
#construction .cream-editorial-item > .cream-more {
  border: 0;
  border-top: 1px solid #deded7;
  border-radius: 0;
  background: transparent;
  margin: 12px 0 0;
}
#construction .cream-editorial-item > .cream-more > summary { min-height: 44px; padding: 10px 0; font-size: 14px; color: var(--cream-accent); }
#construction .cream-editorial-item > .cream-more > div { padding: 4px 0 8px; }
.cream-editorial .cream-data-table th { background: #9e2431; color: #fff; }
.cream-editorial .cream-data-table tbody tr:nth-child(even) { background: #faf5f5; }
@media (min-width: 768px) {
  #construction .cream-wrap > .cream-editorial-grid { row-gap: 0; }
  #construction .cream-wrap > .cream-editorial-grid > .cream-editorial-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    margin-bottom: 16px;
  }
  #construction .cream-editorial-item > .cream-more { align-self: start; }
}
@media (max-width: 767px) {
  .cream-editorial, .cream-editorial:nth-of-type(even) { background: #fff; padding: 12px 0; }
  .cream-editorial .cream-wrap { padding: 12px; }
  .cream-editorial h2 { border-left: 0; padding-left: 0; }
  .cream-editorial-grid > .cream-editorial-item > h3:first-child { font-size: 18px; }
}

/* The quick view carries the decision; the longer explanation stays one tap away. */
.cream-editorial-grid > .cream-editorial-item > h3:first-child::before { content: none; display: none; }
:is(#pricing,#construction) .cream-editorial-grid > .cream-editorial-item > h3:first-child::before {
  content: counter(cream-topic,decimal-leading-zero);
  display: inline-grid;
}
:is(#pricing,#construction) .cream-editorial-grid > .cream-editorial-item {
  background: #fff;
  border: 1px solid #e3e1dc;
  border-top: 3px solid var(--cream-accent);
  box-shadow: 0 4px 16px rgba(25,23,20,.035);
}
:is(#pricing,#construction) .cream-editorial-item > p { color: #54544f; }
:is(#pricing,#construction) .cream-editorial-item > .cream-more {
  margin-top: 12px;
  border-top: 1px solid #e7e5e0;
}
:is(#pricing,#construction) .cream-editorial-item > .cream-more > summary {
  min-height: 42px;
  padding: 10px 0;
  color: var(--cream-accent);
  font-size: 14px;
  font-weight: 750;
}
:is(#pricing,#construction) .cream-editorial-item > .cream-more > div { padding: 0 0 12px; }
#pricing .cream-card-detail { border: 0; border-top: 1px solid #e7e5e0; border-radius: 0; background: transparent; margin-bottom: 0; }
#pricing .cream-card-detail > summary { list-style: none; }
#pricing .cream-card-detail > summary::-webkit-details-marker { display: none; }
#pricing .cream-card-detail > summary::after { content: ' +'; font-size: 18px; }
#pricing .cream-card-detail[open] > summary::after { content: ' −'; }
@media (max-width: 767px) {
  :is(#pricing,#construction) .cream-editorial-grid > .cream-editorial-item { padding: 15px; }
}
#pricing .cream-price-lead { max-width: none; font-size: 17px; line-height: 1.6; }
#pricing .cream-price-lead strong { color: var(--cream-ink); }
#pricing .cream-price-factors { max-width: none; padding: 11px 14px; border-left: 3px solid var(--cream-accent); background: #faf6f6; font-size: 14px; line-height: 1.5; }

#pricing .cream-price-drivers { margin: 18px 0 22px; }
#pricing .cream-price-drivers h3 { margin: 0 0 10px; font-family: Inter,Arial,sans-serif; font-size: 17px; font-weight: 750; }
#pricing .cream-price-drivers ol { counter-reset: price-driver; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; list-style: none; margin: 0; padding: 0; }
#pricing .cream-price-drivers li { counter-increment: price-driver; display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 46px; margin: 0; padding: 9px 12px; border: 1px solid #e6dedc; border-radius: 10px; background: #faf8f7; color: var(--cream-ink); font-size: 13px; font-weight: 700; line-height: 1.25; }
#pricing .cream-price-drivers li::before { content: counter(price-driver,decimal-leading-zero); display: inline-grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 50%; background: #f2e3e5; color: var(--cream-accent); font-size: 10px; }
.cream-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cream-b2b-enquiry { margin-top: 24px; padding: clamp(18px,3vw,28px); border: 1px solid var(--cream-line); border-radius: 18px; background: #f8f8f6; }
.cream-b2b-heading h3 { margin: 0 0 4px; }
.cream-b2b-heading p { margin: 0 0 18px; color: var(--cream-muted); }
.cream-b2b-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cream-b2b-fields label { display: grid; gap: 6px; min-width: 0; color: var(--cream-ink); font-size: 13px; font-weight: 700; }
.cream-b2b-fields input,.cream-b2b-fields select,.cream-b2b-fields textarea { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #d4d3ce; border-radius: 9px; background: #fff; color: var(--cream-ink); font: 500 14px Inter,Arial,sans-serif; }
.cream-b2b-fields :is(input,select,textarea):focus-visible { outline: 2px solid var(--cream-accent); outline-offset: 2px; }
.cream-b2b-wide { grid-column: 1 / -1; }
.cream-b2b-enquiry button { margin-top: 16px; cursor: pointer; }
.cream-b2b-note { margin: 9px 0 0; color: var(--cream-muted); font-size: 12px; }
.cream-sticky-mobile-cta { display: none; }
@media (max-width: 767px) {
  .cream-b2b-fields { grid-template-columns: 1fr; }
  .cream-b2b-wide { grid-column: auto; }
  body.cream-separators-page { padding-bottom: 68px; }
  .cream-sticky-mobile-cta { position: fixed; z-index: 50; bottom: max(8px,env(safe-area-inset-bottom)); left: 12px; right: 12px; display: grid; place-items: center; min-height: 48px; padding: 9px 14px; border-radius: 999px; background: #187a45; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.2); font: 750 14px Inter,Arial,sans-serif; text-decoration: none; }
  .cream-sticky-mobile-cta:focus-visible { outline: 3px solid #111; outline-offset: 3px; }
}

/* Final master-page editorial system; product cards retain their existing styles. */
.cream-intro .cream-kicker { color: #b30000; }
.cream-intro .cream-button-primary { background: #b30000; }
.cream-intro-actions { width: min(100%,760px); }
.cream-intro-actions .cream-button { min-height: 48px; padding-inline: 14px; font-size: 12px; line-height: 1.3; text-align: center; }
.cream-intro-actions #cream-hero-whatsapp { grid-column: auto; }
.cream-master-section { --cream-accent: #b30000; --cream-ink: #111; --cream-muted: #333; padding: clamp(24px,4vw,48px) 0; background: #fff; }
.cream-master-section:nth-of-type(even) { background: #f8f9fa; }
.cream-master-section .cream-wrap { max-width: 1380px; padding: clamp(18px,2.5vw,32px); border-color: #e2e2df; }
.cream-master-section h2 { margin: 0 0 16px; color: #111; font-size: clamp(30px,3vw,44px); line-height: 1.12; }
.cream-master-section h3 { margin: 24px 0 12px; color: #111; font-size: clamp(22px,2vw,30px); line-height: 1.18; }
.cream-master-section p { max-width: 100%; margin: 0 0 15px; color: #333; line-height: 1.6; }
.cream-master-section .cream-table-scroll { margin: 20px 0 24px; border: 1px solid #e4e4e0; border-radius: 12px; background: #fff; }
.cream-master-section .cream-data-table { width: 100%; min-width: 710px; margin: 0; border: 0; table-layout: auto; }
.cream-master-section .cream-data-table th { background: #b30000; color: #fff; }
.cream-master-section .cream-data-table th,.cream-master-section .cream-data-table td { padding: 12px 14px; border-bottom: 1px solid #e9e9e6; font-size: 14px; line-height: 1.5; vertical-align: top; }
.cream-master-section .cream-data-table tbody tr:nth-child(even) { background: #f8f9fa; }
.cream-master-section .cream-master-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0 24px; padding: 0; list-style: none; }
.cream-master-section .cream-master-list li { min-width: 0; margin: 0; padding: 15px 16px; border: 1px solid #e5e4e0; border-left: 3px solid #c5a059; border-radius: 10px; background: #fff; color: #333; line-height: 1.55; }
.cream-master-section .cream-master-list strong { color: #111; }
.cream-master-section .cream-parts-gallery,.cream-master-section .cream-factory-images { margin-top: 20px; }
.cream-capacity-preserved { margin-top: 26px; padding-top: 24px; border-top: 1px solid #e5e4e0; }
.cream-capacity-preserved .cream-calculator { width: min(100%,730px); padding: 20px; border: 1px solid #e2e2dd; border-radius: 14px; background: #f8f9fa; }
.cream-master-section .cream-faq-item summary:focus-visible,.cream-master-section a:focus-visible,.cream-master-section button:focus-visible { outline: 3px solid #c5a059; outline-offset: 3px; }
.cream-master-section .cream-b2b-enquiry { max-width: 920px; }
.cream-b2b-feedback { min-height: 22px; margin-top: 12px !important; font-weight: 700; }
.cream-b2b-feedback a { color: #b30000; text-decoration: underline; }
.cream-direct-contact { margin-top: 24px; }
.cream-direct-contact a { color: #b30000; }
@media (max-width: 767px) {
  .cream-master-section .cream-wrap { padding: 18px; }
  .cream-master-section .cream-master-list { grid-template-columns: 1fr; }
  .cream-master-section .cream-data-table { display: table !important; min-width: 670px; width: max-content; }
  .cream-master-section .cream-data-table thead { display: table-header-group !important; position: static; width: auto; height: auto; clip-path: none; }
  .cream-master-section .cream-data-table tbody { display: table-row-group !important; }
  .cream-master-section .cream-data-table tr { display: table-row !important; }
  .cream-master-section .cream-data-table :is(th,td) { display: table-cell !important; min-width: 145px; padding: 10px 12px; font-size: 13px; overflow-wrap: normal; }
  .cream-master-section .cream-data-table td::before { display: none !important; }
  .cream-capacity-preserved .cream-calculator { padding: 15px; }
  .cream-sticky-mobile-cta { background: #187a45; }
}

/* Compact table rows and distinct PARAS editorial cards. */
.cream-intro-actions { grid-template-columns: repeat(2,minmax(0,1fr)); width: min(100%,660px); }
.cream-intro-actions .cream-button { min-height: 54px; border-radius: 14px; font-size: 13px; box-shadow: 0 8px 18px rgba(0,0,0,.08); }
.cream-intro-actions .cream-button-brochure { border-color: #d2ccc4; }
.cream-master-section { counter-increment: cream-section; }
.cream-page { counter-reset: cream-section; }
.cream-master-section .cream-wrap { border-top: 4px solid #b30000; box-shadow: 0 12px 28px rgba(24,24,24,.035); }
.cream-master-section h2 { font-family: Inter,Arial,sans-serif; font-weight: 800; letter-spacing: -.035em; }
.cream-master-section h2::before { content: counter(cream-section,decimal-leading-zero) ' / '; display: block; margin-bottom: 8px; color: #b30000; font: 800 12px Inter,Arial,sans-serif; letter-spacing: .11em; }
.cream-master-section h3 { font-family: Inter,Arial,sans-serif; font-weight: 750; letter-spacing: -.025em; }
.cream-master-section .cream-master-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
.cream-master-section .cream-master-list li { border-left-color: #b30000; }
.cream-master-section .cream-plain-list { display: block; padding-left: 22px; list-style: disc; }
.cream-master-section .cream-plain-list li { display: list-item; margin: 6px 0; padding: 2px 0; border: 0; background: transparent; }
#manufacturer .cream-master-list li.cream-factory-card { padding: 8px; }
#manufacturer .cream-factory-card .cream-factory-images { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; }
#manufacturer .cream-factory-card .cream-factory-images img { width: 100%; height: 145px; object-fit: cover; }
#manufacturer .cream-factory-card .cream-factory-images figcaption { padding: 7px; }
#ownership .cream-master-list li:nth-child(3) { grid-column: 1 / -1; }
#comparison .cream-data-table tr > :last-child { background: #fff0f0; border-left: 2px solid #b30000; font-weight: 700; }
#comparison .cream-data-table thead tr > :last-child { background: #b30000; color: #fff; }
@media (max-width: 899px) {
  .cream-master-section .cream-master-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .cream-intro-actions { grid-template-columns: 1fr; }
  .cream-master-section .cream-master-list { grid-template-columns: 1fr; }
  .cream-master-section .cream-table-scroll { overflow: visible; border: 0; background: transparent; }
  .cream-master-section .cream-data-table { display: block !important; min-width: 0; width: 100%; }
  .cream-master-section .cream-data-table thead { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  .cream-master-section .cream-data-table tbody { display: grid !important; gap: 10px; width: 100%; }
  .cream-master-section .cream-data-table tr { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; width: 100%; overflow: hidden; border: 1px solid #e5e4e0; border-radius: 12px; background: #fff; }
  .cream-master-section .cream-data-table td { display: block !important; min-width: 0 !important; width: 100% !important; padding: 10px !important; border: 0; border-bottom: 1px solid #eee !important; overflow-wrap: anywhere !important; font-size: 12px !important; }
  .cream-master-section .cream-data-table td::before { content: attr(data-label); display: block !important; margin-bottom: 4px; color: #7b2427; font-size: 10px; font-weight: 800; line-height: 1.2; text-transform: uppercase; }
  #comparison .cream-data-table tr > :last-child { border-left: 0; border-top: 2px solid #b30000; }
  #manufacturer .cream-factory-card .cream-factory-images img { height: 125px; }
}
@media (max-width: 767px) {
  #pricing .cream-price-drivers ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  #pricing .cream-price-drivers li { min-height: 42px; padding: 7px; font-size: 12px; }
}

/* Readable, viewport-width tables on phones: one record per group, two clear columns. */
@media (max-width: 767px) {
  .cream-master-section .cream-table-scroll { margin: 16px 0 22px; overflow: visible; border: 1px solid #dddcd8; border-radius: 10px; }
  .cream-master-section .cream-data-table,
  .cream-master-section .cream-data-table tbody { display: block !important; width: 100% !important; }
  .cream-master-section .cream-data-table tr { display: block !important; width: 100%; margin: 0; border: 0; border-radius: 0; }
  .cream-master-section .cream-data-table tr + tr { border-top: 3px solid #dddcd8; }
  .cream-master-section .cream-data-table td { display: grid !important; grid-template-columns: minmax(0,39%) minmax(0,61%); align-items: start; gap: 8px; min-width: 0 !important; width: 100% !important; padding: 9px 10px !important; border: 0 !important; border-bottom: 1px solid #e9e8e5 !important; background: #fff; color: #222; font-size: 12px !important; line-height: 1.4; }
  .cream-master-section .cream-data-table tr:nth-child(even) td { background: #f8f9fa; }
  .cream-master-section .cream-data-table td:last-child { border-bottom: 0 !important; }
  .cream-master-section .cream-data-table td::before { content: attr(data-label); display: block !important; margin: 0; color: #555; font-size: 10px; line-height: 1.35; font-weight: 800; text-transform: none; }
  .cream-master-section .cream-data-table td:first-child { background: #f2e8e8; color: #111; font-weight: 800; }
  .cream-master-section .cream-data-table td:first-child::before { color: #8f0000; }
  #comparison .cream-data-table tr > :last-child { border-top: 0; border-left: 3px solid #b30000; background: #fff0f0; }
  #comparison .cream-data-table td:nth-child(2) { color: #222; font-weight: 400; }
  #comparison .cream-data-table td:last-child { color: #111; font-weight: 800; }
}

/* Place all desktop cards in their available rows. */
@media (min-width: 900px) {
  #pricing .cream-master-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #construction .cream-master-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #construction .cream-master-list li.cream-parts-card { grid-column: span 2; padding: 8px; }
  #ownership .cream-master-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #ownership .cream-master-list li:nth-child(3) { grid-column: auto; }
}
#construction .cream-parts-card .cream-parts-gallery { margin: 0; }
#construction .cream-parts-card .cream-component-photo img { height: 176px; }
#comparison .cream-data-table td:nth-child(2) { color: #222; font-weight: 400; }
@media (max-width: 767px) {
  .cream-master-section .cream-data-table tr + tr { border-top: 1px solid #d8d7d3; }
  .cream-master-section .cream-data-table td:first-child { display: block !important; padding: 9px 10px !important; background: #f2e8e8; color: #111; }
  .cream-master-section .cream-data-table td:first-child::before { display: none !important; }
  #construction .cream-master-list li.cream-parts-card { padding: 8px; }
  #construction .cream-parts-card .cream-component-photo img { height: 116px; }
}

/* A compact guide rhythm with clear chapter surfaces and expandable detail. */
.cream-master-section { padding: clamp(18px,2.6vw,34px) 0; }
.cream-master-section:nth-of-type(odd) { background: #f5f5f3; }
.cream-master-section:nth-of-type(even) { background: #fff; }
.cream-master-section .cream-wrap { border: 1px solid #e6e6e2; border-radius: 22px; background: #fff; box-shadow: 0 16px 48px rgba(20,20,20,.035); }
.cream-master-section h2 { max-width: 920px; margin-bottom: 14px; font-size: clamp(28px,2.6vw,40px); }
.cream-master-section h2::before { display: inline-flex; align-items: center; width: fit-content; margin-bottom: 11px; padding: 6px 10px; border-radius: 999px; background: #f9eded; color: #b30000; font-size: 11px; }
.cream-master-section h2 + p { max-width: 940px; color: #555; font-size: clamp(15px,1.15vw,17px); }
.cream-master-section .cream-master-list { gap: 10px; margin: 16px 0 20px; }
.cream-master-section .cream-master-list li { padding: 16px 17px; border: 1px solid #e6e4e1; border-top: 3px solid #b30000; border-left: 1px solid #e6e4e1; border-radius: 13px; background: #fafaf9; box-shadow: 0 2px 8px rgba(0,0,0,.02); font-size: 14px; line-height: 1.52; }
.cream-master-section .cream-master-list li strong { display: block; margin-bottom: 5px; font-weight: 800; }
.cream-master-section .cream-plain-list li { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.cream-master-section .cream-plain-list li strong { display: inline; margin: 0; }
.cream-topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; margin-top: 22px; }
.cream-topic { min-width: 0; overflow: hidden; border: 1px solid #e0dfda; border-radius: 13px; background: #f8f9fa; }
.cream-topic summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 70px; padding: 17px 18px; color: #111; font: 800 16px/1.3 Inter,Arial,sans-serif; list-style: none; cursor: pointer; }
.cream-topic summary::-webkit-details-marker { display: none; }
.cream-topic summary:focus-visible { outline: 3px solid #b30000; outline-offset: -3px; }
.cream-topic-arrow { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: #f3e4e4; color: #b30000; font-size: 18px; transform: rotate(45deg); transition: transform .2s ease; }
.cream-topic[open] .cream-topic-arrow { transform: rotate(135deg); }
.cream-topic-content { padding: 2px 18px 18px; border-top: 1px solid #e6e4e1; }
.cream-topic-content p:first-child { margin-top: 13px; }
.cream-topic-content .cream-master-list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.cream-topic-content .cream-plain-list { display: block; }
.cream-topic-content .cream-plain-list li { padding: 3px 0; }
.cream-master-section .cream-data-table th { background: #1c1c1c; }
.cream-master-section .cream-data-table tbody tr:hover { background: #f9f0f0; }
#comparison .cream-data-table thead tr > :last-child { background: #b30000; }
@media (min-width: 900px) {
  #construction .cream-master-list li.cream-parts-card,
  #manufacturer .cream-master-list li.cream-factory-card { border-top-color: #b30000; }
}
@media (max-width: 767px) {
  .cream-master-section { padding: 12px 0; }
  .cream-master-section .cream-wrap { border-radius: 17px; padding: 18px 15px; }
  .cream-master-section h2 { font-size: 27px; }
  .cream-master-section .cream-master-list li { padding: 12px 13px; font-size: 13px; }
  .cream-topic-grid { grid-template-columns: 1fr; gap: 8px; }
  .cream-topic summary { min-height: 58px; padding: 13px 14px; font-size: 14px; }
  .cream-topic-content { padding: 2px 14px 14px; }
  .cream-topic-content .cream-master-list { grid-template-columns: 1fr !important; }
  .cream-master-section .cream-data-table td:first-child { background: #f2e8e8; }
}
.cream-master-section h2::before { margin-right: 10px; vertical-align: middle; }
@media (max-width: 767px) {
  .cream-master-section .cream-data-table td:nth-child(2) { color: #222; font-weight: 500; }
  #comparison .cream-data-table td:last-child { color: #111; font-weight: 800; }
}

.cream-guide-nav { padding: clamp(20px,3vw,42px) 0; background: #171719; color: #fff; }
.cream-guide-nav .cream-wrap { display: grid; grid-template-columns: minmax(210px,.72fr) minmax(0,2.28fr); gap: clamp(18px,3vw,42px); align-items: center; max-width: 1440px; }
.cream-guide-heading span { color: #ef9d9d; font: 800 11px Inter,Arial,sans-serif; letter-spacing: .14em; }
.cream-guide-heading h2 { margin: 8px 0 10px; color: #fff; font: 800 clamp(25px,2.8vw,38px)/1.08 Inter,Arial,sans-serif; letter-spacing: -.04em; }
.cream-guide-heading p { margin: 0; color: #bfc0c2; font: 400 14px/1.5 Inter,Arial,sans-serif; }
.cream-guide-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.cream-guide-links a { position: relative; display: flex; flex-direction: column; min-height: 132px; padding: 16px; border: 1px solid #3c3c40; border-radius: 14px; background: #222225; color: #fff; text-decoration: none; transition: background .2s ease,transform .2s ease,border-color .2s ease; }
.cream-guide-links a:hover { transform: translateY(-3px); border-color: #b30000; background: #2c2022; }
.cream-guide-links a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.cream-guide-links a span { color: #ec8484; font: 800 11px Inter,Arial,sans-serif; letter-spacing: .1em; }
.cream-guide-links a strong { margin-top: 12px; font: 800 16px/1.2 Inter,Arial,sans-serif; }
.cream-guide-links a small { margin-top: 7px; color: #bfc0c2; font: 400 11px/1.35 Inter,Arial,sans-serif; }
.cream-guide-links a b { position: absolute; top: 13px; right: 14px; color: #d16868; font-size: 18px; }
@media (max-width: 1050px) { .cream-guide-nav .cream-wrap { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .cream-guide-nav { padding: 24px 0; }
  .cream-guide-nav .cream-wrap { gap: 15px; }
  .cream-guide-heading h2 { font-size: 27px; }
  .cream-guide-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .cream-guide-links a { min-height: 104px; padding: 12px; }
  .cream-guide-links a strong { margin-top: 9px; font-size: 13px; }
  .cream-guide-links a small { font-size: 10px; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .cream-master-section .cream-table-scroll { overflow: visible; }
  .cream-master-section .cream-data-table { min-width: 0; width: 100%; table-layout: fixed; }
  .cream-master-section .cream-data-table :is(th,td) { padding: 9px 8px; font-size: 11px; overflow-wrap: anywhere; }
}
@media (max-width: 767px) {
  body.cream-separators-page { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
}
.cream-chapter-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; max-width: 1440px; margin: 0 auto; padding: 28px 30px; background: #f5f5f3; }
.cream-chapter-grid .cream-master-section { min-width: 0; padding: 0; background: transparent; }
.cream-chapter-grid .cream-master-section .cream-wrap { height: 100%; padding: 22px; }
.cream-chapter-grid .cream-master-section h2 { font-size: clamp(23px,2vw,30px); }
.cream-chapter-grid .cream-master-section p { font-size: 14px; line-height: 1.52; }
.cream-chapter-grid .cream-master-section .cream-master-list { grid-template-columns: 1fr; }
.cream-chapter-grid .cream-master-section .cream-master-list li { padding: 10px 0; border: 0; border-bottom: 1px solid #e8e5e2; border-radius: 0; background: transparent; box-shadow: none; }
.cream-chapter-grid .cream-master-section .cream-plain-list li { padding: 3px 0; border: 0; }
@media (max-width: 1100px) {
  .cream-chapter-grid { grid-template-columns: 1fr; max-width: none; padding: 12px 0; }
  .cream-chapter-grid .cream-master-section .cream-wrap { height: auto; }
}
@media (min-width: 900px) {
  #faqs .cream-faq-item summary { min-height: 108px; }
}
@media (min-width: 1200px) {
  #faqs .cream-faq-item summary { min-height: 88px; }
}

/* Responsive chapter layouts and independent photography. */
.cream-master-section h2 { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 12px; max-width: none; }
.cream-master-section h2::before { margin: 5px 0 0; }
.cream-heading-text { min-width: 0; }
.cream-heading-subline { display: block; margin-top: 6px; font-size: .72em; letter-spacing: -.025em; }
#construction > .cream-wrap > .cream-parts-gallery { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 14px; }
#construction .cream-parts-gallery .cream-component-photo { background: #fff; border: 0; box-shadow: none; }
#construction .cream-parts-gallery .cream-component-photo img { width: 100%; height: 190px; object-fit: contain; background: #fff; }
#manufacturer > .cream-wrap > .cream-factory-images { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; max-width: none; margin-top: 16px; }
#manufacturer > .cream-wrap > .cream-factory-images img { width: 100%; height: 230px; object-fit: cover; }
#types .cream-master-list { counter-reset: cream-type; }
#types .cream-master-list li { position: relative; counter-increment: cream-type; border: 1px solid #e5e5e5; border-radius: 16px; background: linear-gradient(145deg,#fff,#f7f7f8); padding: 20px; box-shadow: 0 8px 20px rgba(0,0,0,.035); }
#types .cream-master-list li::before { content: counter(cream-type,decimal-leading-zero); display: inline-block; color: #b30000; font-size: 12px; font-weight: 800; margin-bottom: 14px; }
.cream-price-topic { min-width: 0; padding: 18px; border: 1px solid #e8e8e8; border-radius: 16px; background: #f8f9fa; }
.cream-price-topic h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; }
.cream-price-topic .cream-topic-content { padding: 0; border: 0; }
.cream-price-topic .cream-topic-content p:first-child { margin-top: 0; }
.cream-price-topic .cream-master-list { margin-bottom: 0; }
.cream-price-topic .cream-master-list li { background: #fff; border-top: 0; border-radius: 10px; padding: 12px; }
.cream-price-topic:first-child,.cream-price-topic:last-child { grid-column: 1 / -1; }
.cream-price-topic .cream-plain-list li { background: transparent; padding: 3px 0; }
.cream-capacity-preserved { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 20px; align-items: stretch; }
.cream-capacity-preserved .cream-calculator { width: 100%; margin: 0; }
.cream-recommendation { padding: 20px; border: 1px solid #e6e6e6; border-radius: 16px; background: #fff; }
.cream-recommendation-label { color: #b30000 !important; font-weight: 800; font-size: 13px; }
.cream-recommendation .cream-model-card { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1fr); border: 0; box-shadow: none; }
.cream-recommendation .cream-model-image { height: 270px; min-height: 0; padding: 8px; }
.cream-recommendation .cream-model-image img { object-fit: contain; max-height: 100%; }
.cream-recommendation .cream-model-copy { padding: 12px; }
.cream-recommendation .cream-model-copy h3 { font-size: 22px; margin: 4px 0 10px; }
.cream-recommendation .cream-model-description { font-size: 13px; }
.cream-section-nav { position: fixed; top: 150px; left: 0; z-index: 90; color: #111; }
.cream-section-toggle { display: flex; align-items: center; gap: 10px; writing-mode: vertical-rl; padding: 14px 9px; border: 0; border-radius: 0 10px 10px 0; background: #b30000; color: #fff; font: 700 12px Inter,Arial,sans-serif; cursor: pointer; box-shadow: 0 5px 20px #0002; }
.cream-section-panel { position: absolute; top: 0; left: 100%; width: 290px; max-height: calc(100vh - 180px); overflow-y: auto; padding: 16px; border: 1px solid #eee; border-radius: 0 14px 14px 14px; background: #fff; box-shadow: 0 12px 40px #0002; visibility: hidden; opacity: 0; transform: translateX(-8px); transition: opacity .16s,transform .16s; }
.cream-section-nav:hover .cream-section-panel,.cream-section-nav:focus-within .cream-section-panel,.cream-section-nav.is-open .cream-section-panel { visibility: visible; opacity: 1; transform: none; }
.cream-section-panel > strong { display: block; padding: 4px 8px 12px; font-size: 15px; }
.cream-section-panel a { display: block; padding: 10px 8px; border-radius: 7px; color: #333; font: 600 12px/1.4 Inter,Arial,sans-serif; text-decoration: none; }
.cream-section-panel a:hover,.cream-section-panel a:focus-visible { background: #f9eded; color: #b30000; }
@media (min-width: 1200px) {
 #construction .cream-master-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
 #types .cream-master-list { grid-template-columns: repeat(5,minmax(0,1fr)); }
 .cream-price-topic:first-child .cream-master-list,.cream-price-topic.cream-price-hidden .cream-master-list { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
 #manufacturer .cream-master-list { grid-template-columns: repeat(5,minmax(0,1fr)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
 #construction .cream-master-list,#types .cream-master-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
 #types .cream-master-list li:last-child { grid-column: 1 / -1; }
 .cream-recommendation .cream-model-card { display: flex; }
 .cream-recommendation .cream-model-image { height: 200px; }
}
@media (max-width: 767px) {
 .cream-master-section h2 { gap: 10px; font-size: 25px; }
 .cream-master-section h2::before { margin-top: 4px; font-size: 10px; padding: 6px 8px; }
 #construction > .cream-wrap > .cream-parts-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 #construction .cream-parts-gallery .cream-component-photo img { height: 130px; }
 #manufacturer > .cream-wrap > .cream-factory-images { gap: 10px; }
 #manufacturer > .cream-wrap > .cream-factory-images img { height: 130px; }
 #types .cream-master-list li { padding: 14px; }
 #types .cream-master-list li::before { margin-bottom: 8px; }
 .cream-price-topic { padding: 14px; }
 .cream-price-topic h3 { font-size: 18px; }
 .cream-capacity-preserved { grid-template-columns: 1fr; gap: 12px; }
 .cream-recommendation { padding: 14px; }
 .cream-recommendation .cream-model-image { height: 210px; }
 .cream-section-nav { top: auto; left: auto; right: 12px; bottom: calc(86px + env(safe-area-inset-bottom)); }
 .cream-section-toggle { writing-mode: horizontal-tb; border-radius: 999px; padding: 11px 14px; }
 .cream-section-panel { top: auto; bottom: calc(100% + 8px); left: auto; right: 0; width: min(320px,calc(100vw - 24px)); max-height: 60vh; border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) { .cream-section-panel { transition: none; } }
@media (hover: none) {
 .cream-section-nav:hover:not(.is-open):not(:focus-within) .cream-section-panel { visibility: hidden; opacity: 0; }
}

@media (max-width: 767px) {
 .cream-section-toggle-label { display: none; }
 .cream-section-toggle { width: 44px; height: 44px; padding: 0; justify-content: center; font-size: 20px; }
}

@media (max-width: 767px) {
 .cream-section-toggle { width: 36px; height: 36px; gap: 0; border: 1px solid #e5e5e5; border-radius: 50%; background: #fff; color: #555; box-shadow: 0 2px 8px rgba(0,0,0,.08); font-size: 24px; }
 .cream-section-toggle-icon { line-height: 1; }
 .cream-section-toggle:focus-visible { outline: 2px solid #b30000; outline-offset: 3px; }
}

/* One coordinated mobile action row and a balanced recommendation card. */
.cream-recommendation .cream-model-card { align-items: center; }
.cream-recommendation .cream-model-meta { font-size: 10px; letter-spacing: .09em; line-height: 1.4; margin: 0 0 8px; }
.cream-recommendation .cream-drive { margin-top: 12px; padding-top: 12px; }
.cream-recommendation .cream-card-link { margin-top: 14px; }
@media (max-width: 767px) {
 .cream-sticky-mobile-cta { right: 68px; min-height: 48px; height: 48px; box-sizing: border-box; }
 .cream-section-nav { right: 12px; bottom: max(8px,env(safe-area-inset-bottom)); }
 .cream-section-toggle { width: 48px; height: 48px; border-color: #ddd; background: #fff; color: #555; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
 .cream-section-panel { bottom: calc(100% + 12px); }
 .cream-recommendation .cream-model-card { grid-template-columns: minmax(0,.85fr) minmax(0,1fr); align-items: center; gap: 10px; }
 .cream-recommendation .cream-model-image { height: 180px; border: 0; padding: 0; align-self: center; }
 .cream-recommendation .cream-model-copy { padding: 0; }
 .cream-recommendation .cream-model-meta { font-size: 9px; }
 .cream-recommendation .cream-model-copy h3 { font-size: 18px; margin: 0 0 8px; }
 .cream-recommendation .cream-capacity-row { flex-wrap: wrap; gap: 5px; }
 .cream-recommendation .cream-capacity { font-size: 16px; }
 .cream-recommendation .cream-model-count { font-size: 10px; padding: 3px 7px; }
 .cream-recommendation .cream-model-description { font-size: 12px; line-height: 1.45; margin: 10px 0; }
 .cream-recommendation .cream-drive { font-size: 12px; line-height: 1.4; margin-top: 8px; padding-top: 8px; }
 .cream-recommendation .cream-drive span { font-size: 9px; }
 .cream-recommendation .cream-card-link { margin-top: 10px; font-size: 11px; }
}

/* Highlight PARAS consistently in the ROI comparison. */
#selection .cream-data-table tbody tr > :last-child { background: #fff0f0; border-left: 2px solid #b30000; color: #111; font-weight: 700; }
#selection .cream-data-table thead tr > :last-child { background: #b30000; color: #fff; }
@media (max-width: 767px) {
 #selection .cream-data-table tbody tr > :last-child { background: #fff0f0; border-left: 3px solid #b30000; font-weight: 800; }
 #selection .cream-data-table tbody tr > :last-child::before { color: #8f0000; }
}

.cream-direct-contact a[href^="tel:"] { display: block; width: fit-content; margin-top: 6px; white-space: nowrap; }

@media (max-width: 767px) {
 .cream-section-toggle { background: #b30000; border-color: #b30000; color: #fff; }
}

.cream-button .cream-action-icon,.cream-sticky-mobile-cta .cream-action-icon { width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
.cream-sticky-mobile-cta { grid-auto-flow: column; grid-template-columns: auto auto; justify-content: center; gap: 9px; }

/* A discreet page menu on desktop; shared action row on mobile. */
.cream-section-toggle-label { display: none; }
@media (min-width: 768px) {
 .cream-section-nav { top: auto; left: auto; right: 20px; bottom: 24px; }
 .cream-section-toggle { writing-mode: horizontal-tb; width: 44px; height: 44px; padding: 0; justify-content: center; gap: 0; border-radius: 50%; background: #b30000; color: #fff; font-size: 24px; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
 .cream-section-panel { top: auto; bottom: calc(100% + 10px); left: auto; right: 0; border-radius: 14px; max-height: min(70vh,650px); }
}

.cream-editorial .cream-input-unit input:focus-visible { outline: none; }
.cream-input-unit:focus-within { border-color: #777; box-shadow: 0 0 0 2px rgba(0,0,0,.08); }

.cream-recommendation .cream-model-image { border-bottom: 0; }

.cream-price-topic.cream-price-hidden,.cream-price-topic.cream-price-tax { grid-column: 1 / -1; }

/* Factory photography follows the same columns as the benefit cards. */
#manufacturer > .cream-wrap > .cream-factory-images { gap: 10px; }
#manufacturer > .cream-wrap > .cream-factory-images figure { min-width: 0; margin: 0; overflow: hidden; }
#manufacturer > .cream-wrap > .cream-factory-images img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #f8f9fa; }
#manufacturer > .cream-wrap > .cream-factory-images figcaption { padding: 10px; font-size: 10px; line-height: 1.4; }
@media (min-width: 1200px) { #manufacturer > .cream-wrap > .cream-factory-images { grid-template-columns: repeat(5,minmax(0,1fr)); } }
@media (min-width: 900px) and (max-width: 1199px) { #manufacturer > .cream-wrap > .cream-factory-images { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 899px) { #manufacturer > .cream-wrap > .cream-factory-images { grid-template-columns: repeat(2,minmax(0,1fr)); } }

.cream-intro h1,.cream-section-heading h2 { font-family: Inter,Arial,sans-serif; font-weight: 800; letter-spacing: -.035em; }
@media (min-width: 1100px) {
 #trade > .cream-wrap { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 24px; align-items: start; }
 #trade > .cream-wrap > h2 { grid-column: 1 / -1; margin-bottom: 0; }
 #trade .cream-b2b-enquiry { width: 100%; max-width: none; }
 #trade .cream-direct-contact { margin-top: 0; padding: 24px; border: 1px solid #e5e5e5; border-radius: 16px; background: #f8f9fa; }
 #trade .cream-direct-contact h3 { margin-top: 0; font-size: 24px; }
 #trade .cream-direct-contact a { font-size: 22px; font-weight: 750; }
}

/* Fill factory photo frames without distorting the photographs. */
#manufacturer > .cream-wrap > .cream-factory-images img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
@media (max-width: 899px) {
 #manufacturer > .cream-wrap > .cream-factory-images figure:last-child { grid-column: 1 / -1; }
 #manufacturer > .cream-wrap > .cream-factory-images figure:last-child img { aspect-ratio: 16 / 9; }
}

@media (min-width: 1100px) {
 #trade .cream-b2b-enquiry { margin-top: 0; }
}

/* Compact WhatsApp action opposite the section menu on product pages. */
.cream-sticky-mobile-cta {
 position:fixed; z-index:50; left:20px; right:auto; bottom:24px;
 display:flex; align-items:center; justify-content:center;
 width:44px; height:44px; min-height:44px; padding:0;
 box-sizing:border-box; border-radius:50%; background:#187a45; color:#fff;
 gap:0; box-shadow:0 4px 16px rgba(0,0,0,.12); text-decoration:none;
}
.cream-sticky-mobile-cta .cream-action-icon { width:22px; height:22px; flex:0 0 22px; }
@media (max-width:767px) {
 .cream-sticky-mobile-cta { left:12px; bottom:max(8px,env(safe-area-inset-bottom)); width:48px; height:48px; min-height:48px; }
}

body.cream-separators-page > a.cream-sticky-mobile-cta {
 width:44px !important; min-width:44px !important; max-width:44px !important;
 height:44px !important; min-height:44px !important; right:auto !important;
 padding:0 !important; border-radius:50% !important; display:flex !important;
}
@media (max-width:767px) {
 body.cream-separators-page > a.cream-sticky-mobile-cta {
  width:48px !important; min-width:48px !important; max-width:48px !important;
  height:48px !important; min-height:48px !important;
 }
}

/* Preserve a conventional comparison grid on narrow screens. */
@media(max-width:767px){
 body.cream-separators-page .cream-table-scroll{overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
 body.cream-separators-page .cream-data-table{display:table!important;table-layout:auto!important;width:100%!important;min-width:560px!important;border-collapse:collapse!important}
 body.cream-separators-page .cream-data-table thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
 body.cream-separators-page .cream-data-table tbody{display:table-row-group!important;width:auto!important}
 body.cream-separators-page .cream-data-table tr{display:table-row!important;width:auto!important;margin:0!important;border-radius:0!important}
 body.cream-separators-page .cream-data-table th,
 body.cream-separators-page .cream-data-table td,
 body.cream-separators-page .cream-data-table td:first-child{display:table-cell!important;width:auto!important;min-width:0!important;padding:9px 10px!important;font-size:11px!important;line-height:1.4;vertical-align:top;border:1px solid #e4e4e4!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
 body.cream-separators-page .cream-data-table thead th{background:#b30000!important;color:white!important;text-align:center!important}
 body.cream-separators-page .cream-data-table tbody td{background:white!important;color:#222!important}
 body.cream-separators-page .cream-data-table th::before,
 body.cream-separators-page .cream-data-table td::before{display:none!important;content:none!important}
 body.cream-separators-page .cream-data-table .khoya-table-value{display:inline!important}
}

/* Section descriptions follow the full width of their content area. */
body.cream-separators-page .cream-editorial > .cream-wrap > p,
body.cream-separators-page .cream-master-section > .cream-wrap > p,
body.cream-separators-page .cream-section > .cream-wrap > p,
body.cream-separators-page .cream-section-heading > p {
 width:100%; max-width:none; box-sizing:border-box;
}

/* Card groups occupy the section and use columns matching their item count. */
body.cream-separators-page .cream-master-section .cream-master-list {
 width:100% !important; max-width:none !important; box-sizing:border-box;
}
body.cream-separators-page .cream-master-section .cream-master-list > li {
 width:auto; max-width:none; box-sizing:border-box;
}
@media(min-width:1100px){
 body.cream-separators-page .cream-master-list:has(>li:only-child){grid-template-columns:1fr!important}
 body.cream-separators-page .cream-master-list:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.cream-separators-page .cream-master-list:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.cream-separators-page .cream-master-list:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.cream-separators-page .cream-master-list:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
 body.cream-separators-page .cream-master-section .cream-master-list > li{grid-column:auto!important}
}
@media(min-width:768px) and (max-width:1099px){
 body.cream-separators-page .cream-master-section .cream-master-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.cream-separators-page .cream-master-section .cream-master-list > li{grid-column:auto!important}
 body.cream-separators-page .cream-master-section .cream-master-list > li:last-child:nth-child(odd){grid-column:1/-1!important}
}
@media(max-width:767px){
 body.cream-separators-page .cream-master-section .cream-master-list{grid-template-columns:1fr!important}
 body.cream-separators-page .cream-master-section .cream-master-list > li{grid-column:auto!important}
}

/* Mobile comparison tables fit within the page, without horizontal scrolling. */
@media(max-width:767px){
 body.cream-separators-page .cream-table-scroll { overflow-x:hidden!important; min-width:0; width:100%; }
 body.cream-separators-page .cream-data-table { min-width:0!important; max-width:100%!important; width:100%!important; table-layout:fixed!important; }
 body.cream-separators-page .cream-data-table th,
 body.cream-separators-page .cream-data-table td,
 body.cream-separators-page .cream-data-table td:first-child {
  min-width:0!important; padding:6px 4px!important;
  font-size:clamp(8px,2.15vw,11px)!important; line-height:1.35;
  overflow-wrap:anywhere!important; word-break:normal!important;
 }
 body.cream-separators-page .cream-data-table .khoya-table-value { min-width:0; max-width:100%; white-space:normal; }
}

/* Remove the old mobile-only clipping that hid column titles. */
body.cream-separators-page .cream-master-section .cream-data-table thead {
 display:table-header-group!important;position:static!important;
 width:auto!important;height:auto!important;max-height:none!important;
 clip:auto!important;clip-path:none!important;overflow:visible!important;
 visibility:visible!important;opacity:1!important;
}

/* Shared header palette at every viewport size. */
body.cream-separators-page .cream-data-table thead th,
body.cream-separators-page .cream-data-table thead td,
body.cream-separators-page .khoya-spec-table thead th {
 background:#b30000!important;color:#fff!important;
 text-align:center!important;font-weight:750;
}

/* Consistent black table headings across desktop, tablet and mobile. */
body.cream-separators-page .cream-master-section .cream-data-table thead th,
body.cream-separators-page .cream-data-table thead td,
body.cream-separators-page .khoya-spec-table thead th {
 background:#202020!important;color:#fff!important;
}

/* Product cards remain visibly raised at every screen size. */
body.cream-separators-page .cream-model-grid>.cream-model-card,body.cream-separators-page .khoya-model-grid>.khoya-model-card{border:1px solid #ddd;border-radius:20px;background:#fff;box-shadow:0 4px 10px rgba(24,24,24,.06),0 14px 30px rgba(24,24,24,.09);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;}
@media(hover:hover){body.cream-separators-page .cream-model-grid>.cream-model-card:hover,body.cream-separators-page .khoya-model-grid>.khoya-model-card:hover{transform:translateY(-4px);border-color:#c7aaaa;box-shadow:0 8px 16px rgba(24,24,24,.08),0 20px 36px rgba(24,24,24,.12);}}
body.cream-separators-page .cream-model-card:focus-within,body.cream-separators-page .khoya-model-card:focus-within{outline:2px solid #b30000;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){body.cream-separators-page .cream-model-card,body.cream-separators-page .khoya-model-card{transition:none!important;transform:none!important;}}

/* Highlight only the PARAS comparison heading. */
html body.cream-separators-page #comparison .cream-data-table thead tr th:last-child{background:#b30000!important;color:#fff!important;}

@media(max-width:899px){html body.cream-separators-page #applications .cream-master-list{grid-template-columns:minmax(0,1fr)!important;}html body.cream-separators-page #applications .cream-master-list>li{grid-column:1/-1!important;}}

/* Application points use full-width rows on desktop, tablet and mobile. */
html body.cream-separators-page #applications .cream-master-list{grid-template-columns:minmax(0,1fr)!important;}
html body.cream-separators-page #applications .cream-master-list>li{grid-column:1/-1!important;width:100%;min-width:0;}