/* BOLIX CERAMICS EPS — integrated visual language for insulation Stage 1 + Stage 3. */

/* Stage 1: CERAMICS EPS follows the exact same full-width card geometry as HD. */
.bolix-insulation-choice--ceramics{grid-column:1/-1;grid-template-columns:220px 1fr;min-height:280px;border-color:#d9dde2;background:linear-gradient(135deg,#fff 0%,#fff 65%,#fafbfc 100%)}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__content{justify-content:center}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__kicker{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:#fff0f0}
.bolix-insulation-choice--ceramics h2{max-width:680px}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__note{background:#f1f3f5}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__visual{background:linear-gradient(145deg,#eceff1,#d8dde1)}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__visual::before{width:118px;height:150px;border-radius:18px;transform:rotate(-5deg);background:repeating-linear-gradient(0deg,rgba(255,255,255,.78) 0 30px,rgba(91,99,108,.13) 30px 32px),repeating-linear-gradient(90deg,transparent 0 36px,rgba(91,99,108,.13) 36px 38px),#eef1f3}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__visual::after{width:92px;height:132px;border-radius:20px;transform:translate(20px,10px) rotate(6deg);background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(255,255,255,.25))}
.bolix-insulation-choice--ceramics .bolix-insulation-choice__visual span{background:#22272d;color:#fff;box-shadow:0 16px 34px rgba(15,23,42,.2)}

/* Stage 3. */
.bolix-ceramics-eps__hero .bolix-system-page__summary{background:linear-gradient(145deg,#f5f6f7,#eceff1);border:1px solid #dfe4e8;color:#394451}
.bolix-ceramics-eps__hero .bolix-system-page__summary strong{color:#e30613}
.bolix-ceramics-eps__hero .bolix-system-page__summary span{color:#394451}
.bolix-ceramics-eps__applications,.bolix-ceramics-eps__benefits,.bolix-ceramics-eps__eta-grid,.bolix-ceramics-eps__limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bolix-ceramics-eps__applications article,.bolix-ceramics-eps__benefits article,.bolix-ceramics-eps__eta-grid article,.bolix-ceramics-eps__limits article{padding:22px 24px;border:1px solid #e1e5e9;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.bolix-ceramics-eps__applications h3,.bolix-ceramics-eps__benefits h3,.bolix-ceramics-eps__eta-grid h3,.bolix-ceramics-eps__limits h3{margin:0 0 8px;color:#1e2329;font-size:19px;line-height:1.25}
.bolix-ceramics-eps__applications p,.bolix-ceramics-eps__benefits p,.bolix-ceramics-eps__eta-grid p,.bolix-ceramics-eps__limits p{margin:0;color:#5e6874;font-size:15px;line-height:1.6}
.bolix-ceramics-eps__eta{padding:32px;border-radius:28px;background:#f5f7f8}
.bolix-ceramics-eps__eta .bolix-system-page__section-heading{margin-bottom:22px}
.bolix-ceramics-eps__limit-note{margin-top:18px;padding:16px 18px;border-left:4px solid #e30613;border-radius:0 14px 14px 0;background:#f7f8f9;color:#5f6873;font-size:13.5px;line-height:1.55}

@media(max-width:1080px){.bolix-insulation-choice--ceramics{grid-template-columns:190px 1fr}}
@media(max-width:700px){.bolix-insulation-choice--ceramics{grid-template-columns:1fr}.bolix-insulation-choice--ceramics .bolix-insulation-choice__visual{min-height:160px}}
@media(max-width:760px){.bolix-ceramics-eps__applications,.bolix-ceramics-eps__benefits,.bolix-ceramics-eps__eta-grid,.bolix-ceramics-eps__limits{grid-template-columns:1fr}.bolix-ceramics-eps__eta{padding:24px 20px;border-radius:24px}.bolix-ceramics-eps__applications article,.bolix-ceramics-eps__benefits article,.bolix-ceramics-eps__eta-grid article,.bolix-ceramics-eps__limits article{padding:19px 18px}.bolix-ceramics-eps__applications p,.bolix-ceramics-eps__benefits p,.bolix-ceramics-eps__eta-grid p,.bolix-ceramics-eps__limits p{font-size:15px}}
