/* Shared content width. Section backgrounds and full-width banners stay fluid. */
:root{--otoq2-site-width:1440px;--otoq2-site-gutter:40px}
.otoq2-product-catalog .otoq2-car-card{height:100%}
.otoq2-product-catalog .otoq2-car-image{height:auto;aspect-ratio:1.7}
.otoq2-product-catalog .otoq2-car-body{padding:20px}
.otoq2-product-catalog .otoq2-car-body h2{font-family:Arial,sans-serif;font-size:20px;line-height:1.4;font-weight:700;text-transform:none;margin:0 0 14px;color:#161719}
.otoq2-product-catalog .otoq2-car-body h2 a{color:inherit}
@media(max-width:1023px){:root{--otoq2-site-gutter:24px}}
@media(max-width:639px){:root{--otoq2-site-gutter:16px}}

/* Only outer layout containers; preserve nested grid gutters and form widths. */
#main .container:not(.container .container):not(.row .container),
#main .container-width:not(.row .container-width):not(.container .container-width){
    box-sizing:border-box;
    width:100%;
    max-width:var(--otoq2-site-width);
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--otoq2-site-gutter);
    padding-right:var(--otoq2-site-gutter);
}

#main .row:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width){
    box-sizing:border-box;
    width:100%;
    max-width:var(--otoq2-site-width);
    margin-left:auto;
    margin-right:auto;
    padding-left:max(0px,calc(var(--otoq2-site-gutter) - 15px));
    padding-right:max(0px,calc(var(--otoq2-site-gutter) - 15px));
}
#main .row.row-small:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width){
    padding-left:max(0px,calc(var(--otoq2-site-gutter) - 7.5px));
    padding-right:max(0px,calc(var(--otoq2-site-gutter) - 7.5px));
}
#main .row.row-large:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width){
    padding-left:max(0px,calc(var(--otoq2-site-gutter) - 30px));
    padding-right:max(0px,calc(var(--otoq2-site-gutter) - 30px));
}
#main .row.row-collapse:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width){
    padding-left:var(--otoq2-site-gutter);
    padding-right:var(--otoq2-site-gutter);
}
/* These existing template columns intentionally have no horizontal gutter. */
#main section.breadfull>.row:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width),
#main section.listcategory>.row:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width),
#main header.archive-page-header>.row:not(.row .row):not(.container .row):not(.container-width .row):not(.row-full-width){
    padding-left:var(--otoq2-site-gutter);
    padding-right:var(--otoq2-site-gutter);
}

.otoq2-home-container{max-width:var(--otoq2-site-width);padding-left:var(--otoq2-site-gutter);padding-right:var(--otoq2-site-gutter)}
@media(min-width:1024px){
    .otoq2-desktop-header__inner,
    #footer .otoq2-footer__main,
    #footer .otoq2-footer__bottom-inner{
        max-width:var(--otoq2-site-width);
        padding-left:var(--otoq2-site-gutter);
        padding-right:var(--otoq2-site-gutter);
    }
}