/* V30 — Realizacje: before/after examples on a light case section (component defaults are for dark backgrounds). */
.v30-refresh .dv-tabs{border-bottom-color:#15191c2a}
.v30-refresh .dv-tabs button{opacity:.62;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(12px,1.4vw,20px)}
.v30-refresh .dv-tabs button[aria-selected=true]{opacity:1;border-bottom-color:#ad7a00}
.v30-refresh .dv-tabs .dv-num{grid-column:1;grid-row:1/3;align-self:center;font:700 clamp(44px,4.6vw,72px)/.85 Sora,sans-serif;letter-spacing:-.05em;color:#15191c}
.v30-refresh .dv-tabs button[aria-selected=true] .dv-num{color:#9c7100}
.v30-refresh .dv-tabs button>span,.v30-refresh .dv-tabs small{grid-column:2}
.v30-refresh .dv-tabs i{grid-column:3}
.v30-refresh .dv-browser{border-color:#15191c4d}
.v30-refresh [data-v14-demo]{max-width:max(500px,calc((100svh - 325px) * 1.579));margin-inline:auto}
.v30-refresh-note{margin:22px 0 0;padding-top:16px;border-top:1px solid #15191c25;font-size:13px;line-height:1.5;color:#626960}
@media(max-width:700px){.v30-refresh [data-v14-demo]{max-width:none}}
@media(max-width:550px){.v30-refresh .dv-tabs .dv-num{font-size:34px}.v30-refresh .dv-tabs button{column-gap:8px}}