/* Slider height comes from Admin > Home Slider settings via /theme.css variables. Loaded last so it wins. */
.banner-slide { min-height: var(--slider-h-m, 270px); }
@media (min-width: 640px) { .banner-slide { min-height: var(--slider-h-t, 440px); } }
@media (min-width: 1100px) { .banner-slide { min-height: var(--slider-h, 520px); } }

/* Container (boxed) layout: slider sits inside the page width with rounded corners */
.banner-slider--boxed { width: calc(100% - 32px); max-width: var(--container, 1200px); margin: 16px auto 0; border-radius: 18px; box-shadow: 0 16px 40px rgba(17, 48, 58, .16); }
.banner-slider--boxed .banner-slider__track { border-radius: 18px; }
.banner-slider--boxed .banner-slide__content { padding-left: 28px; padding-right: 28px; }
.banner-slider--boxed .banner-slider__arrow--prev { left: 12px; }
.banner-slider--boxed .banner-slider__arrow--next { right: 12px; }
@media (min-width: 1100px) { .banner-slider--boxed { margin-top: 22px; border-radius: 22px; } .banner-slider--boxed .banner-slider__track { border-radius: 22px; } }
@media (max-width: 639px) { .banner-slider--boxed { width: calc(100% - 20px); margin-top: 10px; border-radius: 14px; } .banner-slider--boxed .banner-slider__track { border-radius: 14px; } .banner-slider--boxed .banner-slide__content { padding-left: 16px; padding-right: 16px; } }

/* Whole-site layout options (Admin > Site Settings > Brand & theme) */
body.layout-boxed { max-width: 1320px; margin: 0 auto; background: #fff; box-shadow: 0 0 60px rgba(17, 48, 58, .18); }
body.layout-boxed .mobile-bar { max-width: 1300px; margin: 0 auto; }
@media (min-width: 1100px) { body.layout-boxed .whatsapp-fab { right: max(24px, calc((100vw - 1320px) / 2 + 24px)); } }
body.layout-boxed .hide-lg { display: none !important; }

/* Fluid layout: stretch to the screen but keep comfortable side padding and readable text widths */
@media (min-width: 1100px) { body.layout-fluid .container { padding-left: 40px; padding-right: 40px; } }
@media (min-width: 1700px) { body.layout-fluid .container { padding-left: 64px; padding-right: 64px; } }
body.layout-fluid .container--narrow { max-width: 860px; }
body.layout-fluid .prose, body.layout-fluid .article { max-width: 100%; }