:root {
--yoo-design-radius: 12px;
--yoo-design-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
--yoo-design-border: rgba(15, 23, 42, 0.12);
--yoo-design-bg: #ffffff;
--yoo-design-text: #0f172a;
--yoo-design-muted: rgba(15, 23, 42, 0.72);
--yoo-design-accent: #2563eb;
} .yd_feature_image,
.yd_image_column,
.yd_image_row,
.yd_icon_grid,
.yd_gallery_scroll,
.yd_before_after,
.yd_steps_h,
.yd_faq,
.yd_price_list,
.yd_map_simple {
box-sizing: border-box;
min-width: 0;
max-width: 100%;
}
.yd_steps_h.is-full-bleed,
.yd_faq.is-full-bleed,
.yd_price_list.is-full-bleed,
.yd_map_simple.is-full-bleed,
.yd_image_column.is-full-bleed,
.yd_image_row.is-full-bleed,
.yd_gallery_scroll.is-full-bleed,
.yd_before_after.is-full-bleed {
max-width: 100vw;
} html:has(.yd_steps_h.is-full-bleed),
html:has(.yd_faq.is-full-bleed),
html:has(.yd_price_list.is-full-bleed),
html:has(.yd_map_simple.is-full-bleed),
html:has(.yd_image_column.is-full-bleed),
html:has(.yd_image_row.is-full-bleed),
html:has(.yd_gallery_scroll.is-full-bleed),
html:has(.yd_before_after.is-full-bleed) {
overflow-x: clip;
}