/* Component-local responsive layouts. The surrounding Theme/Divi section owns page width. */
.kleer-public .kleer-product-layout{position:relative;container-type:inline-size;min-width:0;max-width:100%;margin-block:clamp(20px,4vw,48px)}
.kleer-public .kleer-layout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:24px}
.kleer-public .kleer-layout-heading h2{margin:0}
.kleer-public .kleer-layout-items{min-width:0;gap:24px}
.kleer-public .kleer-layout-grid .kleer-layout-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.kleer-public .kleer-layout-card{position:relative;min-width:0;box-shadow:none}
.kleer-public .kleer-layout-card .kleer-layout-copy{padding:clamp(20px,3cqi,32px);gap:0}
.kleer-public .kleer-layout-card .kleer-layout-summary{margin-block-end:24px;flex:1}
.kleer-public .kleer-layout-card .kleer-card-actions{margin-top:auto}
.kleer-public .kleer-layout-card figure{background:var(--kleer-site-soft,var(--kleer-background));display:flex;flex-direction:column;justify-content:center;min-width:0}
.kleer-public .kleer-layout-card .kleer-image-wrap{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-width:0;border-radius:0}
.kleer-public .kleer-layout-card .kleer-product-image{width:100%;height:100%;max-height:400px;object-fit:contain;border-radius:0;aspect-ratio:auto}
.kleer-public .kleer-layout-card figcaption{padding:12px 20px;margin:0}
.kleer-public .kleer-layout-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.kleer-public .kleer-layout-wide .kleer-layout-copy{justify-content:center}
.kleer-public .kleer-layout-wide .kleer-product-image{max-height:440px;max-width:100%}
.kleer-public .kleer-layout-wide[data-image-position=right]>figure{grid-column:2;grid-row:1}
.kleer-public .kleer-layout-wide[data-image-position=right]>.kleer-layout-copy{grid-column:1;grid-row:1}
.kleer-public .kleer-layout-wide.kleer-card-text-only{grid-template-columns:minmax(0,1fr)}
.kleer-public .kleer-layout-feature .kleer-layout-items,.kleer-public .kleer-layout-split .kleer-layout-items{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.kleer-public .kleer-layout-feature .kleer-layout-wide .kleer-layout-copy{padding:clamp(24px,5cqi,64px)}
.kleer-public .kleer-layout-feature .kleer-layout-wide h2{font-size:clamp(26px,4.2cqi,46px)}
.kleer-public .kleer-layout-slider .kleer-layout-items{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;padding:4px 3px 20px;scrollbar-width:thin;touch-action:pan-x pan-y;max-width:100%;align-items:stretch}
.kleer-public .kleer-layout-slider .kleer-layout-card{scroll-snap-align:start}
.kleer-public .kleer-slider-controls{display:flex;gap:8px;flex-shrink:0}
.kleer-public .kleer-slider-controls[hidden]{display:none}
.kleer-public .kleer-slider-controls .kleer-button{min-width:48px;min-height:48px;padding:10px}
.kleer-public .kleer-slider-controls .kleer-button:disabled{opacity:.45;cursor:default}
.kleer-public .kleer-layout-status:not(.kleer-public-sr-only){border-inline-start:3px solid var(--kleer-primary);padding:12px 16px;margin-block:16px}
.kleer-public [data-kleer-layout][aria-busy=true] [data-layout-results]{opacity:.65}
@container (max-width:900px){.kleer-public .kleer-layout-slider .kleer-layout-items{grid-auto-columns:calc((100% - 24px)/2)}}
@container (max-width:580px){.kleer-public .kleer-layout-slider .kleer-layout-items{grid-auto-columns:calc(100% - 24px)}.kleer-public .kleer-layout-wide{grid-template-columns:minmax(0,1fr)}.kleer-public .kleer-layout-wide[data-image-position=right]>figure,.kleer-public .kleer-layout-wide[data-image-position=right]>.kleer-layout-copy{grid-column:auto;grid-row:auto}.kleer-public .kleer-layout-wide .kleer-layout-copy{padding:24px}.kleer-public .kleer-layout-feature .kleer-layout-wide h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.kleer-public .kleer-layout-slider .kleer-layout-items{scroll-behavior:auto;scroll-snap-type:none}}
