/* Mio Decor 8.64 — responsive component foundations.
 * Authored after the legacy styles; no priority hacks.
 * One mobile rhythm, intrinsic sizes and shrinkable grids.
 */
@media (max-width:760px) {
:root {
    --mio-container-gutter:16px;
    --mio-space-section:44px;
    --mio-space-heading:22px;
    --mio-space-panel:36px;
    --mio-space-hero-start:24px;
    --mio-space-hero-end:24px;
    --mio-type-h1-size:clamp(27px,7.4vw,34px);
    --mio-type-h2-size:clamp(22px,5.7vw,27px);
  }*,*::before,*::after { box-sizing:border-box; }html,body { width:100%; max-width:100%; margin:0; }main, .section, .site-header{ min-width:0; max-width:100%; }.container, .content-section .narrow, #system .container, #realizacje .container, #pomieszczenia .container, #proces .container, #oferta .container, #faq .container, .reviews-section .container, .reasons-section .container{
    width:calc(100% - 2 * var(--mio-container-gutter));
    max-width:var(--mio-container-max);
    margin-inline:auto;
  }img,picture,svg { max-width:100%; }.section-title,.faq-main-title,.content-section h2 { font-size:var(--mio-type-h2-size); line-height:1.22; overflow-wrap:break-word; }
}
@media (max-width:359px) {
:root { --mio-container-gutter:12px; }
}