/* ===== ВАША СУЩЕСТВУЮЩАЯ ТАБЛИЦА СТИЛЕЙ (БЕЗ ИЗМЕНЕНИЙ) ===== */
        html{height:100%;scroll-behavior:smooth}
        body{min-height:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;margin:0;font-family:var(--body-font);color:var(--body-c);background:var(--body-bg, #fff);overflow-anchor:none}
        body.scroll-disabled, body.scroll-disabled2{overflow:hidden}

        h1{font-size:1.8em;margin:0 0 25px;color:var(--h1-c)}
        h2{font-size:1.6em;margin:0 0 15px;color:var(--h2-c)}
        h3{font-size:1.4em;margin:0 0 15px;color:var(--h3-c)}
        h4{font-size:1.2em;margin:0 0 15px;color:var(--h4-c)}
        h5{font-size:1.1em;margin:0 0 10px;color:var(--h5-c)}
        h6{font-size:1.0em;margin:0 0 10px;color:var(--h6-c)}

        a, a:focus, a:hover, a:visited{text-decoration:none;cursor:pointer;outline:none !important}
        button, select, .btn, .btn:active, .btn:hover, .btn:focus, .nav-tabs .li{outline:none !important;-moz-user-select:none !important;-webkit-user-select:none !important}
        button {border:none !important}
        iframe{max-width:100%}

        a, .dropdown-menu li > a i{color:var(--a-c)}
        a:hover, a:focus, a:active{color:var(--a-c-hover)}

        .row{margin:0 -10px}
        .row-flex{display:flex;flex-wrap:wrap}
        .row-flex:before, .row-flex:after{display:none}
        *[class*='col-']{padding:0 10px}

        div.heading{display:flex;align-items:center;margin:0 0 15px;font-weight:700;font-size:1.3em;color:var(--heading-c)}
        .heading__link{margin:0 0 0 20px;text-decoration:underline;font-size:.7em}

        label{font-weight:400}
        hr{margin:10px 0}

        .checkbox, .radio{margin:15px 0}
        .radio label{display:flex !important;padding:0}
        .radio input{position:relative !important;margin:0 10px 0 0 !important}
        .radio input + img{margin-right:10px}

        .input{display:flex;align-items:center;padding:0 !important;cursor:pointer}
        .input input{position:relative !important;min-width:14px;width:14px;height:14px;margin:0 10px 0 0 !important;padding:0 !important;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff;border:solid 1px #ccc;outline:none !important;cursor:pointer}
        .input input:hover{border-color:#aaa}
        .input input[type="checkbox"]{border-radius:2px}
        .input input[type="checkbox"]:checked{background:var(--input-checked-bg);border:none}
        .input input[type="checkbox"]:checked:after{position:absolute;content:'';top:50%;left:50%;width:10px;height:5px;border:solid 2px #fff;border-top:none;border-right:none;transform:translate(-50%, -80%) rotate(-45deg)}
        .input input[type="radio"]{border-radius:100%}
        .input input[type="radio"]:checked{background:var(--input-checked-bg);border:none}
        .input input[type="radio"]:checked:after{position:absolute;content:'';top:50%;left:50%;width:12px;height:12px;border:solid 3px #fff;border-radius:50%;transform:translate(-50%, -50%)}

        .input-group .input-group-addon{text-align:center;font-size:.95em;background:#f5f5f5;padding:0 10px;border:solid 1px #e6e6e6;border-right:none}
        .input-group .input-group-addon i + span{padding:0 0 0 6px}
        .input-group-btn{font-size:.9em}
        .input-group-btn .btn{height:34px}
        form .form-control{height:36px}
        form textarea.form-control{height:auto}
        .form-control{font-size:.95em;border:solid 1px rgba(0 0 0 / .1);border-radius:var(--border-radius-1)}
        .form-control.input-warning{border-color:var(--input-warning-border-c) !important}
        .form-control[readonly]{opacity:.7;pointer-events:none}
        .form-control:focus{box-shadow:none}
        .form-control:focus::-webkit-input-placeholder{opacity:0;transition:all ease .3s}
        .form-control:focus::-moz-placeholder{opacity:0;transition:all ease .3s}
        .form-control:focus:-ms-input-placeholder{opacity:0;transition:all ease .3s}
        .form-control:focus:-input-placeholder{opacity:0;transition:all ease .3s}
        .search-btn-clear{display:none;position:absolute;z-index:2;top:8px;right:10px;width:20px;height:20px;line-height:20px;padding:0;text-align:center;border:none;border-radius:100%;background:rgba(0 0 0 / .03);cursor:pointer}

        select.form-control{padding-right:30px;background:url(../image/chevron.png) no-repeat #fff;background-size:7px;background-position:top 50% right 10px;appearance:none;-moz-appearance:none;-webkit-appearance:none}
        .img-responsive{margin:0 auto}
        .img-thumbnail{border:none}
        .highlight{font-weight:500;background:#fcf8e3}

        .alert{position:relative;padding:12px 30px 12px 15px;font-size:.95em;border:none;border-radius:var(--border-radius-1)}
        .alert a{text-decoration:underline}
        .alert i{margin:0 5px 0 0}
        .alert .close{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
        .text-danger{padding:4px 0 0;line-height:normal;font-size:.95em;color:var(--input-warning-c, #f00)}
        span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg{display:inline}
        .visible-xxl, .visible-xl{display:none}
        .required .control-label:before{content:'* ';color:#f00}
        .div-text-empty{padding:20px;margin:0 0 40px;background:#f7f7f7;border-radius:var(--border-radius-1)}

        .dropdown-menu{min-width:200px;max-height:50vh;overflow:auto;padding:10px;border-radius:var(--border-radius-1);scrollbar-width:thin}
        .dropdown-menu li > a{display:flex;align-items:center;padding:7px 10px}
        .dropdown-menu > li > a:focus,.dropdown-menu > li >a:hover {border-radius:var(--border-radius-1)}
        .dropdown-menu li > a i, .dropdown-menu li > a img{min-width:15px;margin:0 7px 0 0;text-align:center}
        .dropdown-menu::-webkit-scrollbar{width:8px;background:#eee;border-radius:4px}
        .dropdown-menu::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}

        .buttons{overflow:auto;margin:0 0 20px}
        .btn{height:34px;padding:0 12px;border:none;border-radius:var(--border-radius-1, 4px);transition:color linear .2s, background linear .2s}
        a.btn{line-height:32px}
        a.btn-lg{line-height:34px}
        a.btn-xl{line-height:38px}
        .btn .fa + span, .btn .fas + span, .btn .far + span{margin:0 0 0 8px}
        .btn i.visible-xs + span{margin:0}
        .btn-xs{height:26px;padding:0 10px;line-height:22px}
        .btn-sm{height:30px;line-height:28px !important}
        .btn-lg{height:36px;font-size:1em;font-weight:500;padding:0 15px}
        .btn-xl{height:38px;font-size:1.1em;font-weight:500;padding:0 20px}
        .btn + .btn-lg, .btn + .btn-xl{margin:0 0 0 15px}
        .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover{font-size:1.0em}
        .btn-group > .btn-xs{font-size:9px}
        .btn-group > .btn-sm{font-size:10.2px}
        .btn-group > .btn-lg{font-size:15px}
        .btn.disabled{opacity:1;cursor:default}
        .btn.disabled2{display:none !important}

        .btn-default{color:var(--btn-default-c);background:var(--btn-default-bg)}
        .btn-default:hover, .btn-default:focus{color:var(--btn-default-c-hover);background:var(--btn-default-bg-hover)}
        .btn-primary{color:var(--btn-primary-c);background:var(--btn-primary-bg)}
        .btn-primary:hover, .btn-primary:focus{color:var(--btn-primary-c-hover);background:var(--btn-primary-bg-hover)}
        .btn-danger{color:var(--btn-danger-c);background:var(--btn-danger-bg)}
        .btn-danger:hover, .btn-danger:focus{color:var(--btn-primary-c-hover);background:var(--btn-primary-bg-hover)}

        .list-group-item:not(.ocfilter-option){display:flex;align-items:center;min-height:44px;font-size:.95em;background:none !important;border:none}
        .list-group-item:not(:first-child){border-top:solid 1px rgba(0 0 0 / .06)}
        .list-group-item:hover{background:rgba(0 0 0 / .03) !important}

        header{flex:0 0 auto;background:var(--header-bg, transparent)}

        .top-menu{background:var(--top-menu-bg)}
        .top-menu .container{display:flex;align-items:center;height:34px}
        .top-menu__links{flex:1 1 auto}
        .top-menu__buttons{display:flex;white-space:nowrap}
        .top-menu__buttons .btn-group{margin:0 0 0 10px}
        .top-menu .btn-group{display:flex;vertical-align:unset}
        .top-menu__btn{font-size:.85em;padding:2px 10px;border-radius:var(--border-radius-1);color:var(--top-menu-btn-c);background:rgba(0 0 0 / .03);transition:color linear .15s, background linear .15s}
        .top-menu__btn span{margin:0 0 0 8px}
        .top-menu__btn:hover, #top .open .btn-group__btn{color:var(--top-menu-btn-c-hover);background:rgba(0 0 0 / .05)}

        .top-menu__account:not(.status-1), .top-menu__wishlist:not(.status-1), .top-menu__compare:not(.status-1){display:none}
        .top-menu__wishlist.status-1{margin:0 30px 0 0}
        .top-menu__compare.status-1{margin:0 30px 0 -30px}
        .top-menu__compare-icon{transform:rotate(90deg)}
        .top-menu__wishlist-total.uni-badge, .top-menu__compare-total.uni-badge{margin-right:-2px;padding:0 6px;font-size:.95em;color:inherit}

        .header-block{display:flex;flex-wrap:nowrap;padding:25px 0;transition:padding linear .15s}
        header.fixed .header-block{padding:15px 0}
        .header-block__item{display:flex;align-items:center}

        .header-block__item-logo{order:0;padding:0 15px 0 0}
        .header-logo{max-width:294px}
        .header-logo span, .header-logo a{font-weight:500;font-size:1.6em;color:var(--header-phones-m-c)}
        .header-block__item-search{flex:1 1 auto;order:1;padding:0 30px 0 5px}
        .header-search{width:100%}
        .header-search__form{position:relative;display:flex}
        .header-search__category-btn{display:flex;align-items:center;height:34px;font-size:.9em;padding:0 15px;color:var(--header-search-cat-btn-c);background:var(--header-search-cat-btn-bg);border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
        .header-search__category-icon{line-height:34px !important}
        .header-search__category-span{display:none;overflow:hidden;max-width:80px;white-space:nowrap;text-overflow:ellipsis}
        .header-search__category-span.v{display:inline}
        .header-search__input{padding:0 12px;color:var(--header-search-input-c);background:var(--header-search-input-bg);border:none;border-radius:var(--border-radius-1)}
        .header-search__category + .header-search__input{border-radius:var(--border-radius-0-1-1-0)}
        .header-search__btn{position:absolute;z-index:2;top:50%;right:1px;height:calc(100% - 2px);width:40px;color:var(--header-search-input-c);background:none;transform:translate(0, -50%)}
        .header-search__btn:hover{background:rgba(0 0 0 / .03);border-color:rgba(0 0 0 / .07);border-radius:var(--border-radius-0-1-1-0)}
        .header-search .search-btn-clear{top:7px;right:45px}
        .header-search__input::-webkit-input-placeholder{color:var(--header-search-input-c)}
        .header-search__input::-moz-placeholder{color:var(--header-search-input-c)}
        .header-search__input:-ms-input-placeholder{color:var(--header-search-input-c)}
        .header-search__input:-input-placeholder{color:var(--header-search-input-c)}

        .header-block__item-telephone{order:2;padding:0 20px}
        .header-phones{position:relative;padding-right:10px}
        .header-phones.has-addit{padding-right:30px}
        .header-phones__main{display:flex;align-items:center;font-size:1.1em;font-weight:500;color:var(--header-phones-m-c);white-space:nowrap;cursor:pointer}
        .header-phones__main:hover{color:var(--header-phones-m-c-hover)}
        .header-phones__main-img-i{width:28px;text-align:center}
        .header-phones__main.two-line:first-child{margin:0 0 2px}
        .header-phones__main img{width:auto;height:auto;max-width:100%;max-height:14px}
        .header-phones__main i{font-size:.85em}
        .header-phones__main.two-line i{font-size:.8em}

        .header-phones__show-phone{display:flex !important;align-items:center;justify-content:center;position:absolute;z-index:2;top:50%;right:0;width:20px;height:20px;font-size:.8em;color:var(--header-phones-m-c);background:rgba(0 0 0 / .04);transform:translateY(-50%);border-radius:100%;cursor:pointer}
        .header-phones__show-phone:hover{color:var(--header-phones-m-c);background:rgba(0 0 0 / .08)}
        .open .header-phones__show-phone{transform:rotate(-180deg) translateY(50%)}
        .header-phones__additionals{text-align:right}
        .header-phones__additional{color:var(--header-phones-m-c-hover);font-size:.9em;font-weight:500;cursor:pointer}
        .header-phones__additional.selected{color:var(--header-phones-m-c);cursor:default}
        .header-phones__additional img{width:auto;height:auto;margin-top:-2px;max-height:16px}
        .header-phones__additional + span{margin:0 0 0 10px}
        .header-phones__a{color:var(--header-phones-a-c) !important}
        .header-phones__a:hover{background-color:transparent}
        .header-phones__span{border-bottom:dotted 1px}
        .header-phones__text{padding:5px 10px;color:#888;font-size:.95em}
        .header-phones__callback{padding:10px !important;text-transform:uppercase;text-decoration:underline dotted;font-weight:500 !important;color:var(--a-c) !important}

        .header-cart__btn{position:relative;cursor:pointer}
        .header-cart__icon{font-size:2.6em}
        .header-cart__dropdown{display:none}
        .header-cart__wrapper{position:relative;display:flex;flex-wrap:wrap;overflow-y:auto;max-height:70vh;border-bottom:solid 1px rgba(0 0 0 / .07);scrollbar-width:thin}
        .header-cart__wrapper::-webkit-scrollbar{width:8px;background:#eee;border-radius:4px}
        .header-cart__wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}
        .header-cart__wrapper .preloader{position:fixed;border-radius:var(--border-radius-1)}
        .header-cart__item{display:flex;align-items:center;padding:15px 0;width:100%;min-height:80px}
        .header-cart__item:first-child{padding-top:0}
        .header-cart__item:not(:first-child){border-top:solid 1px rgba(0 0 0 / .07)}
        .header-cart__item-wrapper{display:flex;align-items:center;width:100%}
        .header-cart__image{flex:0 0 80px;margin:0 15px 0 0}
        .header-cart__name{flex:1 1 0;min-width:155px;font-size:.95em;font-weight:500;padding:0 20px 0 0;overflow:hidden;word-wrap:break-word}
        .header-cart__stock{margin:10px 0;font-weight:700;font-size:.75em;color:#f00}
        .header-cart__option-item, .header-cart__recurring{margin:5px 0 0;font-size:.75em}
        .header-cart__quantity{padding:0 25px 0 0}
        .header-cart__quantity .qty-switch{margin:0}
        .header-cart__price{flex:0 1 80px;padding:0 10px 0 0;white-space:nowrap;font-weight:500}
        .header-cart__total{flex:0 1 100px;white-space:nowrap;font-weight:500}
        .header-cart__price-text, .header-cart__total-text{margin:0 0 5px;color:#888;line-height:1em;font-size:.65em}
        .header-cart__remove-btn{border:none;background:none;color:var(--a-c)}
        .header-cart__buttons{display:flex;align-items:center;justify-content:space-between}
        .header-cart__totals{margin:25px 0}
        .header-cart__totals-item:not(:first-child){display:none}
        .header-cart__totals-item:not(:first-child){margin:5px 0 0}
        .header-cart__totals-item{display:flex;justify-content:flex-end;font-size:1.2em;font-weight:700}
        .header-cart__totals-text{margin:0 5px;white-space:nowrap}

        .header-cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto !important;width:180px;height:180px;max-width:100%;max-height:100%;text-align:center;font-weight:500;color:#888}
        .header-cart__empty-icon{margin:0 0 20px;font-size:6em}

        .header-block__item-account, .header-block__item-wishlist, .header-block__item-compare, .header-block__item-cart{order:3;padding:0 15px;flex-direction:column;justify-content:center}
        .header-account, .header-wishlist, .header-compare{position:relative}
        .header-account__icon, .header-wishlist__icon, .header-compare__icon{font-size:2em;cursor:pointer}
        .header-compare__icon{transform:rotate(90deg)}
        .header-block__item-wishlist + .header-block__item-cart .header-cart__icon, .header-block__item-compare + .header-block__item-cart .header-cart__icon, .header-block__item-account + .header-block__item-cart .header-cart__icon{font-size:2em}

        .header-cart__total-items, .header-wishlist__total-items, .header-compare__total-items{display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-10px;color:var(--header-icon-total-c);background:var(--header-icon-total-bg);padding:0 3px;min-width:16px;height:16px;font-size:.8em;border-radius:100%}

        .header-account__icon, .header-wishlist__icon, .header-compare__icon, .header-cart__icon{color:var(--header-icon-c)}
        .header-block__item-telephone + .header-block__item-cart .header-block__item-caption{display:none}

        .menu{position:relative;z-index:998;min-height:46px;color:var(--menu-main-c);background:var(--menu-main-bg);-webkit-transform:translate3d(0, 0, 0)}
        .menu__header{display:flex;align-items:center;height:46px;padding:0 12px;font-weight:500;cursor:pointer}
        .menu__collapse{position:absolute;z-index:900;width:100%;top:46px;margin:0;padding:0;list-style:none}
        .menu__level-1-li{position:relative;border-top:solid 1px rgba(0 0 0 / .05);transition:all linear .15s}
        .menu__level-1-li:last-child{border-radius:var(--border-radius-0-0-1-1)}
        .menu__level-1-a{display:flex;flex:1 1 100%;min-height:46px;height:100%;align-items:center;padding:0 0 0 15px;font-weight:500;color:var(--menu-main-level-1-c)}
        .menu__level-1-a:hover{color:var(--menu-main-level-1-c-hover)}
        .menu__level-1-a.disabled{pointer-events:none;cursor:default}
        .menu__level-1-li:after, .menu__chevron-level-1{color:var(--menu-main-level-1-c)}
        .menu__level-1-icon{margin:0 10px 0 0}
        .menu__level-1-img{width:16px;height:16px;margin:0 7px 0 0}
        .menu__level-2{background:var(--menu-main-level-2-bg)}
        .menu__level-2-ul{list-style:none;padding:0}
        .menu__level-2-a{display:flex;align-items:center;min-height:46px;font-weight:500;color:var(--menu-main-level-2-c)}
        .menu__level-2-a:hover{color:var(--menu-main-level-2-c-hover)}
        .menu__level-2-a.disabled{pointer-events:none;cursor:default}
        .menu__chevron-level-2{color:var(--menu-main-level-2-c)}
        .menu__level-3-ul{list-style:none;padding:0}
        .menu__level-3-a{display:flex;align-items:center;color:var(--menu-main-level-3-c)}
        .menu__level-3-a:hover{color:var(--menu-main-level-3-c-hover)}
        .menu__more{color:var(--menu-main-level-2-c)}
        .menu__more-span{text-decoration:underline}
        .menu__additional{width:50px;max-width:50px}
        .menu__level-1-a.additional{font-size:1.4em}

        .menu1 .menu__header{color:var(--menu-main-header-c);background:var(--menu-main-header-bg)}
        .menu1 .menu__collapse{color:var(--menu-main-c);background:var(--menu-main-bg)}
        .menu1 .menu__level-1-li.open{background:var(--menu-main-level-2-bg)}
        .menu1 .menu__level-1-li:first-child{border-top:none}
        .menu2 .menu__level-1-li:hover{background:rgba(0 0 0 / .05)}

        main{flex:1 0 auto;padding:25px 0;background:var(--main-bg, transparent)}
        main.blur{position:relative}

        .breadcrumb-h1.col-md-offset-3{overflow:hidden;padding:0 0 0 6px}
        .breadcrumb{list-style:none;margin-bottom:10px;padding:0 0 10px;overflow-x:auto;white-space:nowrap;background:0;font-size:.95em}
        .breadcrumb li{display:inline-block}
        .breadcrumb li + li:before{padding:0 5px;color:#ccc;font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:.75em;content:"\f101"}
        .breadcrumb{scrollbar-width:thin}
        .breadcrumb::-webkit-scrollbar{height:5px;background:#eee;border-radius:5px}
        .breadcrumb::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}

        .banner{margin:0 0 20px}
        .banner .item{position:relative;overflow:hidden;border-radius:var(--border-radius-1)}
        .banner img{object-fit:cover;transition:all linear .2s}
        .banner img:hover{transform:scale(1.05)}
        .banner-title{position:absolute;left:0;right:0;bottom:0;padding:10px;text-align:center;font-size:.95em;font-weight:500;color:#fff;text-shadow:0 0 15px #000;background:rgba(0 0 0 / .2);border-radius:var(--border-radius-0-0-1-1)}

        .menu-module__ul, .list-group{background:var(--menu-module-bg);border-radius:var(--border-radius-1);overflow:hidden}
        .menu-module__ul{list-style:none;margin:0 0 25px;padding:0}
        .menu-module__li:not(:first-child){border-top:solid 1px rgba(0 0 0 / .06)}
        .menu-module__a{display:flex;justify-content:space-between;padding:13px 15px;font-weight:500}
        .menu-module__children-a{display:flex;align-items:center;padding:0 15px 7px;font-size:.95em;color:var(--menu-module-c2) !important}
        .menu-module__children-a:hover{color:var(--menu-module-c2-hover) !important}
        .menu-module__children-a:first-child{margin-top:-2px}
        .menu-module__children-a:last-child{padding-bottom:15px}
        i.menu-module__chevron{display:flex;width:30px;height:30px;margin:-5px -5px -5px 0;justify-content:center;align-items:center;font-size:.8em;color:rgba(0 0 0 /.5);border-radius:var(--border-radius-1)}
        .menu-module__chevron:hover, .menu-module__chevron.open{background:rgba(0 0 0 / .05)}
        .menu-module__chevron.open{transform:rotate(-180deg)}
        .menu-module__a, .menu-module__a:focus, a.list-group-item{color:var(--menu-module-c1)}
        .menu-module__a:hover, a.list-group-item:hover a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, a.list-group-item:hover{color:var(--menu-module-c1-hover)}

        .uni-badge{min-width:16px;margin:0 0 0 8px;padding:0 8px;font-size:.7em;background:rgba(0 0 0 / .07);border-radius:var(--border-radius-1)}

        .uni-form{overflow:hidden;padding:20px;background:#f7f7f7;border-radius:var(--border-radius-1)}
        .uni-form__heading{margin:0 0 5px;color:#666}

        .sticker{position:absolute;top:-5px;left:-5px;z-index:8}
        .sticker__item{display:flex;width:fit-content;height:23px;align-items:center;clear:both;margin:0 0 5px;padding:0 10px;font-size:.85em;opacity:.8;white-space:nowrap;border-radius:var(--border-radius-1)}
        .sticker__item.reward{color:var(--sticker-reward-c);background:var(--sticker-reward-b)}
        .sticker__item.special{color:var(--sticker-special-c);background:var(--sticker-special-b)}
        .sticker__item.bestseller{color:var(--sticker-bestseller-c);background:var(--sticker-bestseller-b)}
        .sticker__item.new{color:var(--sticker-new-c);background:var(--sticker-new-b)}
        .sticker__item.sku{color:var(--sticker-sku-c);background:var(--sticker-sku-b)}
        .sticker__item.upc{color:var(--sticker-upc-c);background:var(--sticker-upc-b)}
        .sticker__item.ean{color:var(--sticker-ean-c);background:var(--sticker-ean-b)}
        .sticker__item.jan{color:var(--sticker-jan-c);background:var(--sticker-jan-b)}
        .sticker__item.isbn{color:var(--sticker-isbn-c);background:var(--sticker-isbn-b)}
        .sticker__item.mpn{color:var(--sticker-mpn-c);background:var(--sticker-mpn-b)}

        .option{position:relative;z-index:1}
        .option__group{margin:0 0 5px}
        .option__group-name{display:block;margin:0 0 10px;font-size:.95em;font-weight:500}
        .option__item{float:left;position:relative;z-index:1;margin:0 15px 15px 0;cursor:pointer}

        .option__item.ended{cursor:not-allowed}
        .option__item.ended .option__name, .option__item.ended:hover .option__name{opacity:.5;filter:grayscale(100%)}
        .option__item.ended .option__img{opacity:.5;filter:grayscale(100%);border:solid 2px rgba(0 0 0 / .25) !important}

        .option__item input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
        .option__select{margin:0 0 10px;padding:0 13px;height:26px;line-height:20px;color:var(--option-select-c)}
        .option__name{display:block;white-space:nowrap;margin:0;padding:0 10px;font-size:.9em;width:auto;height:26px;line-height:26px;color:var(--option-name-c);background:var(--option-name-bg);border-radius:var(--border-radius-1);transition:all linear .1s}
        .option__item:not(.ended):hover .option__name{color:var(--option-name-c-hover);background:var(--option-name-bg-hover)}
        .option__item:not(.ended) input:checked + .option__name{color:var(--option-name-c-checked);background:var(--option-name-bg-checked)}
        .option__img{width:26px;padding:1px;border:solid 2px rgba(0 0 0 / .1);border-radius:3px;pointer-events:none;transition:all ease-in-out .15s}
        .option__img:hover, .option input:hover + .option__img, .option input:checked + .option__img{border-color:var(--option-img-hover)}
        .option__popup{position:absolute;z-index:9999;display:none;overflow:hidden;max-width:95%;padding:4px;text-align:center;font-size:.8em;background:#fff;border-radius:var(--border-radius-1);box-shadow:0 4px 10px rgba(0 0 0 / .2)}
        .option__popup-img{margin:0 0 5px}
        .option .text-danger{position:absolute;top:-8px;font-weight:500;padding:7px 10px;border-radius:var(--border-radius-1);background:#fff;box-shadow:0 0 15px rgba(0 0 0 / .3)}
        .option__popup.module{width:var(--option-popup-img-w)}

        .qty-switch{display:flex;float:left;margin:0 12px 0 0}
        .qty-switch__input{width:36px;height:34px;padding:0;text-align:center;border-right:none;border-radius:var(--border-radius-1-0-0-1)}
        .qty-switch__btn.fa{display:block;width:20px;height:17px;line-height:15px;text-align:center;font-size:.5em;color:#666;background:#f2f2f2;border:solid 1px #e3e3e3;cursor:pointer}
        .qty-switch__btn.fa:hover{background:#eaeaea}
        .qty-switch__btn.fa-plus{border-radius:var(--border-radius-0-1-0-0)}
        .qty-switch__btn.fa-minus{border-top:none;border-radius:var(--border-radius-0-0-1-0)}

        .qty-switch__cart .qty-switch__input{height:30px !important;border-radius:0;border:solid 1px #eee !important}
        .qty-switch__cart .qty-switch__btn{width:28px;height:30px;line-height:30px;border:none !important}
        .qty-switch__cart .qty-switch__btn.fa-plus{border-radius:var(--border-radius-0-1-1-0)}
        .qty-switch__cart .qty-switch__btn.fa-minus{border-radius:var(--border-radius-1-0-0-1)}

        .rating{display:flex;align-items:center;min-height:20px;font-size:.95em}
        .rating .fa-star{margin:0 2px 0 0;color:var(--rating-star-c-active)}
        .rating .far.fa-star{color:#ccc}
        .rating .fa-comment{margin:0 3px 0 10px;color:#999}
        .rating:hover .fas{color:var(--rating-star-c-active)}
        .rating .uni-badge{line-height:14px;font-weight:500;color:#666}

        .price{display:flex;flex-wrap:wrap;align-items:center;font-weight:700;color:var(--price-c);white-space:nowrap}
        .price .price-old{font-weight:500;font-size:.7em;color:var(--price-old-c);text-decoration:line-through}
        .price .price-new{margin:0 15px 0 0;color:var(--price-new-c)}
        .price-tax{margin:10px 0 0;color:#999;font-size:.8em}

        .add_to_cart{color:var(--add-to-cart-btn-c);background:var(--add-to-cart-btn-bg)}
        .add_to_cart:hover, .add_to_cart:focus, .add_to_cart:active{color:var(--add-to-cart-btn-c-hover);background:var(--add-to-cart-btn-bg-hover)}
        .add_to_cart.in_cart{color:var(--add-to-cart-btn-c-incart);background:var(--add-to-cart-btn-bg-incart)}
        .add_to_cart.in_cart:hover, .add_to_cart.in_cart:focus, .add_to_cart.in_cart:active{color:var(--add-to-cart-btn-c-incart-hover);background:var(--add-to-cart-btn-bg-incart-hover)}
        .add_to_cart.qty-0{color:var(--add-to-cart-btn-c-disabled);background:var(--add-to-cart-btn-bg-disabled)}
        .add_to_cart.qty-0:hover, .add_to_cart.qty-0:focus, .add_to_cart.qty-0:active{color:var(--add-to-cart-btn-c-disabled-hover);background:var(--add-to-cart-btn-bg-disabled-hover)}
        .add_to_cart.disabled{color:var(--add-to-cart-btn-c-disabled);background:var(--add-to-cart-btn-bg-disabled)}
        .add_to_cart.disabled:hover, .add_to_cart.disabled:focus, .add_to_cart.disabled:active{color:var(--add-to-cart-btn-c-disabled-hover);background:var(--add-to-cart-btn-bg-disabled-hover)}
                
        .btn.quick-order{color:var(--quick-order-btn-c);background:var(--quick-order-btn-bg)}
        .btn.quick-order:hover, .btn.quick-order:focus, .btn.quick-order:active{color:var(--quick-order-btn-c-hover);background:var(--quick-order-btn-bg-hover)}

        button.compare, button.wishlist{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;width:30px;height:30px;font-size:.8em;border-radius:50%;transition:all linear .15s}
        button.compare .fas{transform:rotate(90deg)}

        .wishlist, .wishlist a{color:var(--wishlist-btn-c);background:var(--wishlist-btn-bg)}
        .wishlist:hover, .wishlist a:hover, .wishlist.active{color:var(--wishlist-btn-c-hover);background:var(--wishlist-btn-bg-hover)}
        .compare, .compare a{color:var(--compare-btn-c);background:var(--compare-btn-bg)}
        .compare:hover, .compare a:hover, .compare.active{color:var(--compare-btn-c-hover);background:var(--compare-btn-bg-hover)}

        .uni-href{cursor:pointer}

        .uni-item{width:100%;background:#fff;padding:15px;border:solid 1px rgba(0 0 0 / .06);background-clip:padding-box;border-radius:var(--border-radius-1);transition:box-shadow linear .1s}
        .uni-item-bg{align-items:center !important;background:#f7f7f7;padding:15px;border-radius:var(--border-radius-1);transition:all ease-in-out .15s}
        .uni-item-bg:hover{background:#eee}

        .uni-module{margin-bottom:15px}
        .uni-module__wrapper{display:flex;flex-wrap:wrap;margin:0 -10px;opacity:0}
        .uni-module__wrapper.load-complete{opacity:1;transition:none !important}

        .uni-module .owl-stage{display:flex}
        .uni-module__item, .uni-module .owl-item{display:flex;float:left;padding:0 10px}
        .uni-module .owl-nav{left:-5px !important;right:-5px !important;margin:-7px 0 0}
        .uni-module .owl-dots{margin:-10px 0 25px !important}

        .product-thumb{display:flex;flex-direction:column;position:relative;z-index:1;margin:0 0 20px}
        .product-thumb.hover{position:absolute;z-index:99}
        .product-thumb__image{position:relative;z-index:1;margin:0 0 15px;padding:0 0 10px}
        .product-thumb__image:hover .uni-timer{visibility:hidden;opacity:0}
        .product-thumb__name{margin:0 0 auto;padding:0 0 10px;font-weight:500;color:var(--prod-thumb-name);word-wrap:break-word}
        .product-thumb__name:hover{color:var(--prod-thumb-name-hover)}
        .product-thumb__caption{display:flex;flex-direction:column;flex:1 1 100%;overflow:hidden}
        .product-thumb__model{margin:0 0 15px;font-size:.85em}
        .product-thumb__model:before{content:attr(data-text);margin:0 5px 0 0}
        .product-thumb__description{flex:0 1 100%;margin:0 0 10px;font-size:.95em;word-wrap:break-word}
        .product-thumb__description.description{color:#666}
        .product-thumb__attribute{flex-basis:content;color:#888}
        .product-thumb__attribute-value:not(:last-child):after{content:'/';padding:0 2px 0 5px;color:#ccc}
        .product-thumb__attribute-value{color:var(--body-c)}
        .product-thumb__option{margin:0}
        .product-thumb__option .option__group{margin:0;clear:both}
        .product-thumb__option .option__group:after{display:block;clear:both;content:'';height:5px}
        .product-thumb__rating{margin:0 0 15px;color:var(--a-c)}
        .product-thumb__rating-text{margin:0 0 0 5px}
        .product-thumb__quick-order{margin:0 0 0 15px;opacity:var(--prod-thumb-quick-order-opacity, 0)}
        .product-thumb:hover .product-thumb__quick-order{opacity:1}
        .product-thumb__wishlist, .product-thumb__compare{top:10px;right:10px}
        .product-thumb__wishlist:not(.hidden) + .product-thumb__compare{top:48px}
        .product-thumb__price{font-size:1.3em}
        .product-thumb__cart{display:flex;margin:20px 0 0}
        .product-thumb__cart.disabled2{min-height:34px}
        .product-thumb__addit{position:absolute;left:0;top:0;display:flex;width:100%;height:100%;text-align:center}
        .product-thumb__addit-item{display:flex;flex:1 1 auto;margin:0 5px;border-bottom:solid 1px #ddd}
        .product-thumb__addit-item.active{border-color:var(--a-c);opacity:.8}
        .product-thumb__addit-item:first-child{margin-left:0}
        .product-thumb__addit-item:last-child{margin-right:0}

        .sorts-block{display:flex;align-items:center;margin:0 0 20px}
        .sorts-block__limit{width:auto;margin:0 0 0 20px}
        .sorts-block__wrapper{display:flex;width:100%;align-items:center}
        .sorts-block__sorts{flex:1 1 auto}
        .sorts-block__span{margin:0 20px 0 0;font-size:.95em;font-weight:500;color:#555;cursor:pointer;white-space:nowrap}
        .sorts-block__span.selected{font-weight:700;color:var(--a-c-hover)}
        .sorts-block__span.selected:after{margin:0 0 0 5px;font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:.85em}
        .sorts-block__span.selected.up:after{content:"\f160"}
        .sorts-block__span.selected.down:after{content:"\f884"}
        .sorts-block__btn-group{display:flex;white-space:nowrap;margin:0 0 0 20px}
        .sorts-block__btn{padding:0 12px;font-size:.85em !important}
        .sorts-block__btn.selected:before{position:absolute;top:0;right:0;left:0;bottom:0;content:'';background:rgba(0 0 0 / .06);border-radius:inherit}

        .product-category-list{margin:0 0 30px;padding:20px 20px 10px;background:#f7f7f7;border-radius:var(--border-radius-1)}
        .product-category-list ul{margin:0}
        .product-category-list__item{position:relative;display:inline-block;margin:0 20px 8px 0;line-height:2em;font-weight:500;font-size:.95em;white-space:nowrap}
        .product-category-list__item.selected{color:#666}
        .product-category-list__item a{position:relative;z-index:1}
        .product-category-list__item:before{position:absolute;content:'';width:calc(100% + 20px);height:100%;transform:translateX(-10px);border-radius:var(--border-radius-1);transition:background linear .1s}
        .product-category-list__item:hover:before, .product-category-list__item.selected:before{background:rgba(0 0 0 / .05)}
        .product-category-list__reset{position:relative;top:2px;margin:0 0 0 5px;line-height:normal;font-size:1.2em}

        .grid-view{display:flex}

        .list-view .product-thumb{flex-direction:row}
        .list-view .product-thumb__image{flex:1 0 auto;margin:0}
        .list-view .product-thumb__addit-dot{transform:translate(0, -15px)}
        .list-view .product-thumb__caption{padding:0 25px}
        .list-view .product-thumb__name{margin:0}
        .list-view .product-thumb__description{display:block !important}
        .list-view .product-thumb__option{display:block !important}
        .list-view .option__select{max-width:200px}
        .list-view .product-thumb__price{margin-top:auto}
        .list-view .product-thumb__cart{margin-right:-20px}

        .compact-view{flex:1 1 100%}
        .compact-view .product-thumb{flex-direction:row;align-items:center;flex:1 1 100%}
        .compact-view .product-thumb__image{min-width:80px;width:80px;margin:0;padding:0}
        .compact-view .product-thumb__caption{flex-direction:row;width:100%;align-items:center;padding:0}
        .compact-view .product-thumb__name{flex:1 1 100%;margin:0;padding:0 10px 0 20px}
        .compact-view .product-thumb__option{display:block !important;min-height:75px;flex:0 0 20%;margin:0;padding:0 10px}
        .compact-view .qty-indicator{display:none;min-height:75px;margin:0;padding:0 10px;justify-content:center}
        .compact-view .qty-indicator:before{display:none}
        .compact-view .product-thumb__price-cart{display:flex}
        .compact-view .product-thumb__price{justify-content:center;min-width:115px;padding:0 10px;text-align:center;font-size:1.2em}
        .compact-view .product-thumb__price .price-new{margin:0}
        .compact-view .product-thumb__cart{flex-wrap:nowrap;margin:0;padding:0;white-space:nowrap}
        .compact-view .product-thumb__add-to-cart span{margin:0}
        .compact-view .product-thumb__quick-order{opacity:1}
        .compact-view .product-thumb__addit, .compact-view .sticker, .compact-view .product-thumb__model, .compact-view .uni-timer, .compact-view .product-thumb__description, .compact-view .product-thumb__rating, .compact-view .product-thumb__wishlist, .compact-view  .product-thumb__compare, .compact-view .product-thumb__add-to-cart i, .compact-view .product-thumb__quick-order{display:none}

        .pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0 0}
        .pagination li a, .pagination li span{display:flex;align-items:center;justify-content:center;width:36px;height:32px;margin:0 0 15px;border-radius:var(--border-radius-1);font-weight:700}
        .pagination li + li{margin:0 0 0 10px}
        .pagination li a, .pagination li a:hover, .pagination li a:visited{color:var(--pagination-c);background:var(--pagination-bg)}
        .pagination li.active span, .pagination li.active span:hover, .pagination li.active span:focus{color:var(--pagination-c-active);background:var(--pagination-bg-active)}
        .pagination-text{margin:0 0 40px;font-size:.95em;color:#888;text-align:center}

        .article_description{margin:0 0 40px;line-height:1.7em;word-wrap:break-word}
        .article_description a{text-decoration:underline}
        .article_description img{width:auto !important;max-width:100%}

        .html-module{margin:0 0 30px}
        .home-page .html-module{padding:20px 20px 10px;background:rgba(0 0 0 / .03);border-radius:var(--border-radius-1)}
        .home-page .html-module h1{font-size:1.6em;margin:0 0 15px}
        .home-page .html-module p{line-height:1.7em}

        .category-info{position:relative;z-index:1;overflow:hidden;margin:0 0 40px;padding:15px;background:#f7f7f7;border-radius:var(--border-radius-1);line-height:1.5em;font-size:.95em}
        .category-info_description{height:100%}
        .category-info__image{float:left;max-width:150px;margin:0 20px 5px 0}
        .category-info img{max-width:100%;border-radius:var(--border-radius-1)}
        .category-info-bottom .category-info{display:block !important}
        .category-info .desc-collapse{background:inherit}
        .category-info .desc-collapse:before{background:linear-gradient(0deg, #f7f7f7 0%, transparent 100%)}

        .desc-collapse{position:absolute;bottom:0;left:0;right:0;padding:15px 0;text-align:center;font-weight:500;background:#fff}
        .desc-collapse:before {content:'';position:absolute;top:-50px;left:0;width:100%;height:50px;background:linear-gradient(0deg, #fff 0%, transparent 100%)}

        .category-list{margin-bottom:25px}
        .category-list > div{margin:0 0 20px}
        .category-list__item{display:flex;height:100%;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:0 !important;text-align:center;font-size:.95em;font-weight:500}
        .category-list__img{border-radius:var(--border-radius-1-1-0-0)}
        .category-list__name{width:100%;padding:15px;word-wrap:break-word}

        .manufacturer-page-list__name{margin:0 10px 20px;font-weight:700}

        .nav-tabs{display:flex;flex-wrap:var(--nav-tabs-flex-wrap, nowrap);overflow-x:auto;overflow-y:hidden;padding:0;border-radius:var(--border-radius-1);margin:0 0 20px;background:var(--nav-tabs-bg);white-space:nowrap}
        .nav-tabs li{display:flex;align-items:center;height:48px;margin:0;padding:0 15px}
        .nav-tabs li a{display:flex;align-items:center;width:100%;margin:0;padding:0;font-size:1.1em;font-weight:700;color:var(--nav-tabs-c)}
        .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover{color:var(--nav-tabs-c-active)}
        .nav-tabs li a:after{position:absolute;left:0;width:0;bottom:-2px;content:'';transition:all ease-in-out .15s;border-bottom:solid 2px !important}
        .nav-tabs li.active a:after, .nav-tabs li a:hover:after{width:100%}

        .carousel{margin:0 0 25px;border:solid 1px rgba(0 0 0 / .08);background:#fff;border-radius:var(--border-radius-1)}

        .footer{flex:0 1 auto;padding:25px 0 0;color:var(--footer-c);background:var(--footer-bg)}
        .footer.blur{position:relative;z-index:1}
        .footer__column-heading{display:flex;align-items:center;margin:0 0 15px;font-weight:700;font-size:1.2em;color:var(--footer-heading-c)}
        .footer__column-icon{margin:0 5px 0 -5px;font-size:.8em}
        .footer__column-ul{margin:0}
        .footer__column-li{display:flex;align-items:center;margin:0 0 10px;font-size:.95em;font-weight:500}
        .footer__column-li:last-child{margin:0 0 20px}
        .footer a, .footer__column-a, .footer__column-a:hover, .footer__column-a:active, .footer__column-a:visited{color:var(--footer-c) !important}
        .footer__column-a:hover{text-decoration:underline}
        .footer__contacts-icon{min-width:15px;margin:0 5px 0 0}
        .footer__contacts-icon.fa-phone-alt{font-size:.8em}
        .footer__contacts-img{width:auto;height:auto;max-height:16px;margin:0 5px 0 0}
        .footer__text{padding:20px 0;font-size:.95em;border-top:solid 1px rgba(0 0 0 / .08)}
        .footer__socials-payments{overflow:hidden;padding:15px 0;background:rgba(0 0 0 / .05)}
        .footer__media{display:flex;align-items:center}
        .footer__socials-icon{width:30px;height:30px;line-height:30px !important;text-align:center;font-size:1.15em;color:#fff;border-radius:var(--border-radius-1);opacity:.8;transition:all ease-in-out .15s;cursor:pointer}
        .footer__socials-icon:hover{opacity:1}
        .footer__socials-icon + .footer__socials-icon{margin:0 0 0 15px}
        .footer__socials-icon.fa-odnoklassniki{background:#EF8117}
        .footer__socials-icon.fa-vk{background:#597BA0}
        .footer__socials-icon.fa-facebook{background:#3A5795}
        .footer__socials-icon.fa-twitter{background:#59ADEA}
        .footer__socials-icon.fa-instagram{background:#125688}
        .footer__socials-icon.fa-youtube{background:#E62117}
        .footer__socials-icon.fa-viber{background:#563DBD}
        .footer__socials-icon.fa-whatsapp{background:#00E676}
        .footer__socials-icon.fa-tiktok{background:#fe2c55}
        .footer__socials-icon.fa-telegram-plane{background:#0088cc}
        .footer__payments{display:flex;justify-content:flex-end;flex-wrap:wrap;overflow:hidden;margin:0 0 -10px 0}
        .footer__payments-icon{overflow:hidden;margin:0 0 10px 10px;width:50px;height:30px;border-radius:var(--border-radius-1)}
        .footer__payments-icon:not(img){background-image:url('../image/payment_icon_sprite.png')}
        .footer__payments-icon.visa{background-position:-150px -120px}
        .footer__payments-icon.master{background-position:-100px -30px}
        .footer__payments-icon.yandex{background-position:-150px -150px}
        .footer__payments-icon.webmoney{background-position:-100px -150px}
        .footer__payments-icon.qiwi{background-position:0 0px}
        .footer__payments-icon.sberbank{background-position:-150px -30px}
        .footer__payments-icon.cyberplat{background-position:0 -30px}
        .footer__payments-icon.alfa{background-position:-50px 0px}
        .footer__payments-icon.paypal{background-position:0 -90px}
        .footer__payments-icon.eport{background-position:0 -60px}
        .footer__payments-icon.mailofrussia{background-position:-100px 0px}
        .footer__payments-icon.contact{background-position:0 -120px}
        .footer__payments-icon.vtb24{background-position:0 -150px}
        .footer__payments-icon.sbp{background-position:-150px -90px}
        .footer__payments-icon.skrill{background-position:-150px -60px}
        .footer__payments-icon.rbk{background-position:-150px 0px}
        .footer__payments-icon.western-union{background-position:-200px 0px}
        .footer__payments-icon.mir{background-position:-100px -120px}

        .fly-block{position:fixed;z-index:1020;right:20px;bottom:20px}
        .fly-block__item{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 0 20px;font-size:18px;cursor:pointer;border-radius:100%;transition:all ease-in-out .3s}
        .fly-block__back{color:#666;background:#e2e2e2}

        .fly-block__scrollup{margin:0;color:#fff;background:rgba(0 0 0 / .3);transform:scale(0)}
        .fly-block__scrollup.visible{transform:scale(1)}
        .fly-block__scrollup:hover{background:rgba(0 0 0 / .5)}
        .fly-block__scrollup:not(.visible){margin:-66px 0 0}

        .simplecheckout .radio label, .simpleregister .radio label{display:flex}
        .simplecheckout-cart .quantity .input-group .btn{height:30px}

        .animated.fade:not(.disabled){display:block !important;padding:0 !important}
        .modal{z-index:1070;text-align:center}
        .modal-content{border:none;border-radius:var(--border-radius-1)}
        .modal-header{display:flex;align-items:center;position:relative;background:#f7f7f7;border-bottom:none;border-radius:var(--border-radius-1-1-0-0)}
        .modal-title{margin-right:55px}
        .modal-header .close{position:absolute;right:0;width:50px;height:100%;z-index:99;color:#444;background:rgba(0 0 0 / .05);opacity:1}
        .modal-dialog{max-width:95%;display:inline-block;text-align:left;vertical-align:middle;-webkit-transform:translate(0,0) !important;-ms-transform:translate(0,0) !important;-o-transform:translate(0,0) !important;transform:translate(0,0) !important}
        .modal-dialog.modal-sm{width:400px}
        .modal-dialog.modal-fit{width:fit-content}
        .modal-body{background:#fff;border-radius:var(--border-radius-0-0-1-1)}
        .modal-backdrop.in{background:var(--backdrop-bg-dark);opacity:1}

        #modal-cart .modal-dialog{width:740px}
        #modal-cart img{padding:5px;background:#fff;border-radius:4px}

        .modal-body .uni-wrapper{padding:0}

        .owl-carousel{position:relative;display:none}
        .owl-carousel .owl-stage{touch-action:manipulation}
        .owl-carousel .owl-stage-outer{overflow:hidden}
        .owl-carousel .owl-item{position:relative;z-index:1;min-height:1px;float:left;-ms-touch-action:pan-y;touch-action:pan-y}
        .owl-carousel .owl-nav:not(.disabled){opacity:1}
        .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none}
        .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
        .owl-carousel.owl-loaded{display:block}
        .owl-carousel.owl-loading{opacity:0;display:block}
        .owl-carousel.owl-refresh .owl-item{visibility:hidden}
        .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
        .owl-carousel.owl-grab{cursor:move;cursor:grab}
        .owl-carousel.owl-rtl{direction:rtl}
        .owl-carousel.owl-rtl .owl-item{float:right}
        .no-js .owl-carousel{display:block}
        .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}
        .owl-carousel .owl-animated-in{z-index:0}
        .owl-carousel .owl-animated-out{z-index:1}
        .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
        .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('../image/owl.video.play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}
        .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}
        .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
        .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}
        .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
        .owl-carousel .owl-nav{position:absolute;z-index:100;top:50%;left:10px;right:10px;opacity:0}
        .owl-carousel .owl-next, .owl-carousel .owl-prev{position:absolute;display:flex;align-items:center;justify-content:center;opacity:1;width:40px;height:40px;border-radius:100%;border:solid 2px rgba(0 0 0 / .08) !important;transform:translate(0, -50%)}
        .owl-carousel .owl-next:hover, .owl-carousel .owl-prev:hover{border-color:rgba(0 0 0 / .2) !important}
        .owl-carousel .owl-nav .disabled{cursor:default;opacity:0}
        .owl-carousel .owl-nav .owl-next{right:0}
        .owl-carousel .owl-nav button{color:var(--carousel-nav-btn-c);background:var(--carousel-nav-btn-bg)}
        .owl-carousel .owl-dots{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:10px 0;text-align:center}
        .owl-carousel .owl-dots .owl-dot{display:block;width:20px;height:4px;background:var(--carousel-dot-bg);border-radius:var(--border-radius-1);transition:all linear .2s;padding:0;border:none}
        .owl-carousel .owl-dots .owl-dot + .owl-dot{margin:0 0 0 10px}
        .owl-carousel .owl-dots .owl-dot.active{background:var(--carousel-dot-bg-active);cursor:default}

        .uni-timer{position:absolute;z-index:1;left:0;bottom:11px;width:100%;display:flex;justify-content:center;transition:opacity ease-in-out .15s}
        .uni-timer__group{text-align:center;min-width:45px;padding:2px 6px;background:var(--timer-bg);border-radius:var(--border-radius-1)}
        .uni-timer__group:not(:last-child){margin:0 5px 0 0}
        .uni-timer__digit{letter-spacing:2px;font-weight:700;color:var(--timer-digit-c)}
        .uni-timer__text{margin:-3px 0 0;color:var(--timer-text-c);font-size:.65em}

        .uni-alert{display:flex;align-items:center;position:fixed;z-index:1080;top:50px;right:15px;width:320px;max-width:95%;line-height:1.7em;font-size:.95em;border:0;padding:15px 25px 15px 15px;border-radius:var(--border-radius-1);box-shadow:3px 3px 10px rgba(0 0 0 / .2);align-items:center}
        .uni-alert__icon{margin:0 13px 0 0;font-size:2.5em}
        .uni-alert__icon.fa-times{position:absolute;top:0;right:0;margin:0;padding:8px 10px;font-size:.9em;opacity:1;cursor:pointer}
        .uni-alert a{text-decoration:underline}

        .alert-success, .alert-success a{color:var(--alert-success-c);background:var(--alert-success-bg)}
        .alert-warning, .alert-warning a{color:var(--alert-warning-c);background:var(--alert-warning-bg)}
        .alert-danger, .alert-danger a{color:var(--alert-danger-c);background:var(--alert-danger-bg)}

        .swiper-viewport{border-radius:var(--border-radius-1)}
        .swiper-viewport .swiper-button-prev:before, .swiper-viewport .swiper-button-next:before, .dream-filter .rdf- s .rdf-group .checkbox > label > span:after{font-family:"Font Awesome\ 5 Free" !important;font-weight:900}
        .swiper-viewport .swiper-pager .swiper-button-next:before, .swiper-viewport .swiper-pager .swiper-button-prev:before{color:var(--swiper-pagination-bg-active)}
        .swiper-viewport .swiper-pagination .swiper-pagination-bullet{background:var(--swiper-pagination-bg)}
        .swiper-viewport .swiper-pagination .swiper-pagination-bullet-active{background:var(--swiper-pagination-bg-active)}

        .tooltip-inner{max-width:220px}
        .tooltip-inner{padding:3px -5px;color:var(--tooltip-c);background:var(--tooltip-bg);border-radius:var(--border-radius-1)}
        .tooltip.top .tooltip-arrow{border-top-color:var(--tooltip-bg);border-radius:var(--border-radius:1-0-0-0)}
        .tooltip.bottom .tooltip-arrow{border-bottom-color:var(--tooltip-bg)}
        .tooltip.left .tooltip-arrow{border-left-color:var(--tooltip-bg)}
        .tooltip.right .tooltip-arrow{border-right-color:var(--tooltip-bg)}

        .preloader{position:absolute;z-index:1050;top:0;left:0;width:100%;height:100%;text-align:center;background:var(--backdrop-bg-light)}
        .preloader:after{position:absolute;top:50%;left:50%;display:block;width:36px;height:36px;margin:-18px auto auto -18px;content:'';border:solid 3px;border-color:var(--preloader-border-c);border-radius:100%;animation:spin 1s infinite linear}


        @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

        .captcha{overflow:hidden;margin-bottom:15px !important}
        .captcha__input{float:left;width:200px;max-width:45%}
        .captcha__img{height:33px;padding-left:15px}

        .pass-wrap {position:relative;height:100%}
        .subscribe .pass-wrap{top:-100%}
        .pass-wrap .far{position:absolute;top:50%;right:10px;color:#888;transform:translateY(-50%);cursor:pointer}

        .error-not-found {display:flex;flex-direction:column;align-items:center;justify-content:center;height:370px;margin:0 0 40px;font-weight:500;color:#888}
        .error-not-found__404{font-size:9em}
        .error-not-found__404-text{padding:0 25px}

        @media (-webkit-min-device-pixel-ratio:0) and (hover:none) and (pointer:coarse) {
            select:focus, textarea:focus, input:focus{font-size:16px}
        }

        @media (max-width:1199px){
            .top-menu__account.switch-on-tablet{display:block}
            .header-block__item-account.switch-on-tablet{display:none}
            .header-block__item-telephone{padding:0 15px}
            .header-block__item-caption{display:none}
            .menu1 .menu__banner{display:none}
            .uni-module .product-thumb__description, .grid-view .product-thumb__description{display:none}
            .uni-module .product-thumb__option, .grid-view .product-thumb__option, .compact-view .product-thumb__option{display:none !important}
            .product-thumb .qty-switch__input{width:28px}
            .product-thumb__add-to-cart i{display:none}
            .product-thumb__add-to-cart span{margin:0 !important}
        }

        @media (max-width:991px){
            header{padding-bottom:var(--header-padding-bottom, 0)}
            .top-menu__btn-text{display:none}
            .header-block__item-logo{flex:1 1 auto}
            .header-logo{max-width:195px}
            
            #search2{padding:0 10px}
            #search2 .header-search__category + .header-search__input{flex:1 1 auto}
                        
            .menu-wrapper{position:fixed;z-index:1070;top:0;left:-100%;margin:0;padding:0;overflow-y:auto;width:100%;height:100%;background:var(--menu-main-bg);transition:all ease-in-out .15s}
            .menu-wrapper.show{left:0;box-shadow:0 0 10px rgba(0, 0, 0, .2)}
            .menu__header{height:54px;background:rgba(0, 0, 0, .06)}
            .menu__collapse{top:54px}
            .menu__header-title{font-size:1.25em;flex:1 1 auto}
            .menu__header-icon.fa-times{display:flex !important;width:44px;height:100%;margin:0 -12px 0 0;align-items:center;justify-content:center;background:rgba(0 0 0 / .05)}
            .menu-open{float:left;display:flex !important;align-items:center;justify-content:center;margin:0 20px 0 10px;font-weight:500;color:var(--menu-main-header-c);background:var(--menu-main-header-bg)}
            .menu__collapse{display:block;height:auto !important;font-size:1em}
            header .menu, header .menu__level-1-li{border-radius:0 !important}
            .menu__level-1-a{padding-right:40px}
            .menu__level-2{overflow:hidden}
            .menu__level-2:not(.in){height:0}
            .menu__level-2-a{padding:0 32px 0 15px;border-top:solid 1px rgba(0 0 0 / .1)}
            .menu__level-3{overflow:hidden;padding:0;margin:0}
            .menu__level-3:not(.in){height:0}
            .menu__level-3-li{border-top:solid 1px rgba(0 0 0 / .05)}
            .menu__level-3-a{padding:0 32px 0 25px}

            .menu__level-1-a, .menu__level-2-a, .menu__level-3-a{min-height:50px}
            
            .menu__chevron{position:absolute;top:10px;right:6px;z-index:9;width:30px;height:30px;line-height:30px !important;text-align:center;font-size:.85em;cursor:pointer;border-radius:var(--border-radius-1)}
            .menu__chevron.open{background:rgba(0 0 0 / .05);transform:rotateX(180deg)}
            .menu__banner, .menu__additional, .menu__level-2-img{display:none}
            .list-view .product-thumb__image{width:42%;min-width:35%}
            .compact-view .product-thumb__image{display:none}
            .compact-view .qty-switch{display:none}
            .compact-view .product-thumb__name{padding-left:0}
            .product-thumb__quick-order, .owl-carousel .owl-nav{opacity:1}
            
            .footer__payments{justify-content:flex-start;margin:0 0 0 -10px}

            .error-not-found{max-height:300px}
            
            /* .menu__level-1-li:not(.new-items) + .menu__level-1-li.new-items{border-top:solid 20px rgba(0 0 0 / .03)} */
        }

        @media (max-width:767px){
            h1{margin:0 0 20px;font-size:1.5em;line-height:1.3}
            div.heading{font-size:1.2em}
            .header-block{margin:0;padding:22px 0}
            .header-logo{max-width:175px}
            .header-phones__main{font-size:1.1em}
            .header-phones__show-phone{font-size:.65em}
            .header-phones__additionals{display:none}
            .header-phones__ul{left:auto;right:0}
            .header-cart__icon{font-size:2.1em}
            .header-cart__totals-item, .header-cart__buttons{justify-content:center}
            .header-cart__buttons .btn-default{display:none}
            .breadcrumb li:not(:first-child):not(:last-child){display:var(--breadcrumb-mobile-display ,inline)}
            .uni-module .owl-nav > div:not(.disabled){opacity:.8}
            
            .grid-view{flex:0 0 50%;width:50%;max-width:50%}
            .list-view{flex:0 1 100%}
            .nav-tabs li{padding-right:5px}
            .nav-tabs li a{font-size:1.1em}
            
            .footer__column{width:100%}
            .footer__column-heading{position:relative}
            .footer__column-heading .fa-chevron-down{position:absolute;right:0;font-size:.7em}
            .footer__column-heading.open .fa-chevron-down{transform:rotate(180deg)}
            .footer__column:not(:first-child){padding-top:15px;border-top:solid 1px rgba(0 0 0 / .07)}
            
            .fly-block__item{width:40px;height:40px}
            .fly-block__item.visible-xs{display:flex !important}
        }

        @media (max-width:575px){
            .top-links.btn-group{display:var(--top-menu-links-display, flex)}
            .top-menu__wishlist{display:var(--top-menu-wishlist-display, block) !important}
            .top-menu__compare{display:var(--top-menu-compare-display, block) !important}
            .top-menu__account{display:var(--top-menu-account-display, block) !important}
            
            .header-logo{max-width:155px}
            .header-block__item-telephone{padding:var(--header-telephone-padding, 0 15px 0 5px)}
            .top-menu__wishlist.status-1, .top-menu__compare.status-1{margin:0}
            .top-menu__wishlist.status-2, .top-menu__compare.status-2, .top-menu__account.status-2{display:block}
            .header-block__item-wishlist, .header-block__item-compare, .header-block__item-account{display:none}
            .header-block__item-cart{display:var(--header-cart-display, flex);min-width:31px;padding:0 0 0 5px}
            .header-cart__total-items{right:-6px;bottom:-4px;padding:0 3px;min-width:14px;height:14px;font-size:.6em}
            .header-cart__item-wrapper{flex-wrap:wrap}
            .header-cart__name{flex:1 1 100%;margin:0 0 15px}
            .header-cart__quantity{padding:0 15px 0 0}
            .header-cart__quantity .qty-switch__input{height:28px !important}
            .header-cart__quantity .qty-switch__btn{width:25px;height:28px;line-height:28px}
            .top-menu__compare{margin:0}
            .header-phones__main{font-size:1em}
            .menu-open__title:not(.show-on-mobile){display:none}
            .header-search__category.hide-on-mobile{display:none}
            .header-search__input.hide-on-mobile{border-radius:var(--border-radius-1)}
            .sorts-block__item:first-child{min-width:90px}
            .product-category-list__item{white-space:normal}
            .uni-module{padding:0 5px}
            .uni-module .owl-item, .uni-module__item{padding:0 5px}
            .uni-module__wrapper{display:flex;flex-wrap:wrap}
            .uni-module .owl-dots{margin:0 0 25px !important}
            .products-block{margin-bottom:20px}
            .product-thumb{margin:0 0 10px;padding:10px}
            .product-thumb__image{padding:0}
            .product-thumb .sticker{top:0;left:0}
            .product-thumb__model:before{display:var(--prod-thumb-model-before-display, none)}
            .product-thumb__add-to-cart, .product-thumb__cart.disabled2{flex:1 1 auto;max-width:100%}
            .product-thumb__cart .btn{font-size:.9em}
            .product-thumb .uni-timer, .product-thumb .product-thumb__description, .product-thumb__option, .list-view .product-thumb__option, .product-thumb__addit{display:none!important}
            .product-thumb__wishlist, .product-thumb__compare{right:5px}
            .list-view .product-thumb__caption{padding:0 25px 0 12px}
            .compact-view .product-thumb__image{display:none}
            .compact-view .product-thumb__price{justify-content:flex-end;font-size:1.1em;padding-right:15px}
            .compact-view .product-thumb__add-to-cart i{display:inline !important}
            .compact-view .product-thumb__add-to-cart span{display:none}
            .category-info__image{display:none}
            .hidden-on-mobile{display:none !important}
            .owl-carousel .owl-dots .owl-dot{height:2px;margin-bottom:10px !important}
        }

        @media (max-width:425px){
            .header-logo{max-width:135px}
            .product-thumb__rating-text{display:none}
        }

        @media (max-width:380px){
            .header-logo a, .header-logo span{font-size:1em}
            .header-phones__main{font-size:.97em}
            .header-cart__total{flex:0 1 auto}
        }

        @media (max-width:350px){
            .header-phones__main{font-size:.9em}
            .product-thumb .qty-switch, .product-thumb__quick-order{display:none}
            .btn-xl{padding:0 15px}
        }

        @media (min-width:575px){
            .top-menu.switch-on-mobile{display:none}
            .header-block__item-account.switch-on-mobile{display:flex}
        }

        @media (min-width:768px){
            .modal:before{display:inline-block;vertical-align:middle;content:'';height:100%}
            .footer__column-ul{display:block !important;height:auto !important}
        }

        @media (min-width:992px){
            header{position:var(--header-position);top:var(--header-position-top);z-index:var(--header-position-z)}
            header.fixed{box-shadow:var(--header-box-shadow)}
            .top-links .top-menu__btn{display:none}
            .top-links__ul{position:static;display:flex;align-items:center;background:none;box-shadow:none;list-style:none;margin:0;padding:0;border-radius:0}
            .top-links__li{margin:0 20px 0 0}
            .top-links .top-links__a{margin-top:-3px;padding:0;font-size:.85em;color:var(--top-menu-btn-c);background:none !important}
            .top-links .top-links__a:hover{color:var(--top-menu-btn-c-hover)}
            
            .header-block__item-search.order-2{order:2;padding-left:10px}
            .header-block__item-telephone.order-1{order:1;padding-left:5px}
            .header-block__item-menu{padding:0 15px}
            .header-block__item-menu + .header-block__item-search + .header-block__item-telephone{padding-left:15px}
            
            .header-menu__btn{font-weight:500;color:var(--menu-main-header-c);background:var(--menu-main-header-bg)}
            .header-menu__btn.show .header-menu__icon:before{content:'\f00d'}
            
            .main-menu{position:relative;z-index:998}
            .main-menu.set-before:before{position:absolute;top:0;left:50%;width:100vw;height:46px;content:'';background:var(--menu-main-before);transform:translateX(-50%)}
            
            .menu1:hover .menu__collapse{display:block !important}
            .menu__header-icon{margin:0 10px 0 0}
            .menu1 .menu__collapse, i.menu__chevron{display:none}
            .menu1:not(.new) .menu__collapse{border-radius:var(--border-radius-0-0-1-1)}
            .menu:not(.new) .menu__level-2{max-height:67vh}
            .menu__level-1-li{display:flex;align-items:center}
            .menu__level-1-li.has-children:after{display:flex;align-items:center;justify-content:center;width:30px;height:46px;text-align:center;font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f107";font-size:.75em;transition:transform ease-in-out .15s}
            .menu__level-1-li.open:after{transform:rotate(-90deg)}
            .menu__level-2{position:absolute;z-index:-1;top:0;left:100%;display:none;align-content:flex-start;flex-wrap:wrap;overflow-y:auto;padding:0 10px;border-radius:var(--border-radius-0-1-1-0);box-shadow:0 4px 10px rgba(0 0 0 / .2);scrollbar-width:thin}
            .menu__level-2.open{display:flex}
            .menu__level-2::-webkit-scrollbar{width:8px;background:#eee;border-radius:var(--border-radius-1)}
            .menu__level-2::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:var(--border-radius-1)}
            .menu__level-2.column-1{flex-wrap:nowrap;flex-direction:column}
            .menu__level-2-wrap{display:flex;flex-wrap:wrap;height:fit-content}
            .menu__level-2-ul.has-image{padding-left:65px}
            .menu__level-2-ul.has-image:not(.has-children) > div {display:flex;align-items:center;min-height:70px}
            .menu__level-2-img{position:absolute;top:10px;left:5px;width:50px}
            .menu__level-2-ul{flex:0 0 auto;padding:0 10px}
            .menu__level-2-a.has-children{min-height:auto;margin:14px 0 10px}
            .menu__level-2:not(.column-10) .menu__level-2-a{font-weight:700}
            .menu__level-3{padding:0 0 15px}
            .menu__level-3-li + li{margin:7px 0 0}
            .menu__level-3-a:hover{text-decoration:underline}

            .menu1 .column-1{width:255px}
            .menu1 .column-2{width:490px}
            .menu1 .column-3, .menu1 .column-4{width:720px}

            .menu-wrapper.new{display:none;position:absolute;top:0%;left:10px;right:10px;z-index:988;padding:0;border-radius:var(--border-radius-0-0-1-1)}
            .menu1.new {max-height:80vh;overflow-x:hidden;overflow-y:auto;background:var(--menu-bg, var(--menu-main-level-2-bg));box-shadow:var(--menu-shadow, 0 4px 10px rgba(0 0 0 / .2));border-radius:var(--border-radius-0-0-1-1);scrollbar-width:thin}
            .menu1.new .menu__header{display:none}
            .menu1.new .menu__collapse{position:static;top:0;display:block;width:calc(25% - 15px);height:var(--menu-height);overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-0-0-0-1);scrollbar-width:thin}
            .menu1.new .menu__level-1-li{position:static}
            .menu1.new .menu__level-1-li:last-child {border-radius:var(--border-radius-0-0-0-1)}
            .menu1.new .menu__level-2{height:var(--menu-height);max-height:100%;left:220px;border-radius:var(--border-radius-0-0-1-0);box-shadow:none}
            
            .menu__level-2-ul.col-md-3:nth-child(n+5):before, .menu__level-2-ul.col-md-4:nth-child(n+4):before, .menu__level-2-ul.col-md-6:nth-child(1n+3):before, .menu__level-2-ul.col-md-12:nth-child(n+2):before{display:block;content:'';border-top:solid 1px rgba(0 0 0 / .05)}
            .menu2 .collapse{height:fit-content !important}
            .menu2 .menu__header{display:none}
            .menu2 .menu__collapse{display:flex;top:0}
            .menu2 .menu__level-1-li{flex:1 1 auto;position:static;border:none;box-shadow:inset 1px 0 0 rgba(0 0 0 / .08)}
            .menu2 .menu__level-1-li:last-child{border-right:solid 1px rgba(0 0 0 / .08);border-radius:0}
            .menu2 .menu__level-1-li:after{margin-left:-15px}
            .menu2 .menu__level-1-li.open:after{transform:rotateX(-180deg)}
            .menu2 .menu__level-1-a{justify-content:center;padding:0 15px;white-space:nowrap}
            .menu2 .menu__level-1-li.menu__additional:after{display:none}
            .menu2 .menu__level-2{top:100%;left:auto !important;border-radius:var(--border-radius-0-0-1-1)}
            
            .menu2 .column-1{width:25%}
            .menu2 .column-2{width:50%}
            .menu2 .column-3{width:75%}
            .menu2 .column-4{width:100%}

            .menu2.new{margin-left:0}
            .menu2.new .menu__level-1-li:first-child{box-shadow:inset 1px 0 0 rgba(0 0 0 / .08)}
            
            .menu-right{z-index:98;height:46px;margin-left:-20px;background:var(--menu-right-bg)}
            .menu-right .menu__level-1-li:first-child{box-shadow:none}
            .menu-right .menu__level-1-a, .menu-right .menu__level-1-li:after{color:var(--menu-right-level-1-c)}
            .menu-right .menu__level-1-li:hover .menu__level-1-a{color:var(--menu-right-level-1-c-hover)}
            .menu-right .menu__level-2{background:var(--menu-right-level-2-bg)}
            .menu-right .menu__level-2-a{color:var(--menu-right-level-2-c)}
            .menu-right .menu__level-2-a:hover{color:var(--menu-right-level-2-c-hover)}
            .menu-right .menu__level-3-a{color:var(--menu-right-level-3-c)}
            .menu-right .menu__level-3-a:hover{color:var(--menu-right-level-3-c-hover)}
            
            .column-3 .menu__level-2-wrap{flex:1 1 66.67%}
            .column-4 .menu__level-2-wrap{flex:1 1 75%}
            .column-3 .menu__banner{flex:0 1 33.33%}
            .column-4 .menu__banner{flex:0 1 25%}
            .menu__banner{max-width:300px;margin:20px 0;padding:0 10px;overflow:hidden;border-radius:3px}
            .menu__banner img{max-width:100%;border-radius:2px;cursor:pointer}

            .nav-tabs{scrollbar-width:thin}
            .nav-tabs::-webkit-scrollbar{height:5px;background:#eee;border-radius:5px}
            .nav-tabs::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}
            
            .uni-item:hover{border:solid 1px transparent;box-shadow:0 5px 15px rgba(0 0 0 / .12)}
            .modal-header{padding:15px 20px}
            .modal-header .close:hover{opacity:1}
            .modal-body{padding:20px}
        }

        @media (min-width:767px) and (max-width:1200px){
            .uni-module .product-thumb__quick-order, .grid-view .product-thumb__quick-order{margin:0 0 0 10px;padding:0 10px}
        }

        @media (min-width:1200px){
            .top-menu.switch-on-tablet{display:none}
            .header-logo span, .header-logo a{font-size:1.9em}
            .header-block__item-account.switch-on-tablet{display:flex}
            .header-block__item-caption{margin:5px 0 0;text-align:center;font-size:.7em;color:var(--header-block-caption-c)}
            .menu1.new .menu__level-2{left:270px}
            .menu1 .column-1{width:270px}
            .menu1 .column-2{width:540px}
            .menu1 .column-3, .menu1 .column-4{width:870px}
            .list-view .product-thumb {padding:15px 20px}
            .list-view .product-thumb__caption{padding-left:30px}
            .list-view .product-thumb__option .option__group{display:flex;flex-wrap:wrap;align-items:center}
            .list-view .product-thumb__option .option__group:first-child{margin:5px 0 0}
            .list-view .product-thumb__option .option__group-name{margin:0 15px 14px 0}
            .list-view .product-thumb__option .text-danger{z-index:9;top:0}
            .compact-view .qty-indicator, .compact-view .product-thumb__quick-order{display:flex}
            .compact-view .product-thumb__quick-order{display:inline}
        }

        @media (min-width:1345px){
            .container{width:1340px}
            .menu1.new .menu__level-2 {left:310px}
            .menu1 .column-1{width:257px}
            .menu1 .column-2{width:494px}
            .menu1 .column-3{width:736px}
            .menu1 .column-4{width:997px}
            .visible-xl{display:block}
            .hidden-xl{display:none}
        }

        @media (min-width:1600px){
            .container{width:1500px}

            .menu-wrapper.new .menu__collapse{width:calc(20% - 15px)}
            .menu1.new .menu__level-2{left:279px}
            .menu1 .column-1{width:313px}
            .menu1 .column-2{width:606px}
            .menu1 .column-3{width:904px}
            .menu1 .column-4{width:1191px}
            
            .col-xxl-1{width:5%}
            .col-xxl-2{width:10%}
            .col-xxl-2-1{width:12.5%}
            .col-xxl-3{width:15%}
            .col-xxl-3-1{width:16.66666667%}
            .col-xxl-4{width:20%}
            .col-xxl-5{width:25%}
            .col-xxl-6{width:30%}
            .col-xxl-6-1{width:33.33333333%}
            .col-xxl-8{width:40%}
            .col-xxl-9{width:45%}
            .col-xxl-10{width:50%}
            .col-xxl-11{width:55%}
            .col-xxl-12{width:60%}
            .col-xxl-13{width:65%}
            .col-xxl-15{width:75%}
            .col-xxl-16{width:80%}
            .col-xxl-17{width:85%}
            .col-xxl-18{width:90%}
            .col-xxl-20{width:100%}
            
            .col-xxl-offset-4{margin-left:20%}
            .col-xxl-offset-5{margin-left:25%}
            .col-xxl-offset-6{margin-left:30%}

            .visible-xxl{display:block}
            span.visible-xxl{display:inline}
        }

        /* =========================
           SDM HERO (главный баннер)
           ========================= */

        .sdm-hero{
          position:relative;
          overflow:hidden;
          border-radius:14px;
          background-size:cover;
          background-position:right center;
          min-height:320px;
        }

        /* затемнение + градиент слева направо (как на макете) */
        .sdm-hero:before{
          content:"";
          position:absolute;
          inset:0;
          background:linear-gradient(90deg,
            rgba(6,18,36,.78) 0%,
            rgba(6,18,36,.62) 46%,
            rgba(6,18,36,.28) 70%,
            rgba(6,18,36,0) 100%
          );
        }

        .sdm-hero__inner{
          position:relative;
          min-height:inherit;
          padding:34px 36px;
          display:flex;
          align-items:center;
        }

        .sdm-hero__text{
          max-width:680px;
          color:#fff;
        }

        .sdm-hero__title{
          margin:0 0 14px;
          font-size:34px;
          line-height:1.15;
          font-weight:800;
          color:#fff;
        }

        .sdm-hero__brands{
          margin:0 0 8px;
          font-size:15px;
          font-weight:600;
          opacity:.95;
        }

        .sdm-hero__tags{
          margin:0 0 22px;
          font-size:15px;
          font-weight:500;
          opacity:.9;
        }

        .sdm-hero__btns{
          display:flex;
          gap:14px;
          flex-wrap:wrap;
        }

        /* кнопки внутри hero (не конфликтуют с .btn темы) */
        .sdm-btn{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          height:44px;
          padding:0 18px;
          border-radius:10px;
          font-weight:700;
          text-decoration:none;
          border:1px solid transparent;
          box-shadow:0 10px 24px rgba(0,0,0,.18);
          transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
          user-select:none;
        }

        .sdm-btn:hover{
          transform:translateY(-1px);
          box-shadow:0 14px 30px rgba(0,0,0,.22);
          text-decoration:none;
        }

        .sdm-btn:active{
          transform:translateY(0);
          box-shadow:0 8px 18px rgba(0,0,0,.18);
        }

        .sdm-btn--primary{
          background:#e53935;
          color:#fff !important;
        }

        .sdm-btn--primary:hover{
          background:#c62828;
          color:#fff !important;
        }

        .sdm-btn--secondary{
          background:#1e5aa8;
          color:#fff !important;
        }

        .sdm-btn--secondary:hover{
          background:#164a8c;
          color:#fff !important;
        }

        /* ВАЖНО: компенсация стилей UniShop2 для HTML-модуля на главной
           (иначе будет серая подложка и отступы вокруг hero) */
        .home-page .html-module .sdm-hero{
          margin:-20px -20px -10px;    /* снимаем padding html-module */
          border-radius:14px;          /* сохраняем скругление */
        }

        .home-page .html-module{
          overflow:hidden;              /* чтобы не выглядывала "плашка" по краям */
        }

        @media (max-width: 768px){
          .sdm-hero{min-height:230px;background-position:center;}
          .sdm-hero__inner{padding:18px 16px;}
          .sdm-hero__title{font-size:24px;}
          .sdm-hero__brands, .sdm-hero__tags{font-size:14px;}
        }

        @media (max-width: 575px){
          .sdm-hero__btns{gap:10px;}
          .sdm-hero__btns .sdm-btn{flex:1 1 100%;}
        }


        /* =========================
           SDM VACANCIES (страница вакансий)
           ========================= */

        .vacancy-page{
          --vac-border: rgba(0 0 0 / .10);
          --vac-bg: #fff;
          --vac-muted: rgba(0 0 0 / .68);
          --vac-soft: rgba(0 0 0 / .035);
        }

        .vacancy-page h1{margin:0 0 12px}
        .vacancy-page h2{margin:22px 0 12px}
        .vacancy-page p{line-height:1.7}

        .vacancy-page .vacancy-lead{
          max-width: 920px;
          margin: 0 0 16px;
          color: var(--vac-muted);
        }

        .vacancy-page .vacancy-grid{
          display: grid;
          grid-template-columns: 280px minmax(0, 1fr);
          gap: 18px;
          align-items: start;
        }

        .vacancy-page .vacancy-sidebar{
          position: sticky;
          top: 90px;
        }

        .vacancy-page .vacancy-nav{
          border: 1px solid var(--vac-border);
          border-radius: 14px;
          padding: 14px;
          background: var(--vac-bg);
        }

        .vacancy-page .vacancy-nav__title{
          font-weight: 800;
          margin-bottom: 10px;
        }

        .vacancy-page .vacancy-nav a{
          display: block;
          padding: 9px 10px;
          border-radius: 12px;
          text-decoration: none;
        }

        .vacancy-page .vacancy-nav a:hover{
          background: var(--vac-soft);
        }

        .vacancy-page .vacancy-card{
          border: 1px solid var(--vac-border);
          border-radius: 16px;
          background: var(--vac-bg);
          overflow: hidden;
        }

        .vacancy-page .vacancy-accordion summary{
          cursor: pointer;
          list-style: none;
          padding: 14px 16px;
          display: grid;
          gap: 4px;
          background: linear-gradient(180deg, rgba(0 0 0 / .02), rgba(0 0 0 / 0));
        }

        .vacancy-page .vacancy-accordion summary::-webkit-details-marker{
          display:none;
        }

        .vacancy-page .vacancy-title{
          font-weight: 900;
          font-size: 18px;
          line-height: 1.25;
        }

        .vacancy-page .vacancy-meta{
          font-size: 13px;
          color: var(--vac-muted);
        }

        .vacancy-page .vacancy-body{
          padding: 0 16px 16px;
          max-width: 920px;
        }

        .vacancy-page .vacancy-body h3{
          margin: 16px 0 10px;
          font-size: 15px;
          font-weight: 800;
        }

        .vacancy-page .vacancy-body ul{
          margin: 0;
          padding-left: 18px;
        }

        .vacancy-page .vacancy-body li{
          margin: 6px 0;
          line-height: 1.55;
        }

        .vacancy-page .vacancy-badges{
          display:flex;
          gap:8px;
          flex-wrap:wrap;
          padding-top: 10px;
        }

        .vacancy-page .vacancy-badges span{
          font-size: 12px;
          padding: 6px 10px;
          border-radius: 999px;
          background: #f3f4f6;
          border: 1px solid rgba(0 0 0 / .08);
        }

        .vacancy-page .vacancy-cta{
          display:flex;
          gap: 12px;
          align-items:center;
          flex-wrap: wrap;
          margin-top: 14px;
          padding-top: 14px;
          border-top: 1px solid rgba(0 0 0 / .08);
        }

        .vacancy-page .vacancy-btn{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          padding: 10px 14px;
          border-radius: 12px;
          border: 1px solid rgba(0 0 0 / .15);
          text-decoration:none;
          font-weight: 800;
          background: #fff;
        }

        .vacancy-page .vacancy-btn:hover{
          background: rgba(0 0 0 / .03);
        }

        .vacancy-page .vacancy-cta__hint{
          font-size: 13px;
          color: var(--vac-muted);
        }

        .vacancy-page .vacancy-footer{
          margin-top: 18px;
          border: 1px solid var(--vac-border);
          border-radius: 16px;
          background: var(--vac-bg);
          padding: 16px;
        }

        @media (max-width: 992px){
          .vacancy-page .vacancy-grid{
            grid-template-columns: 1fr;
          }
          .vacancy-page .vacancy-sidebar{
            position: static;
          }
        }

        /* =========================
           SDM VACANCIES — UX tweaks
           ========================= */

        /* Плавная прокрутка к якорям */
        html{scroll-behavior:smooth}

        /* Чтобы якоря не прятались под фиксированной шапкой */
        #ved, #buh, #apply{scroll-margin-top:110px}

        /* Индикатор аккордеона (стрелка справа) */
        .vacancy-page details.vacancy-accordion > summary{
          position:relative;
          user-select:none;
          padding-right:48px;
        }
        .vacancy-page details.vacancy-accordion > summary:after{
          content:"▾";
          position:absolute;
          top:50%;
          right:16px;
          transform:translateY(-50%);
          font-size:16px;
          opacity:.55;
          transition:transform .15s ease, opacity .15s ease;
        }
        .vacancy-page details.vacancy-accordion[open] > summary:after{
          transform:translateY(-50%) rotate(-180deg);
          opacity:.8;
        }

        /* Визуально выделяем секцию, на которую перешли по якорю */
        .vacancy-page section:target{
          box-shadow:0 10px 25px rgba(0 0 0 / .08);
          border-color:rgba(0 0 0 / .18);
        }

        /* Нормальные маркеры списка (в теме иногда сбиваются) */
        .vacancy-page .vacancy-body ul{list-style:disc}
        .vacancy-page .vacancy-body ul ul{list-style:circle}

        .vacancy-page .vacancy-focus{
          box-shadow: 0 0 0 3px rgba(11,78,162,.18);
          transition: box-shadow .2s ease;
        }

        /* === Доставка (страница "Доставка и отгрузка") === */

        .delivery-section{
          max-width: 100%;
          line-height: 1.7;
        }

        .delivery-section h2{
          margin: 0 0 10px;
        }

        .delivery-section h3{
          margin: 22px 0 10px;
        }

        .delivery-section p{
          margin: 0 0 12px;
        }

        .delivery-section ul{
          margin: 0 0 12px;
          padding-left: 18px;
        }

        .delivery-section hr{
          margin: 18px 0;
          border: 0;
          border-top: 1px solid rgba(0,0,0,.08);
        }

        /* === Транспортные компании === */

        .tk-grid{
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
          gap: 18px;
          margin: 16px 0 6px;
        }

        .tk-item{
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 16px 14px;
          background: #fff;
          border: 1px solid rgba(0,0,0,.08);
          border-radius: 12px;
          text-align: center;
          transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
        }

        .tk-item:hover{
          transform: translateY(-2px);
          box-shadow: 0 10px 26px rgba(0,0,0,.08);
          border-color: rgba(0,0,0,.14);
        }

        .tk-item img{
          width: 100%;
          max-width: 220px;
          height: 64px;
          object-fit: contain;
          margin: 0 0 10px;
          filter: grayscale(100%) contrast(1.05);
          opacity: .9;
          transition: filter .15s ease, opacity .15s ease;
        }

        .tk-item:hover img{
          filter: none;
          opacity: 1;
        }

        .tk-item span{
          font-size: .95em;
          font-weight: 500;
          color: var(--a-c, #1a5fb4);
          line-height: 1.25;
        }

        /* Убираем "подчёркивание" у подписи на hover (если тема добавляет) */
        .tk-item span:hover{
          text-decoration: none;
        }

        @media (max-width: 575px){
          .tk-grid{
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .tk-item{
            padding: 14px 10px;
            border-radius: 10px;
          }
          .tk-item img{
            height: 54px;
            max-width: 200px;
          }
        }

        /* =========================================================
           SDM Compliance page (OpenCart / UniShop) — Corporate B2B UI
           Requires HTML wrapper: <section class="sdm-compliance">...
           ========================================================= */

        /* Base */
        .sdm-compliance{
          --sdm-compliance-bg: var(--main-bg, transparent);
          --sdm-compliance-card-bg:#fff;
          --sdm-compliance-soft:#f7f7f7;
          --sdm-compliance-border: rgba(0,0,0,.08);
          --sdm-compliance-border2: rgba(0,0,0,.06);
          --sdm-compliance-shadow: 0 10px 30px rgba(0,0,0,.08);
          --sdm-compliance-shadow2: 0 6px 18px rgba(0,0,0,.06);
          --sdm-compliance-title: var(--h1-c, #0a2540);
          --sdm-compliance-text: var(--body-c, #222);
          --sdm-compliance-muted: rgba(0,0,0,.62);
          --sdm-compliance-accent: var(--a-c, #0064b4);
          --sdm-compliance-radius: var(--border-radius-1, 8px);
          --sdm-compliance-radius-lg: calc(var(--border-radius-1, 8px) + 6px);
          color: var(--sdm-compliance-text);
        }

        .sdm-compliance *{box-sizing:border-box}
        .sdm-compliance a{color:var(--sdm-compliance-accent)}
        .sdm-compliance p{margin:0 0 12px;line-height:1.75}
        .sdm-compliance ul{margin:0}
        .sdm-compliance__container{max-width:1200px;margin:0 auto;padding:0 10px}

        /* Hero */
        .sdm-compliance__hero{
          position:relative;
          overflow:hidden;
          margin:0 0 22px;
          border-radius: var(--sdm-compliance-radius-lg);
          background:
            radial-gradient(900px 260px at 20% 10%, rgba(0,100,180,.10), transparent 60%),
            radial-gradient(700px 240px at 85% 20%, rgba(0,0,0,.10), transparent 65%),
            linear-gradient(135deg, rgba(10,37,64,.92), rgba(10,37,64,.78));
          color:#fff;
        }

        .sdm-compliance__hero:before{
          content:"";
          position:absolute;inset:0;
          background:
            linear-gradient(0deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
            repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 14px);
          opacity:.25;
          pointer-events:none;
        }

        .sdm-compliance__hero-inner{
          position:relative;
          display:flex;
          gap:18px;
          padding:28px 24px;
          align-items:stretch;
        }

        .sdm-compliance__badge{
          display:inline-flex;
          align-items:center;
          height:26px;
          padding:0 10px;
          font-size:.78em;
          font-weight:700;
          letter-spacing:.04em;
          text-transform:uppercase;
          border-radius:999px;
          background:rgba(255,255,255,.12);
          border:1px solid rgba(255,255,255,.14);
          margin:0 0 10px;
        }

        .sdm-compliance__title{
          margin:0 0 10px;
          font-size:1.85em;
          line-height:1.18;
          color:#fff;
        }

        .sdm-compliance__lead{
          margin:0 0 18px;
          max-width:780px;
          color:rgba(255,255,255,.88);
        }

        .sdm-compliance__hero-left{flex:1 1 auto;min-width:0}
        .sdm-compliance__hero-right{flex:0 0 340px;display:flex}

        .sdm-compliance__meta{
          display:grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap:12px;
          margin-top:6px;
        }

        .sdm-compliance__meta-item{
          padding:12px 12px 11px;
          border-radius: var(--sdm-compliance-radius);
          background: rgba(255,255,255,.10);
          border: 1px solid rgba(255,255,255,.14);
        }

        .sdm-compliance__meta-k{
          font-size:.78em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.70);
          margin:0 0 4px;
        }

        .sdm-compliance__meta-v{
          font-weight:600;
          line-height:1.25;
          color:#fff;
        }

        .sdm-compliance__hero-card{
          width:100%;
          margin-left:auto;
          padding:16px 16px 14px;
          border-radius: var(--sdm-compliance-radius);
          background: rgba(255,255,255,.08);
          border: 1px solid rgba(255,255,255,.14);
          box-shadow: 0 10px 30px rgba(0,0,0,.18);
          align-self:flex-start;
        }

        .sdm-compliance__hero-card-title{
          font-size:.78em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.72);
          margin:0 0 8px;
        }

        .sdm-compliance__hero-card-text{
          font-weight:600;
          line-height:1.45;
          color:#fff;
        }

        /* Intro */
        .sdm-compliance__intro{
          background: var(--sdm-compliance-card-bg);
          border:1px solid var(--sdm-compliance-border);
          border-radius: var(--sdm-compliance-radius-lg);
          padding:18px 18px 16px;
          margin:0 0 18px;
          box-shadow: var(--sdm-compliance-shadow2);
        }

        /* Sections */
        .sdm-compliance__section{margin:0 0 22px}
        .sdm-compliance__h2{
          margin:0 0 12px;
          font-size:1.35em;
          font-weight:800;
          color: var(--sdm-compliance-title);
        }
        .sdm-compliance__h3{
          margin:0;
          font-size:1.05em;
          font-weight:800;
          color: var(--sdm-compliance-title);
        }

        /* Cards grid */
        .sdm-compliance__grid{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:14px;
        }

        .sdm-compliance__card{
          background: var(--sdm-compliance-card-bg);
          border:1px solid var(--sdm-compliance-border2);
          border-radius: var(--sdm-compliance-radius-lg);
          padding:16px 16px 14px;
          box-shadow: var(--sdm-compliance-shadow2);
          transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
        }

        .sdm-compliance__card:hover{
          transform: translateY(-2px);
          box-shadow: var(--sdm-compliance-shadow);
          border-color: rgba(0,0,0,.10);
        }

        .sdm-compliance__card-top{
          display:flex;
          gap:10px;
          align-items:flex-start;
          margin:0 0 10px;
        }

        /* Simple corporate icon placeholder (can be replaced with SVG/bg-image) */
        .sdm-compliance__icon{
          flex:0 0 4px;
          width:4px;
          height:32px;
          border-radius:2px;
          background: var(--sdm-compliance-accent, var(--a-c, #0064b4));
          opacity:.9;
        }

        .sdm-compliance__list{
          list-style:none;
          padding:0;
          margin:0;
        }

        .sdm-compliance__list li{
          position:relative;
          padding:0 0 0 16px;
          margin:0 0 8px;
          color: rgba(0,0,0,.78);
          line-height:1.6;
        }

        .sdm-compliance__list li:last-child{margin-bottom:0}

        .sdm-compliance__list li:before{
          content:"";
          position:absolute;
          left:0; top:.70em;
          width:6px; height:6px;
          transform:translateY(-50%);
          border-radius:2px;
          background: var(--sdm-compliance-accent);
          opacity:.75;
        }

        /* Process */
        .sdm-compliance__process{
          display:flex;
          flex-wrap:wrap;
          gap:10px;
          align-items:center;
          background: var(--sdm-compliance-soft);
          border:1px solid var(--sdm-compliance-border2);
          border-radius: var(--sdm-compliance-radius-lg);
          padding:14px;
        }

        .sdm-compliance__step{
          display:flex;
          align-items:center;
          gap:10px;
          padding:10px 12px;
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          border-radius: var(--sdm-compliance-radius);
          box-shadow: 0 4px 14px rgba(0,0,0,.05);
        }

        .sdm-compliance__step-n{
          display:flex;
          align-items:center;
          justify-content:center;
          width:34px;
          height:34px;
          border-radius:10px;
          font-weight:900;
          color: var(--sdm-compliance-title);
          background: rgba(0,100,180,.10);
          border:1px solid rgba(0,100,180,.15);
        }

        .sdm-compliance__step-t{
          font-weight:700;
          color: rgba(0,0,0,.78);
          line-height:1.2;
        }

        .sdm-compliance__arrow{
          opacity:.45;
          font-weight:900;
          padding:0 2px;
        }

        /* Benefits */
        .sdm-compliance__benefits{
          border-radius: var(--sdm-compliance-radius-lg);
          border:1px solid rgba(0,100,180,.18);
          background:
            radial-gradient(700px 250px at 15% 20%, rgba(0,100,180,.12), transparent 60%),
            linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.00));
          padding:16px;
        }

        .sdm-compliance__benefits-grid{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:10px;
          margin-top:10px;
        }

        .sdm-compliance__benefit{
          padding:12px 12px;
          border-radius: var(--sdm-compliance-radius);
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          font-weight:700;
          color: rgba(0,0,0,.78);
        }

        /* Accordion */
        .sdm-compliance__acc{
          background:#fff;
          border:1px solid rgba(0,0,0,.08);
          border-radius: var(--sdm-compliance-radius-lg);
          padding:0;
          overflow:hidden;
          box-shadow: 0 6px 18px rgba(0,0,0,.05);
          margin:0 0 10px;
        }

        .sdm-compliance__acc summary{
          list-style:none;
          cursor:pointer;
          padding:14px 44px 14px 14px;
          font-weight:800;
          color: var(--sdm-compliance-title);
          position:relative;
          background: linear-gradient(180deg, rgba(0,0,0,.02), transparent);
        }

        .sdm-compliance__acc summary::-webkit-details-marker{display:none}

        .sdm-compliance__acc summary:after{
          content:"+";
          position:absolute;
          right:14px; top:50%;
          transform:translateY(-50%);
          width:28px;height:28px;
          display:flex;
          align-items:center;
          justify-content:center;
          border-radius:10px;
          background: rgba(0,0,0,.04);
          border:1px solid rgba(0,0,0,.06);
          font-weight:900;
          color: rgba(0,0,0,.65);
        }

        .sdm-compliance__acc[open] summary:after{content:"—"}

        .sdm-compliance__acc-body{
          padding:0 14px 14px;
          color: rgba(0,0,0,.78);
        }

        .sdm-compliance__acc-body p:last-child{margin-bottom:0}

        /* Final */
        .sdm-compliance__final{
          border-radius: var(--sdm-compliance-radius-lg);
          padding:18px 18px 16px;
          background: linear-gradient(135deg, rgba(10,37,64,.96), rgba(10,37,64,.82));
          color:#fff;
          box-shadow: 0 16px 40px rgba(0,0,0,.18);
          position:relative;
          overflow:hidden;
        }

        .sdm-compliance__final:before{
          content:"";
          position:absolute;inset:-1px;
          background:
            radial-gradient(600px 220px at 15% 30%, rgba(0,100,180,.18), transparent 60%),
            repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 16px);
          opacity:.25;
          pointer-events:none;
        }

        .sdm-compliance__final .sdm-compliance__h2{color:#fff}
        .sdm-compliance__final p{color:rgba(255,255,255,.88)}

        /* Responsive */
        @media (max-width: 991px){
          .sdm-compliance__hero-inner{flex-direction:column;padding:22px 18px}
          .sdm-compliance__hero-right{flex:1 1 auto}
          .sdm-compliance__meta{grid-template-columns:1fr}
          .sdm-compliance__grid{grid-template-columns:1fr}
          .sdm-compliance__benefits-grid{grid-template-columns:1fr}
          .sdm-compliance__process{gap:8px}
          .sdm-compliance__arrow{display:none}
        }

        @media (max-width: 575px){
          .sdm-compliance__title{font-size:1.45em}
          .sdm-compliance__hero-inner{padding:18px 14px}
          .sdm-compliance__intro{padding:14px}
          .sdm-compliance__card{padding:14px}
          .sdm-compliance__step{width:100%}
        }

        /* =========================================================
           SDM About page (OpenCart / UniShop) — Corporate B2B UI
           Requires HTML wrapper: <section class="sdm-about">...
           ========================================================= */

        .sdm-about{
          --sdm-about-card-bg:#fff;
          --sdm-about-soft:#f7f7f7;
          --sdm-about-border: rgba(0,0,0,.08);
          --sdm-about-border2: rgba(0,0,0,.06);
          --sdm-about-shadow: 0 10px 30px rgba(0,0,0,.08);
          --sdm-about-shadow2: 0 6px 18px rgba(0,0,0,.06);
          --sdm-about-title: var(--h1-c, #0a2540);
          --sdm-about-text: var(--body-c, #222);
          --sdm-about-muted: rgba(0,0,0,.62);
          --sdm-about-accent: var(--a-c, #0064b4);
          --sdm-about-radius: var(--border-radius-1, 8px);
          --sdm-about-radius-lg: calc(var(--border-radius-1, 8px) + 6px);
          color: var(--sdm-about-text);
        }

        .sdm-about *{box-sizing:border-box}
        .sdm-about p{margin:0 0 12px;line-height:1.75}
        .sdm-about ul{margin:0}

        /* Container */
        .sdm-about__container{max-width:1200px;margin:0 auto;padding:0 10px}

        /* Hero */
        .sdm-about__hero{
          position:relative;
          overflow:hidden;
          margin:0 0 22px;
          border-radius: var(--sdm-about-radius-lg);
          background:
            radial-gradient(900px 260px at 20% 10%, rgba(0,100,180,.10), transparent 60%),
            radial-gradient(700px 240px at 85% 20%, rgba(0,0,0,.10), transparent 65%),
            linear-gradient(135deg, rgba(10,37,64,.94), rgba(10,37,64,.80));
          color:#fff;
        }

        .sdm-about__hero:before{
          content:"";
          position:absolute;inset:0;
          background:
            linear-gradient(0deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
            repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 14px);
          opacity:.25;
          pointer-events:none;
        }

        .sdm-about__hero-inner{
          position:relative;
          display:flex;
          gap:18px;
          padding:28px 24px;
          align-items:stretch;
        }

        .sdm-about__badge{
          display:inline-flex;
          align-items:center;
          height:26px;
          padding:0 10px;
          font-size:.78em;
          font-weight:700;
          letter-spacing:.04em;
          text-transform:uppercase;
          border-radius:999px;
          background:rgba(255,255,255,.12);
          border:1px solid rgba(255,255,255,.14);
          margin:0 0 10px;
        }

        .sdm-about__title{
          margin:0 0 10px;
          font-size:1.9em;
          line-height:1.18;
          color:#fff;
        }

        .sdm-about__lead{
          margin:0 0 18px;
          max-width:820px;
          color:rgba(255,255,255,.88);
        }

        .sdm-about__hero-left{flex:1 1 auto;min-width:0}
        .sdm-about__hero-right{flex:0 0 360px;display:flex}

        .sdm-about__facts{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:10px;
          margin-top:4px;
        }

        .sdm-about__fact{
          padding:12px 12px 11px;
          border-radius: var(--sdm-about-radius);
          background: rgba(255,255,255,.10);
          border: 1px solid rgba(255,255,255,.14);
        }

        .sdm-about__fact-k{
          font-size:.78em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.70);
          margin:0 0 4px;
        }

        .sdm-about__fact-v{
          font-weight:800;
          line-height:1.25;
          color:#fff;
        }

        .sdm-about__hero-card{
          width:100%;
          margin-left:auto;
          padding:16px 16px 14px;
          border-radius: var(--sdm-about-radius);
          background: rgba(255,255,255,.08);
          border: 1px solid rgba(255,255,255,.14);
          box-shadow: 0 10px 30px rgba(0,0,0,.18);
          align-self:flex-start;
        }

        .sdm-about__hero-card-title{
          font-size:.78em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.72);
          margin:0 0 8px;
        }

        .sdm-about__hero-card-text{
          font-weight:650;
          line-height:1.45;
          color:#fff;
        }

        /* Section headings */
        .sdm-about__section{margin:0 0 22px}
        .sdm-about__h2{
          margin:0 0 12px;
          font-size:1.35em;
          font-weight:900;
          color: var(--sdm-about-title);
        }
        .sdm-about__h3{
          margin:0;
          font-size:1.05em;
          font-weight:900;
          color: var(--sdm-about-title);
        }

        /* Intro card */
        .sdm-about__intro{
          background: var(--sdm-about-card-bg);
          border:1px solid var(--sdm-about-border);
          border-radius: var(--sdm-about-radius-lg);
          padding:18px 18px 16px;
          margin:0 0 18px;
          box-shadow: var(--sdm-about-shadow2);
        }

        /* Pillars (SDM — это) */
        .sdm-about__pillars{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:14px;
        }

        .sdm-about__pillar{
          background: var(--sdm-about-card-bg);
          border:1px solid var(--sdm-about-border2);
          border-radius: var(--sdm-about-radius-lg);
          padding:16px 16px 14px;
          box-shadow: var(--sdm-about-shadow2);
          transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
        }

        .sdm-about__pillar:hover{
          transform: translateY(-2px);
          box-shadow: var(--sdm-about-shadow);
          border-color: rgba(0,0,0,.10);
        }

        .sdm-about__pillar-top{
          display:flex;
          gap:10px;
          align-items:flex-start;
          margin:0 0 10px;
        }

        .sdm-about__icon{
          flex:0 0 4px;
          width:4px;
          height:32px;
          border-radius:2px;
          background: var(--sdm-about-accent, var(--a-c, #0064b4));
          opacity:.9;
        }

        .sdm-about__list{
          list-style:none;
          padding:0;
          margin:0;
        }

        .sdm-about__list li{
          position:relative;
          padding:0 0 0 16px;
          margin:0 0 8px;
          color: rgba(0,0,0,.78);
          line-height:1.6;
        }

        .sdm-about__list li:last-child{margin-bottom:0}

        .sdm-about__list li:before{
          content:"";
          position:absolute;
          left:0; top:.70em;
          width:6px; height:6px;
          transform:translateY(-50%);
          border-radius:2px;
          background: var(--sdm-about-accent);
          opacity:.75;
        }

        /* Timeline */
        .sdm-about__timeline{
          background: var(--sdm-about-soft);
          border:1px solid var(--sdm-about-border2);
          border-radius: var(--sdm-about-radius-lg);
          padding:14px;
          display:grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap:10px;
        }

        .sdm-about__milestone{
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          border-radius: var(--sdm-about-radius);
          padding:12px 12px;
          box-shadow: 0 4px 14px rgba(0,0,0,.05);
        }

        .sdm-about__milestone-y{
          font-weight:950;
          color: var(--sdm-about-title);
          font-size:1.05em;
          margin:0 0 6px;
        }

        .sdm-about__milestone-t{
          color: rgba(0,0,0,.78);
          line-height:1.5;
          margin:0;
        }

        /* Capabilities / profile blocks */
        .sdm-about__blocks{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:14px;
        }

        .sdm-about__block{
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          border-radius: var(--sdm-about-radius-lg);
          padding:16px 16px 14px;
          box-shadow: var(--sdm-about-shadow2);
        }

        .sdm-about__block p:last-child{margin-bottom:0}

        /* Status list (текущий статус) */
        .sdm-about__status{
          border-radius: var(--sdm-about-radius-lg);
          border:1px solid rgba(0,100,180,.18);
          background:
            radial-gradient(700px 250px at 15% 20%, rgba(0,100,180,.12), transparent 60%),
            linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.00));
          padding:16px;
        }

        .sdm-about__status-grid{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:10px;
          margin-top:10px;
        }

        .sdm-about__status-item{
          padding:12px 12px;
          border-radius: var(--sdm-about-radius);
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          font-weight:750;
          color: rgba(0,0,0,.78);
        }

        /* Final */
        .sdm-about__final{
          border-radius: var(--sdm-about-radius-lg);
          padding:18px 18px 16px;
          background: linear-gradient(135deg, rgba(10,37,64,.96), rgba(10,37,64,.82));
          color:#fff;
          box-shadow: 0 16px 40px rgba(0,0,0,.18);
          position:relative;
          overflow:hidden;
        }

        .sdm-about__final:before{
          content:"";
          position:absolute;inset:-1px;
          background:
            radial-gradient(600px 220px at 15% 30%, rgba(0,100,180,.18), transparent 60%),
            repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 16px);
          opacity:.25;
          pointer-events:none;
        }

        .sdm-about__final .sdm-about__h2{color:#fff}
        .sdm-about__final p{color:rgba(255,255,255,.88)}

        /* Responsive */
        @media (max-width: 991px){
          .sdm-about__hero-inner{flex-direction:column;padding:22px 18px}
          .sdm-about__hero-right{flex:1 1 auto}
          .sdm-about__facts{grid-template-columns:1fr}
          .sdm-about__pillars{grid-template-columns:1fr}
          .sdm-about__blocks{grid-template-columns:1fr}
          .sdm-about__timeline{grid-template-columns:1fr}
          .sdm-about__status-grid{grid-template-columns:1fr}
        }

        @media (max-width: 575px){
          .sdm-about__title{font-size:1.45em}
          .sdm-about__hero-inner{padding:18px 14px}
          .sdm-about__intro{padding:14px}
          .sdm-about__pillar{padding:14px}
          .sdm-about__block{padding:14px}
        }

        /* =========================================================
           SDM B2B polish (About + Compliance)
           1) Stricter hover (no card "jump")
           2) More corporate lists (spacing + separators)
           3) Premium marker (strip + soft channel)
           ========================================================= */

        /* 1) Strict hover: remove translateY "jump" */
        .sdm-about__pillar,
        .sdm-compliance__card{
          transition: box-shadow .14s ease, border-color .14s ease, background-color .14s ease !important;
        }

        .sdm-about__pillar:hover,
        .sdm-compliance__card:hover{
          transform:none !important;
          box-shadow: var(--sdm-about-shadow, 0 10px 30px rgba(0,0,0,.08)) !important;
          border-color: rgba(0,0,0,.12) !important;
        }

        /* Keep compliance shadow variable consistent */
        .sdm-compliance__card:hover{
          box-shadow: var(--sdm-compliance-shadow, 0 10px 30px rgba(0,0,0,.08)) !important;
        }

        /* 2) Corporate lists: clearer rhythm + subtle separators */
        .sdm-about__list li,
        .sdm-compliance__list li{
          padding: 0 0 10px 18px !important;
          margin: 0 0 10px !important;
          border-bottom: 1px solid rgba(0,0,0,.06);
        }

        .sdm-about__list li:last-child,
        .sdm-compliance__list li:last-child{
          margin-bottom: 0 !important;
          padding-bottom: 0 !important;
          border-bottom: none;
        }

        /* Replace square dot with clean dash */
        .sdm-about__list li:before,
        .sdm-compliance__list li:before{
          width: 10px !important;
          height: 2px !important;
          border-radius: 2px !important;
          top: .95em !important;
          opacity: .85 !important;
        }

        /* 3) Premium marker: strip + soft channel */
        .sdm-about__icon,
        .sdm-compliance__icon{
          height: 32px !important;
          border-radius: 2px !important;
          box-shadow: 0 0 0 7px rgba(0,100,180,.08);
        }

        /* Slightly tighten top rows so marker feels "anchored" */
        .sdm-about__pillar-top,
        .sdm-compliance__card-top{
          align-items: flex-start !important;
          gap: 12px !important;
        }

        /* =========================================================
           SDM Anchors (sticky in-article navigation) + typography width
           Use inside article content:
           <nav class="sdm-anchors"> <a href="#...">...</a> ... </nav>
           Works for both .sdm-about and .sdm-compliance pages.
           ========================================================= */

        .sdm-about,
        .sdm-compliance{
          scroll-behavior:smooth;
        }

        /* constrain long-line readability */
        .sdm-about .sdm-about__container,
        .sdm-compliance .sdm-compliance__container{
          max-width: 1200px;
        }

        .sdm-about .sdm-about__intro,
        .sdm-about .sdm-about__block,
        .sdm-about .sdm-about__final,
        .sdm-about .sdm-about__hero-inner,
        .sdm-compliance .sdm-compliance__intro,
        .sdm-compliance .sdm-compliance__final,
        .sdm-compliance .sdm-compliance__hero-inner{
          /* keep full layout width, but limit text measure inside where needed */
        }

        .sdm-about .sdm-about__block,
        .sdm-about .sdm-about__intro,
        .sdm-compliance .sdm-compliance__intro,
        .sdm-compliance .sdm-compliance__acc-body{
          max-width: 920ch; /* readable line length */
        }

        /* Anchors */
        .sdm-anchors{
          position: sticky;
          top: 10px;
          z-index: 10;
          display:flex;
          align-items:center;
          gap:10px;
          overflow:auto;
          padding:10px 10px;
          margin: 0 0 14px;
          background: rgba(255,255,255,.92);
          backdrop-filter: blur(6px);
          -webkit-backdrop-filter: blur(6px);
          border: 1px solid rgba(0,0,0,.08);
          border-radius: var(--border-radius-1, 8px);
          box-shadow: 0 6px 18px rgba(0,0,0,.06);
          scrollbar-width: thin;
        }

        .sdm-anchors::-webkit-scrollbar{height:6px;background:rgba(0,0,0,.05);border-radius:6px}
        .sdm-anchors::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:6px}

        .sdm-anchors a{
          position:relative;
          display:inline-flex;
          align-items:center;
          height:34px;
          padding:0 12px;
          white-space:nowrap;
          font-size:.95em;
          font-weight:700;
          color: rgba(0,0,0,.72);
          background: rgba(0,0,0,.03);
          border: 1px solid rgba(0,0,0,.06);
          border-radius: var(--border-radius-1, 8px);
          transition: background .12s ease, border-color .12s ease, color .12s ease;
        }

        .sdm-anchors a:hover{
          background: rgba(0,0,0,.06);
          border-color: rgba(0,0,0,.10);
          color: rgba(0,0,0,.82);
        }

        /* Active state helper (optional): add class="is-active" manually or via JS later */
        .sdm-anchors a.is-active{
          background: rgba(0,100,180,.10);
          border-color: rgba(0,100,180,.20);
          color: rgba(10,37,64,.92);
        }

        /* Anchor offset so headings don't hide under sticky menu */
        .sdm-about [id],
        .sdm-compliance [id]{
          scroll-margin-top: 72px;
        }

        @media (max-width: 767px){
          .sdm-anchors{top: 6px;padding:8px}
          .sdm-anchors a{height:32px;font-size:.92em}
          .sdm-about .sdm-about__block,
          .sdm-about .sdm-about__intro,
          .sdm-compliance .sdm-compliance__intro,
          .sdm-compliance .sdm-compliance__acc-body{
            max-width: 100%;
          }
        }


        /* =========================================================
           SDM B2B refinement pass (layout rhythm + premium marker + calm typography)
           Applies to .sdm-about and .sdm-compliance blocks inside Articles.
           ========================================================= */

        /* 1) More vertical rhythm between sections */
        .sdm-about .sdm-about__section,
        .sdm-compliance .sdm-compliance__section{
          margin-top: 32px !important;
        }
        .sdm-about .sdm-about__section:first-of-type,
        .sdm-compliance .sdm-compliance__section:first-of-type{
          margin-top: 24px !important;
        }

        /* 2) Headings inside cards: slightly stronger hierarchy */
        .sdm-about .sdm-about__h3,
        .sdm-compliance .sdm-compliance__h3{
          font-weight: 800 !important;
          letter-spacing: .1px;
        }
        .sdm-about .sdm-about__h2,
        .sdm-compliance .sdm-compliance__h2{
          letter-spacing: .2px;
        }

        /* 3) Lists: calmer contrast + cleaner density */
        .sdm-about .sdm-about__list li,
        .sdm-compliance .sdm-compliance__list li{
          color: rgba(0,0,0,.74) !important;
          line-height: 1.55 !important;
        }
        .sdm-about .sdm-about__list li:before,
        .sdm-compliance .sdm-compliance__list li:before{
          opacity: .75 !important;
        }

        /* 4) Premium marker: thinner, higher, less "glow" */
        .sdm-about .sdm-about__icon,
        .sdm-compliance .sdm-compliance__icon{
          flex: 0 0 3px !important;
          width: 3px !important;
          height: 30px !important;
          margin-top: 2px !important;
          box-shadow: 0 0 0 5px rgba(0,100,180,.06) !important;
          opacity: .92 !important;
        }

        /* Slightly more breathable cards (status feel) */
        .sdm-about .sdm-about__pillar,
        .sdm-compliance .sdm-compliance__card{
          padding: 18px 18px 16px !important;
        }
        @media (max-width: 767px){
          .sdm-about .sdm-about__pillar,
          .sdm-compliance .sdm-compliance__card{
            padding: 16px 14px 14px !important;
          }
        }

        /* Text measure: keep paragraphs comfortable on large screens */
        @media (min-width: 992px){
          .sdm-about .sdm-about__block p,
          .sdm-about .sdm-about__intro p,
          .sdm-about .sdm-about__final p,
          .sdm-compliance .sdm-compliance__intro p,
          .sdm-compliance .sdm-compliance__final p,
          .sdm-compliance .sdm-compliance__acc-body p{
            max-width: 92ch;
          }
        }


        /* =========================================================
           SDM About — HERO card tabs ("Позиционирование" / "Реквизиты")
           Добавлено: стили для вкладок и блока реквизитов в .sdm-about__hero-card
           ========================================================= */

        /* Tabs bar */
        .sdm-about__hero-card-tabs{
          display:flex;
          gap:8px;
          flex-wrap:wrap;
          margin:0 0 12px;
        }

        /* Tab buttons (support both <button> and <a>) */
        .sdm-about__hero-card-tabs .sdm-about__hero-tab,
        .sdm-about__hero-card-tabs button,
        .sdm-about__hero-card-tabs a{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          height:30px;
          padding:0 10px;
          border-radius:999px;
          font-size:.72em;
          font-weight:900;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.78) !important;
          background:rgba(255,255,255,.08);
          border:1px solid rgba(255,255,255,.14);
          box-shadow:none;
          cursor:pointer;
          user-select:none;
          transition:background .14s ease, border-color .14s ease, color .14s ease;
        }

        .sdm-about__hero-card-tabs .sdm-about__hero-tab:hover,
        .sdm-about__hero-card-tabs button:hover,
        .sdm-about__hero-card-tabs a:hover{
          background:rgba(255,255,255,.12);
          border-color:rgba(255,255,255,.20);
          color:rgba(255,255,255,.90) !important;
          text-decoration:none;
        }

        /* Active states (support .active, .is-active, aria-selected) */
        .sdm-about__hero-card-tabs .sdm-about__hero-tab.active,
        .sdm-about__hero-card-tabs .sdm-about__hero-tab.is-active,
        .sdm-about__hero-card-tabs button.active,
        .sdm-about__hero-card-tabs button.is-active,
        .sdm-about__hero-card-tabs a.active,
        .sdm-about__hero-card-tabs a.is-active,
        .sdm-about__hero-card-tabs [aria-selected="true"]{
          background:rgba(255,255,255,.18);
          border-color:rgba(255,255,255,.28);
          color:#fff !important;
        }

        /* Panels (optional переключение через классы) */
        .sdm-about__hero-panel,
        .sdm-about__hero-card-panel{
          display:none;
        }
        .sdm-about__hero-panel.active,
        .sdm-about__hero-panel.is-active,
        .sdm-about__hero-card-panel.active,
        .sdm-about__hero-card-panel.is-active{
          display:block;
        }

        /* Requisites block (if wrapped) */
        .sdm-about__hero-card .sdm-about__req,
        .sdm-about__hero-card .sdm-about__requisites{
          font-size:.92em;
          line-height:1.45;
          font-weight:650;
          color:#fff;
        }

        .sdm-about__hero-card .sdm-about__req strong,
        .sdm-about__hero-card .sdm-about__requisites strong{
          font-weight:900;
        }

        .sdm-about__hero-card .sdm-about__req-item,
        .sdm-about__hero-card .sdm-about__requisites-item{
          margin:0 0 8px;
        }

        /* Make long lines readable */
        .sdm-about__hero-card .sdm-about__req,
        .sdm-about__hero-card .sdm-about__requisites{
          max-width: 42ch;
        }

        @media (max-width: 575px){
          .sdm-about__hero-card-tabs{gap:6px}
          .sdm-about__hero-card-tabs .sdm-about__hero-tab,
          .sdm-about__hero-card-tabs button,
          .sdm-about__hero-card-tabs a{
            height:28px;
            font-size:.70em;
            padding:0 9px;
          }
          .sdm-about__hero-card .sdm-about__req,
          .sdm-about__hero-card .sdm-about__requisites{
            max-width: 100%;
          }
        }


        /* =========================================================
           SDM About — HERO right card polish (layout + readability)
           Причина: блоки "Позиционирование / Реквизиты" выглядели сжато.
           Это переопределения поверх текущих стилей.
           ========================================================= */

        .sdm-about__hero-right{flex:0 0 420px}
        @media (max-width: 1199px){
          .sdm-about__hero-right{flex:0 0 380px}
        }
        @media (max-width: 991px){
          .sdm-about__hero-right{flex:1 1 auto}
        }

        /* Main card: a bit cleaner */
        .sdm-about__hero-card{
          padding:14px 14px 12px;
          background: rgba(255,255,255,.07);
          border: 1px solid rgba(255,255,255,.12);
          box-shadow: 0 12px 34px rgba(0,0,0,.22);
        }

        /* If markup uses a columns wrapper, make it a proper 2-col grid */
        .sdm-about__hero-card-cols{
          display:grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:10px;
        }

        /* Generic column block name candidates (won't harm if absent) */
        .sdm-about__hero-card-col,
        .sdm-about__hero-card-block{
          padding:12px 12px 10px;
          border-radius: 14px;
          background: rgba(0,0,0,.16);
          border: 1px solid rgba(255,255,255,.10);
        }

        /* Titles inside the right card */
        .sdm-about__hero-card-title{
          font-size:.70em;
          margin:0 0 6px;
          color: rgba(255,255,255,.70);
        }

        /* Body text inside the right card */
        .sdm-about__hero-card-text{
          font-weight:650;
          font-size:.92em;
          line-height:1.48;
          color: rgba(255,255,255,.92);
        }

        /* Requisites formatting (if plain text with <strong>) */
        .sdm-about__hero-card .sdm-about__req strong,
        .sdm-about__hero-card .sdm-about__requisites strong{
          font-weight:900;
          color:#fff;
        }
        .sdm-about__hero-card .sdm-about__req-item,
        .sdm-about__hero-card .sdm-about__requisites-item{
          margin:0 0 7px;
          opacity:.96;
        }

        /* Prevent the "two boxes" from being too narrow; allow readable line length */
        .sdm-about__hero-card .sdm-about__req,
        .sdm-about__hero-card .sdm-about__requisites{
          max-width: 100%;
        }

        /* Mobile: stack columns */
        @media (max-width: 575px){
          .sdm-about__hero-card-cols{grid-template-columns:1fr}
          .sdm-about__hero-card-col,
          .sdm-about__hero-card-block{border-radius: 12px}
        }


        /* ===== SDM ABOUT: equal-height hero tiles (Positioning / Requisites) ===== */
        .sdm-about__hero-right{
          display:grid !important;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap:12px;
          align-content:start;
        }

        .sdm-about__hero-card{
          height:100%;
          display:flex;
          flex-direction:column;
        }

        .sdm-about__hero-card-text{
          flex:1 1 auto;
        }

        /* Responsive: stack tiles */
        @media (max-width: 980px){
          .sdm-about__hero-right{
            grid-template-columns: 1fr;
          }
        }
        /* ===== /SDM ABOUT ===== */


        /* =========================================================
           SDM ABOUT: Requisites wrapping + clean line breaks (v4.1)
           Targeted to provided HTML structure (.sdm-about__req-row etc.)
           ========================================================= */

        .sdm-about__hero-card-text,
        .sdm-about__hero-card-text *{
          word-break: normal;
          overflow-wrap: normal;
          hyphens: auto;
        }

        .sdm-about__requisites{
          line-height: 1.35;
        }

        .sdm-about__req-name{
          margin: 0 0 10px;
          font-weight: 700;
          letter-spacing: 0.2px;
        }

        /* Make label + value a 2-column grid so it wraps nicely */
        .sdm-about__req-row{
          display: grid;
          grid-template-columns: max-content 1fr;
          column-gap: 8px;
          row-gap: 2px;
          align-items: baseline;
          margin: 0 0 6px;
        }

        .sdm-about__req-row > span{
          white-space: nowrap;       /* keep “ИНН:” together */
          opacity: .9;
          font-weight: 600;
        }

        /* Value part is the anonymous grid item (text node) */
        .sdm-about__req-row{
          white-space: normal;
        }

        /* Address: allow wrapping, keep label at top */
        .sdm-about__req-row--addr{
          align-items: start;
          margin-top: 8px;
        }

        .sdm-about__req-row--addr{
          overflow-wrap: break-word; /* if a very long token appears */
        }

        /* Optional: nicer paragraph rhythm inside the right cards */
        .sdm-about__hero-right .sdm-about__hero-card-text{
          font-size: 13px;
        }

        /* Prevent the right cards from looking “squeezed” */
        @media (min-width: 992px){
          .sdm-about__hero-right{
            min-width: 340px;
          }
        }



        /* =========================
           SDM ABOUT HERO: tiles layout (positioning / requisites / contacts / address)
           Replaces previous stacked cards in .sdm-about__hero-right
           ========================= */
        .sdm-about__hero-right{
          display:block !important;
        }

        .sdm-about__hero-tiles{
          display:grid;
          grid-template-columns:repeat(2, minmax(0, 1fr));
          gap:14px;
          align-content:start;
        }

        .sdm-about__hero-tile{
          background:rgba(255,255,255,.06);
          border:1px solid rgba(255,255,255,.12);
          border-radius:14px;
          padding:14px 14px 12px;
          box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
          min-height:118px;
          display:flex;
          flex-direction:column;
        }

        .sdm-about__hero-tile-title{
          font-size:11px;
          letter-spacing:.06em;
          text-transform:uppercase;
          color:rgba(233,241,255,.75);
          margin:0 0 10px 0;
        }

        .sdm-about__hero-tile-text{
          font-size:13px;
          line-height:1.35;
          color:rgba(233,241,255,.95);
          margin:0;
        }

        .sdm-about__req-name{
          font-weight:700;
          margin:0 0 10px 0;
        }

        .sdm-about__req-row{
          display:grid;
          grid-template-columns:58px 1fr;
          gap:8px;
          margin:0 0 6px 0;
        }

        .sdm-about__req-row > span{
          color:rgba(233,241,255,.68);
          font-weight:600;
        }

        .sdm-about__req-row:last-child{ margin-bottom:0; }

        .sdm-about__hero-link{
          color:rgba(233,241,255,.95);
          text-decoration:none;
        }

        .sdm-about__hero-link:hover{
          text-decoration:underline;
        }

        @media (max-width: 980px){
          .sdm-about__hero-tiles{
            grid-template-columns:1fr;
            gap:10px;
          }
          .sdm-about__hero-tile{ min-height:auto; }
        }


        /* =========================
           SDM ABOUT HERO TILES — hotfix v4.3
           Fixes: tiles collapsing into one huge block / missing second row
           ========================= */

        .sdm-about__hero-right{
          /* do not reserve extra height/space */
          min-height: 0 !important;
          height: auto !important;
          align-self: start;
        }

        .sdm-about__hero-tiles{
          display: grid !important;
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          grid-auto-rows: minmax(0, auto);
          gap: 14px;
          align-content: start;
          align-items: stretch;
        }

        .sdm-about__hero-tile{
          min-height: 0 !important;
          height: auto !important;
        }

        @media (max-width: 980px){
          .sdm-about__hero-tiles{
            grid-template-columns: 1fr !important;
          }
        }

        /* If old card rules still hit something, neutralize */
        .sdm-about__hero-right .sdm-about__hero-card{
          min-height: 0 !important;
          height: auto !important;
        }


        /* =======================================================================
           SDM ABOUT HERO — FINAL OVERRIDES (2 cards only: Positioning + Requisites)
           Эти правила идут в конце файла и "перебивают" прошлые эксперименты.
           ======================================================================= */

        /* Hero layout: left content + right column with 2 cards */
        .sdm-about__hero-inner{
          display:flex;
          gap:24px;
          align-items:stretch;
        }

        .sdm-about__hero-left{
          flex:1 1 auto;
          min-width:0;
        }

        .sdm-about__hero-right{
          flex:0 0 360px;
          max-width:360px;
          display:flex !important;
          flex-direction:column;
          gap:12px;
          align-self:stretch;
        }

        /* Cards: compact, predictable height (by content), no forced equal-heights */
        .sdm-about__hero-right .sdm-about__hero-card{
          height:auto !important;
          min-height:0 !important;
          display:flex;
          flex-direction:column;
          justify-content:flex-start;
        }

        .sdm-about__hero-card-title{
          margin:0 0 8px;
          font-size:12px;
          letter-spacing:.04em;
          text-transform:uppercase;
          opacity:.85;
        }

        .sdm-about__hero-card-text{
          line-height:1.35;
          overflow-wrap:anywhere;
          word-break:normal;
          hyphens:auto;
        }

        /* Requisites formatting */
        .sdm-about__requisites{
          display:block;
        }

        .sdm-about__req-name{
          font-weight:700;
          margin:0 0 10px;
        }

        .sdm-about__req-row{
          display:flex;
          gap:8px;
          align-items:baseline;
          margin:0 0 6px;
        }

        .sdm-about__req-row span{
          opacity:.85;
          white-space:nowrap;
          min-width:46px;
        }

        /* If old "tiles" layout exists anywhere — keep it from affecting hero-right */
        .sdm-about__hero-tiles,
        .sdm-about__hero-tile,
        .sdm-about__hero-card--addr{
          display:none !important;
        }

        /* Responsive */
        @media (max-width: 1100px){
          .sdm-about__hero-right{
            flex-basis:330px;
            max-width:330px;
          }
        }

        @media (max-width: 980px){
          .sdm-about__hero-inner{
            flex-direction:column;
          }
          .sdm-about__hero-right{
            flex:1 1 auto;
            max-width:100%;
          }
        }

        /* ================= SDM ABOUT: HERO RIGHT (Позиционирование сверху, Реквизиты на уровне "Сегмент/Фокус") ================= */

        /* Настройка смещения реквизитов.
           Идея: блок "Позиционирование" остаётся сверху справа,
           блок "Реквизиты" опускаем вниз так, чтобы он визуально совпал по уровню
           с плитками "Сегмент/Фокус" слева. */
        .sdm-about__hero{
          --sdm-about-requisites-offset: 128px; /* при необходимости подстрой 110–160px */
        }

        .sdm-about__hero-right{
          display: flex;
          flex-direction: column;
          gap: 12px;
          margin-top: 0;            /* НЕ двигаем позиционирование */
          align-self: flex-start;   /* держим правую колонку от верха */
        }

        .sdm-about__hero-card{
          width: 100%;
        }

        .sdm-about__hero-card--requisites{
          margin-top: var(--sdm-about-requisites-offset); /* двигаем ТОЛЬКО реквизиты */
        }

        /* аккуратная типографика реквизитов */
        .sdm-about__requisites{
          display: grid;
          gap: 6px;
        }

        .sdm-about__req-name{
          font-weight: 700;
          margin-bottom: 4px;
        }

        .sdm-about__req-row{
          display: flex;
          align-items: baseline;
          gap: 8px;
          line-height: 1.25;
          white-space: normal;
        }

        .sdm-about__req-row > span{
          min-width: 48px;
          opacity: .9;
        }

        /* Адаптив: на узких экранах не делаем большое смещение */
        @media (max-width: 991px){
          .sdm-about__hero{
            --sdm-about-requisites-offset: 12px;
          }
        }

        @media (max-width: 767px){
          .sdm-about__hero-right{
            gap: 10px;
          }
          .sdm-about__hero{
            --sdm-about-requisites-offset: 10px;
          }
        }




        /* =========================================================
           SDM ABOUT HERO: grid rows alignment (POS row1, REQ row2)
           - POS stays aligned with top text
           - REQUISITES aligns with Facts row (Segment/Focus)
           Requires HTML:
             - wrap top left in .sdm-about__hero-head
             - add class .sdm-about__hero-card--pos to Positioning card
           ========================================================= */

        .sdm-about__hero-inner{
          display:grid !important;
          grid-template-columns: minmax(0, 1fr) 360px !important;
          grid-template-rows: auto auto !important;
          column-gap: 18px !important;
          row-gap: 14px !important;
          align-items:start !important;
        }

        .sdm-about__hero-left{ display: contents !important; }
        .sdm-about__hero-head{ grid-column:1 !important; grid-row:1 !important; }
        .sdm-about__facts{ grid-column:1 !important; grid-row:2 !important; }

        /* Place cards directly into hero grid */
        .sdm-about__hero-right{ display: contents !important; }

        /* Positioning card (green) */
        .sdm-about__hero-card--pos{
          grid-column:2 !important;
          grid-row:1 !important;
          align-self:start !important;
          margin-top: 0 !important;
        }

        /* Requisites card (red) */
        .sdm-about__hero-card--requisites{
          grid-column:2 !important;
          grid-row:2 !important;
          align-self:start !important;
          margin-top: 0 !important;
        }

        /* Kill any old manual offsets from previous attempts */
        :root{
          --sdm-about-hero-right-offset: 0px;
          --sdm-about-requisites-offset: 0px;
        }

        @media (max-width: 980px){
          .sdm-about__hero-inner{
            grid-template-columns: 1fr !important;
            grid-template-rows: auto auto auto auto !important;
          }
          .sdm-about__hero-head{ grid-column:1 !important; grid-row:1 !important; }
          .sdm-about__facts{     grid-column:1 !important; grid-row:2 !important; }
          .sdm-about__hero-card--pos{ grid-column:1 !important; grid-row:3 !important; }
          .sdm-about__hero-card--requisites{ grid-column:1 !important; grid-row:4 !important; }
        }



        /* =======================================================================
           SDM ABOUT HERO — CLEAN FIX (robust, no extra HTML wrappers required)
           Date: 2026-02-11 04:36:34
           Why:
           - В файле накопились несколько экспериментальных правил для .sdm-about__hero*
             (display: contents, grid with required wrappers, offsets и т.п.),
             из-за чего правый блок мог "ломаться" или съезжать.
           What:
           - Возвращаем предсказуемый flex-лейаут: слева контент, справа колонка (2 карточки).
           - Работает с текущей разметкой без обязательных .sdm-about__hero-head и т.д.
           ======================================================================= */

        .sdm-about__hero-inner{
          display:flex !important;
          gap:18px !important;
          align-items:flex-start !important;
        }

        .sdm-about__hero-left{
          flex:1 1 auto !important;
          min-width:0 !important;
          display:block !important; /* отменяем display: contents из прошлых правил */
        }

        /* Правая колонка — обычный столбец */
        .sdm-about__hero-right{
          flex:0 0 360px !important;
          max-width:360px !important;
          display:flex !important;   /* отменяем display: contents / grid */
          flex-direction:column !important;
          gap:12px !important;
          align-self:flex-start !important;
          min-height:0 !important;
          height:auto !important;
        }

        /* Карточки справа — без принудительных высот/плиток */
        .sdm-about__hero-right .sdm-about__hero-card{
          width:100% !important;
          height:auto !important;
          min-height:0 !important;
          margin:0 !important;
        }

        /* Если есть спец-класс у реквизитов — небольшой отступ (можно менять) */
        .sdm-about__hero-card--requisites{
          margin-top:12px !important;
        }

        /* Убираем влияние старых "tiles" экспериментов, если классы вдруг есть в DOM */
        .sdm-about__hero-tiles,
        .sdm-about__hero-tile{
          display:none !important;
        }

        /* Адаптив */
        @media (max-width: 1100px){
          .sdm-about__hero-right{
            flex-basis:330px !important;
            max-width:330px !important;
          }
        }

        @media (max-width: 980px){
          .sdm-about__hero-inner{
            flex-direction:column !important;
          }
          .sdm-about__hero-right{
            flex:1 1 auto !important;
            max-width:100% !important;
          }
          .sdm-about__hero-card--requisites{
            margin-top:0 !important;
          }
        }

        /* ==========================================================
           SDM • ZIP-комплекты (CMS Article)
           Fix: colors + compact spacing (no text changes)
           Scope: ONLY inside .sdm-zip
           ========================================================== */

        /* If your CMS wraps article content without .sdm-zip,
           add <section class="sdm-zip"> ... </section> around the text. */

        .sdm-zip{
          /* Palette tuned for light UniShop2 pages */
          --zip-accent: #0b5aa6;
          --zip-accent2: #084b8a;
          --zip-text: #1b2430;
          --zip-muted: #5b6b7a;
          --zip-border: #e6ebf2;
          --zip-bg: #ffffff;
          --zip-soft: #f6f8fb;
          --zip-soft2: #f2f6fb;

          color: var(--zip-text);
          max-width: 100%;
          margin: 0;
          padding: 8px 0 28px; /* compact */
        }

        /* Typography */
        .sdm-zip h1,
        .sdm-zip__title{
          margin: 0 0 10px;
          font-size: clamp(22px, 2.2vw, 34px);
          line-height: 1.15;
          letter-spacing: -0.02em;
          color: var(--zip-text);
        }
        .sdm-zip h2,
        .sdm-zip__h2{
          margin: 22px 0 10px;
          font-size: clamp(18px, 1.7vw, 24px);
          line-height: 1.25;
          color: var(--zip-text);
          letter-spacing: -0.01em;
        }
        .sdm-zip h3,
        .sdm-zip__h3{
          margin: 0 0 10px;
          font-size: 16px;
          line-height: 1.25;
          color: var(--zip-text);
        }
        .sdm-zip p,
        .sdm-zip__text,
        .sdm-zip__lead{
          margin: 0 0 10px;
          font-size: 14px;
          line-height: 1.65;
          color: var(--zip-muted);
        }
        .sdm-zip__muted{ color: var(--zip-muted); }

        /* HERO — make it readable + compact */
        .sdm-zip__hero{
          padding: 14px 14px;
          border: 1px solid var(--zip-border);
          border-radius: 14px;
          background:
            linear-gradient(180deg, rgba(11,90,166,.06), rgba(11,90,166,.02));
          box-shadow: 0 8px 22px rgba(16,24,40,.06);
        }

        .sdm-zip__badge{
          display:inline-flex;
          align-items:center;
          padding: 5px 10px;
          border-radius: 999px;
          border: 1px solid rgba(11,90,166,.22);
          background: rgba(11,90,166,.06);
          color: var(--zip-accent2);
          font-size: 11px;
          letter-spacing: .06em;
          text-transform: uppercase;
          margin-bottom: 10px;
        }

        .sdm-zip__subtitle{
          margin: 0 0 10px;
          color: var(--zip-muted);
          font-size: 14px;
          line-height: 1.55;
        }

        .sdm-zip__chips,
        .sdm-zip__bullets{
          display:flex;
          flex-wrap: wrap;
          gap: 8px;
          margin-top: 10px;
        }
        .sdm-zip__chip,
        .sdm-zip__bullet{
          padding: 8px 10px;
          border-radius: 999px;
          border: 1px solid var(--zip-border);
          background: #fff;
          color: var(--zip-text);
          font-size: 13px;
          line-height: 1;
        }
        .sdm-zip__chip{
          border-color: rgba(11,90,166,.18);
          background: rgba(11,90,166,.04);
          color: var(--zip-accent2);
        }

        /* Intro block */
        .sdm-zip__block,
        .sdm-zip__intro{
          margin-top: 12px;
          padding: 12px 14px;
          border: 1px solid var(--zip-border);
          border-radius: 14px;
          background: var(--zip-soft);
        }
        .sdm-zip__block p{ margin: 0; }

        /* Steps — reduce height, make “compact cards” */
        .sdm-zip__steps{
          margin: 12px 0 0;
          padding: 0;
          list-style: none;
          display: grid;
          grid-template-columns: repeat(2, minmax(0,1fr));
          gap: 8px;
        }
        .sdm-zip__step,
        .sdm-zip__steps > li{
          display:flex;
          align-items: flex-start;
          gap: 10px;
          padding: 10px 12px;
          border: 1px solid var(--zip-border);
          border-radius: 12px;
          background: #fff;
          color: var(--zip-text);
          line-height: 1.45;
          font-size: 13px;
        }
        .sdm-zip__step-n,
        .sdm-zip__steps > li .sdm-zip__step-n{
          flex: 0 0 auto;
          width: 26px;
          height: 26px;
          border-radius: 10px;
          display:inline-flex;
          align-items:center;
          justify-content:center;
          border: 1px solid rgba(11,90,166,.22);
          background: rgba(11,90,166,.06);
          color: var(--zip-accent2);
          font-weight: 800;
          font-size: 12px;
        }
        .sdm-zip__step-t{ color: var(--zip-text); }

        /* Notes / callouts */
        .sdm-zip__note{
          margin-top: 10px;
          padding: 10px 12px;
          border: 1px solid rgba(11,90,166,.18);
          border-left: 3px solid rgba(11,90,166,.55);
          background: rgba(11,90,166,.04);
          border-radius: 12px;
          color: var(--zip-text);
          line-height: 1.6;
          font-size: 13px;
        }

        /* Cards (lineup / equipment) — tighter */
        .sdm-zip__cards,
        .sdm-zip__kits,
        .sdm-zip__equip{
          margin-top: 12px;
          display: grid;
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .sdm-zip__card,
        .sdm-zip__kit,
        .sdm-zip__equip-card{
          padding: 14px 14px;
          border: 1px solid var(--zip-border);
          border-radius: 14px;
          background: #fff;
          box-shadow: 0 8px 20px rgba(16,24,40,.05);
        }

        /* Kit header row */
        .sdm-zip__kit-top{
          display:flex;
          align-items:flex-start;
          gap: 10px;
          margin-bottom: 8px;
        }
        .sdm-zip__kit-marker{
          width: 10px;
          height: 10px;
          border-radius: 4px;
          background: var(--zip-accent);
          margin-top: 6px;
          flex: 0 0 auto;
        }
        .sdm-zip__kit-title{ margin: 0 0 4px; }
        .sdm-zip__kit-sub{
          margin: 0;
          font-size: 13px;
          color: var(--zip-muted);
          line-height: 1.55;
        }

        /* Key-value block */
        .sdm-zip__kv{
          display: grid;
          grid-template-columns: 120px 1fr;
          gap: 10px;
          padding: 10px 12px;
          border-radius: 12px;
          border: 1px solid var(--zip-border);
          background: var(--zip-soft2);
          margin: 10px 0 10px;
        }
        .sdm-zip__k{
          color: var(--zip-muted);
          font-size: 11px;
          letter-spacing: .05em;
          text-transform: uppercase;
        }
        .sdm-zip__v{
          color: var(--zip-text);
          line-height: 1.55;
          font-size: 13px;
        }

        /* Columns inside cards */
        .sdm-zip__cols,
        .sdm-zip__equip-cols{
          display:grid;
          grid-template-columns: repeat(2, minmax(0,1fr));
          gap: 12px;
          margin-top: 8px;
        }
        .sdm-zip__sub{
          margin: 10px 0 6px;
          font-size: 12px;
          letter-spacing: .05em;
          text-transform: uppercase;
          color: var(--zip-muted);
        }

        /* Lists — smaller + cleaner */
        .sdm-zip__list,
        .sdm-zip ul{
          margin: 0;
          padding-left: 18px;
          color: var(--zip-text);
          line-height: 1.6;
          font-size: 13px;
        }
        .sdm-zip__list li,
        .sdm-zip ul li{
          margin: 5px 0;
        }
        .sdm-zip__list--inline{
          display:flex;
          flex-wrap: wrap;
          gap: 8px;
          padding-left: 0 !important;
          list-style: none;
        }
        .sdm-zip__list--inline li{
          margin: 0;
          padding: 7px 10px;
          border: 1px solid var(--zip-border);
          background: var(--zip-soft);
          border-radius: 999px;
          color: var(--zip-text);
          font-size: 12.5px;
        }

        /* Principles box */
        .sdm-zip__attention,
        .sdm-zip__rules{
          margin-top: 14px;
          padding: 14px 14px;
          border-radius: 14px;
          border: 1px solid rgba(11,90,166,.18);
          background: linear-gradient(180deg, rgba(11,90,166,.06), rgba(11,90,166,.02));
        }
        .sdm-zip__list--check{
          padding-left: 0 !important;
          list-style: none;
        }
        .sdm-zip__list--check li{
          position: relative;
          padding-left: 26px;
          margin: 9px 0;
        }
        .sdm-zip__list--check li:before{
          content: "✓";
          position: absolute;
          left: 0;
          top: 0;
          width: 18px;
          height: 18px;
          border-radius: 7px;
          display:inline-flex;
          align-items:center;
          justify-content:center;
          border: 1px solid rgba(11,90,166,.22);
          background: rgba(11,90,166,.06);
          color: var(--zip-accent2);
          font-weight: 900;
          font-size: 11px;
        }

        /* Multi-column lists */
        .sdm-zip__list--cols{
          columns: 2;
          column-gap: 18px;
        }

        /* Mobile */
        @media (max-width: 860px){
          .sdm-zip{ padding: 6px 0 22px; }
          .sdm-zip__steps{ grid-template-columns: 1fr; }
          .sdm-zip__cols,
          .sdm-zip__equip-cols{ grid-template-columns: 1fr; }
          .sdm-zip__kv{ grid-template-columns: 1fr; }
          .sdm-zip__list--cols{ columns: 1; }
        }
        /* =========================================================
           SDM ZIP-KITS — ACCORDION for "Линейка ЗИП-комплектов"
           Markup idea (CMS article):
           <div class="sdm-zip__accordions">
             <details class="sdm-zip__acc" open>
               <summary>1. ЗИП-комплекты для центробежных насосов</summary>
               <div class="sdm-zip__acc-body">...</div>
             </details>
             ...
           </div>
           NOTE: CSS makes it collapsible. "Open one — close others" needs a tiny JS (see message).
           ========================================================= */

        .sdm-zip__accordions{
          display:flex;
          flex-direction:column;
          gap:12px;
          margin-top: 14px;
        }

        .sdm-zip__acc{
          border: 1px solid rgba(11,90,166,.18);
          border-radius: 16px;
          background: #fff;
          overflow: hidden;
          box-shadow: 0 8px 22px rgba(0,0,0,.06);
        }

        .sdm-zip__acc > summary{
          list-style: none;
          cursor: pointer;
          padding: 14px 16px;
          font-weight: 900;
          color: var(--zip-accent2);
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap: 12px;
          user-select:none;
        }

        .sdm-zip__acc > summary::-webkit-details-marker{ display:none; }

        .sdm-zip__acc > summary::after{
          content: "";
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          border-radius: 999px;
          border: 1px solid rgba(11,90,166,.28);
          background: rgba(11,90,166,.06);
          box-shadow: inset 0 0 0 999px rgba(255,255,255,.35);
          position: relative;
        }

        .sdm-zip__acc > summary::before{
          content:"+";
          font-weight: 900;
          color: var(--zip-accent2);
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          display:flex;
          align-items:center;
          justify-content:center;
          margin-left: auto;
          position: relative;
          z-index: 1;
        }

        .sdm-zip__acc[open] > summary{
          background: rgba(11,90,166,.06);
          border-bottom: 1px solid rgba(11,90,166,.14);
        }

        .sdm-zip__acc[open] > summary::before{ content:"–"; }

        .sdm-zip__acc > summary:focus{
          outline: none;
        }

        .sdm-zip__acc > summary:focus-visible{
          box-shadow: 0 0 0 3px rgba(11,90,166,.18);
        }

        .sdm-zip__acc-body{
          padding: 12px 16px 16px;
        }

        .sdm-zip__acc-body p{ margin: 0 0 10px; }
        .sdm-zip__acc-body p:last-child{ margin-bottom: 0; }
        .sdm-zip__acc-body ul{ margin: 8px 0 0; }
        .sdm-zip__acc-body li{ margin: 6px 0; }

        
        /* --- FIX: details/summary should be clickable and collapsible (theme-safe) --- */
        /* Some themes overlay/disable clicks on <summary>; force it back */
        .sdm-zip__acc > summary{
          position: relative;
          pointer-events: auto !important;
          cursor: pointer;
        }

        /* Decorative pseudo-elements must not block clicks */
        .sdm-zip__acc > summary::before,
        .sdm-zip__acc > summary::after{
          pointer-events: none !important;
        }

        /* Theme-safety: ensure the body is shown ONLY when <details> is open */
        .sdm-zip__acc:not([open]) > .sdm-zip__acc-body{ display: none !important; }
        .sdm-zip__acc[open] > .sdm-zip__acc-body{ display: block !important; }
@media (max-width: 860px){
          .sdm-zip__acc > summary{ padding: 12px 14px; }
          .sdm-zip__acc-body{ padding: 10px 14px 14px; }
        }

        /* =======================================================================
           SDM ABOUT HERO — GRID ALIGNMENT FIX (2026-02-12)
           Сверено с HTML разметкой:
             .sdm-about__hero-inner
               .sdm-about__hero-left
                 .sdm-about__hero-head
                 .sdm-about__facts
               .sdm-about__hero-right
                 .sdm-about__hero-card--pos
                 .sdm-about__hero-card--requisites

           Цель:
           - "Позиционирование" остаётся сверху справа (ряд 1)
           - "Реквизиты" встают на место зелёного прямоугольника (ряд 2),
             т.е. на уровень блока фактов слева.
           ======================================================================= */

        /* Переключаем hero на сетку 2×2 (лево: head+facts, право: pos+requisites) */
        .sdm-about__hero-inner{
          display:grid !important;
          grid-template-columns: minmax(0, 1fr) 360px !important;
          grid-template-rows: auto auto !important;
          column-gap: 18px !important;
          row-gap: 14px !important;
          align-items:start !important;
        }

        /* Левую колонку «раскладываем» по строкам сетки */
        .sdm-about__hero-left{ display: contents !important; }
        .sdm-about__hero-head{ grid-column:1 !important; grid-row:1 !important; }
        .sdm-about__facts{ grid-column:1 !important; grid-row:2 !important; }

        /* Правую колонку тоже «раскладываем» по строкам сетки */
        .sdm-about__hero-right{ display: contents !important; }

        /* Позиционирование — верхняя правая плитка */
        .sdm-about__hero-card--pos{
          grid-column:2 !important;
          grid-row:1 !important;
          align-self:start !important;
          margin-top: 0 !important;
        }

        /* Реквизиты — нижняя правая плитка (на месте зелёного прямоугольника) */
        .sdm-about__hero-card--requisites{
          grid-column:2 !important;
          grid-row:2 !important;
          align-self:start !important;
          margin-top: 0 !important;
          /* пропорции прямоугольника: держим высоту не меньше, но растём по контенту */
          min-height: 168px;
        }

        /* На всякий случай гасим старые эксперименты со смещениями */
        .sdm-about__hero{
          --sdm-about-requisites-offset: 0px;
          --sdm-about-hero-right-offset: 0px;
        }

        /* Адаптив: на узких экранах возвращаем колонку (1 колонка, карточки подряд) */
        @media (max-width: 980px){
          .sdm-about__hero-inner{
            display:flex !important;
            flex-direction:column !important;
            gap:18px !important;
          }
          .sdm-about__hero-left{ display:block !important; }
          .sdm-about__hero-right{ display:flex !important; flex-direction:column !important; gap:12px !important; }
          .sdm-about__hero-card--requisites{ min-height: 0; }
        }

        /* SDM ABOUT: smooth anchor scroll + correct offset under sticky nav */
        @media (prefers-reduced-motion: reduce) {
          html { scroll-behavior: auto; }
        }

        /* so section headings don't hide under the sticky anchors/header */
        .sdm-about__section { scroll-margin-top: 90px; }


        /* =========================================================
           SDM BRAND PAGE (manufacturer page without catalog items)
           Use in CMS Article wrapper:
           <section class="sdm-brand sdm-brand--ifm"> ... </section>
           ========================================================= */

        .sdm-brand{
          --brand-accent: var(--a-c, #0064b4);
          --brand-accent2: var(--a-c-hover, #0b4ea2);
          --brand-title: var(--h1-c, #0a2540);
          --brand-text: var(--body-c, #1b2430);
          --brand-muted: rgba(0,0,0,.62);
          --brand-border: rgba(0,0,0,.08);
          --brand-border2: rgba(0,0,0,.06);
          --brand-soft: rgba(0,0,0,.03);
          --brand-card: #fff;
          --brand-radius: var(--border-radius-1, 8px);
          --brand-radius-lg: calc(var(--border-radius-1, 8px) + 6px);
          --brand-shadow: 0 10px 30px rgba(0,0,0,.08);
          --brand-shadow2: 0 6px 18px rgba(0,0,0,.06);
          color: var(--brand-text);
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 10px 28px;
        }
        .sdm-brand *{box-sizing:border-box}
        .sdm-brand p{margin:0 0 12px;line-height:1.75;color:var(--brand-muted)}
        .sdm-brand a{color:var(--brand-accent)}
        .sdm-brand a:hover{color:var(--brand-accent2)}
        .sdm-brand h1,.sdm-brand h2,.sdm-brand h3{color:var(--brand-title)}
        .sdm-brand h1{margin:0 0 10px;line-height:1.15;font-weight:900;font-size:clamp(22px,2.2vw,34px)}
        .sdm-brand h2{margin:22px 0 10px;font-weight:900;font-size:clamp(18px,1.7vw,24px)}
        .sdm-brand h3{margin:0 0 10px;font-weight:900;font-size:16px}

        /* Hero */
        .sdm-brand__hero{
          position:relative;
          overflow:hidden;
          border-radius: var(--brand-radius-lg);
          border:1px solid var(--brand-border);
          background:
            radial-gradient(900px 280px at 18% 14%, rgba(0,100,180,.12), transparent 60%),
            radial-gradient(700px 260px at 92% 18%, rgba(0,0,0,.10), transparent 65%),
            linear-gradient(135deg, rgba(10,37,64,.92), rgba(10,37,64,.78));
          color:#fff;
          box-shadow: var(--brand-shadow2);
          margin: 0 0 16px;
        }
        .sdm-brand__hero:before{
          content:"";
          position:absolute;inset:0;
          background:
            linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
            repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 16px);
          opacity:.22;
          pointer-events:none;
        }
        .sdm-brand__hero-inner{
          position:relative;
          display:grid;
          grid-template-columns: minmax(0, 1fr) 340px;
          gap:18px;
          padding:22px 20px;
          align-items:start;
        }
        .sdm-brand__badge{
          display:inline-flex;
          align-items:center;
          height:26px;
          padding:0 10px;
          font-size:.78em;
          font-weight:800;
          letter-spacing:.04em;
          text-transform:uppercase;
          border-radius:999px;
          background:rgba(255,255,255,.12);
          border:1px solid rgba(255,255,255,.14);
          margin:0 0 10px;
        }
        .sdm-brand__lead{
          margin: 0 0 14px;
          max-width: 820px;
          color: rgba(255,255,255,.88);
        }

        /* Brand header row: logo + key meta */
        .sdm-brand__head{
          display:flex;
          align-items:flex-start;
          gap:14px;
          margin: 0 0 10px;
        }
        .sdm-brand__logo{
          flex:0 0 64px;
          width:64px;height:64px;
          border-radius:16px;
          background: rgba(255,255,255,.10);
          border:1px solid rgba(255,255,255,.14);
          display:flex;
          align-items:center;
          justify-content:center;
          overflow:hidden;
        }
        .sdm-brand__logo img{max-width:70%;max-height:70%;object-fit:contain;filter:grayscale(100%);opacity:.95}
        .sdm-brand__logo.is-color img{filter:none;opacity:1}

        .sdm-brand__meta{
          display:flex;
          flex-wrap:wrap;
          gap:10px;
          margin-top: 6px;
        }
        .sdm-brand__meta-item{
          padding:10px 10px 9px;
          border-radius: var(--brand-radius);
          background: rgba(255,255,255,.10);
          border: 1px solid rgba(255,255,255,.14);
          min-width: 150px;
        }
        .sdm-brand__meta-k{
          font-size:.74em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.72);
          margin:0 0 4px;
        }
        .sdm-brand__meta-v{font-weight:750;line-height:1.25;color:#fff}

        /* Right hero card: “В каталоге пока нет позиций” */
        .sdm-brand__hero-card{
          border-radius: var(--brand-radius);
          background: rgba(255,255,255,.08);
          border: 1px solid rgba(255,255,255,.14);
          box-shadow: 0 12px 34px rgba(0,0,0,.18);
          padding:14px 14px 12px;
        }
        .sdm-brand__hero-card-title{
          font-size:.74em;
          letter-spacing:.04em;
          text-transform:uppercase;
          color:rgba(255,255,255,.72);
          margin:0 0 8px;
          font-weight:900;
        }
        .sdm-brand__hero-card-text{
          color:rgba(255,255,255,.92);
          line-height:1.45;
          font-weight:650;
          margin:0 0 12px;
        }
        .sdm-brand__hero-card-actions{
          display:flex;
          gap:10px;
          flex-wrap:wrap;
        }

        .sdm-brand__btn{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          height:40px;
          padding:0 14px;
          border-radius: 12px;
          border:1px solid rgba(255,255,255,.18);
          background: rgba(0,0,0,.12);
          color:#fff !important;
          font-weight:900;
          text-decoration:none;
          transition: background .14s ease, transform .14s ease, border-color .14s ease;
          user-select:none;
        }
        .sdm-brand__btn:hover{background: rgba(0,0,0,.20);border-color: rgba(255,255,255,.26);transform: translateY(-1px);text-decoration:none}
        .sdm-brand__btn:active{transform: translateY(0)}
        .sdm-brand__btn--primary{
          background: rgba(229,57,53,.92);
          border-color: rgba(229,57,53,.15);
        }
        .sdm-brand__btn--primary:hover{background: rgba(198,40,40,.92)}

        /* Sticky anchors inside article */
        .sdm-brand__anchors{
          position: sticky;
          top: 10px;
          z-index: 10;
          display:flex;
          align-items:center;
          gap:10px;
          overflow:auto;
          padding:10px;
          margin: 0 0 14px;
          background: rgba(255,255,255,.92);
          backdrop-filter: blur(6px);
          -webkit-backdrop-filter: blur(6px);
          border: 1px solid var(--brand-border);
          border-radius: var(--brand-radius);
          box-shadow: 0 6px 18px rgba(0,0,0,.06);
          scrollbar-width: thin;
        }
        .sdm-brand__anchors::-webkit-scrollbar{height:6px;background:rgba(0,0,0,.05);border-radius:6px}
        .sdm-brand__anchors::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:6px}
        .sdm-brand__anchors a{
          display:inline-flex;
          align-items:center;
          height:34px;
          padding:0 12px;
          white-space:nowrap;
          font-size:.95em;
          font-weight:900;
          color: rgba(0,0,0,.72);
          background: rgba(0,0,0,.03);
          border: 1px solid rgba(0,0,0,.06);
          border-radius: var(--brand-radius);
          transition: background .12s ease, border-color .12s ease, color .12s ease;
          text-decoration:none;
        }
        .sdm-brand__anchors a:hover{background: rgba(0,0,0,.06);border-color: rgba(0,0,0,.10);color: rgba(0,0,0,.82)}
        .sdm-brand__anchors a.is-active{
          background: rgba(0,100,180,.10);
          border-color: rgba(0,100,180,.20);
          color: rgba(10,37,64,.92);
        }
        .sdm-brand [id]{scroll-margin-top: 80px}

        /* Cards / sections */
        .sdm-brand__card{
          background: var(--brand-card);
          border:1px solid var(--brand-border2);
          border-radius: var(--brand-radius-lg);
          padding:16px 16px 14px;
          box-shadow: var(--brand-shadow2);
          margin:0 0 14px;
        }

        /* Lines grid (product families) */
        .sdm-brand__grid{
          display:grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap:12px;
          margin-top: 10px;
        }
        .sdm-brand__tile{
          border:1px solid var(--brand-border2);
          border-radius: 16px;
          background:#fff;
          padding:14px 14px 12px;
          box-shadow: 0 6px 18px rgba(0,0,0,.05);
          transition: box-shadow .14s ease, border-color .14s ease;
          min-height: 130px;
          display:flex;
          flex-direction:column;
          gap:8px;
        }
        .sdm-brand__tile:hover{
          box-shadow: var(--brand-shadow);
          border-color: rgba(0,0,0,.12);
        }
        .sdm-brand__tile-title{
          margin:0;
          font-weight:950;
          font-size:15px;
          line-height:1.25;
          color: var(--brand-title);
        }
        .sdm-brand__tile-text{
          margin:0;
          color: rgba(0,0,0,.65);
          line-height:1.55;
          font-size:13px;
        }
        .sdm-brand__tile-tags{
          margin-top:auto;
          display:flex;
          flex-wrap:wrap;
          gap:6px;
        }
        .sdm-brand__tag{
          font-size:12px;
          padding:6px 10px;
          border-radius:999px;
          background: rgba(0,0,0,.03);
          border:1px solid rgba(0,0,0,.06);
          color: rgba(0,0,0,.72);
          line-height:1;
          font-weight:700;
        }

        /* Compact check list */
        .sdm-brand__list{
          list-style:none;
          padding:0;
          margin:0;
        }
        .sdm-brand__list li{
          position:relative;
          padding: 0 0 10px 26px;
          margin: 0 0 10px;
          border-bottom: 1px solid rgba(0,0,0,.06);
          color: rgba(0,0,0,.74);
          line-height:1.6;
        }
        .sdm-brand__list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
        .sdm-brand__list li:before{
          content:"✓";
          position:absolute;
          left:0; top:.2em;
          width:18px;height:18px;
          border-radius:7px;
          display:flex;
          align-items:center;
          justify-content:center;
          border: 1px solid rgba(0,100,180,.22);
          background: rgba(0,100,180,.06);
          color: var(--brand-accent2);
          font-weight: 900;
          font-size: 11px;
        }

        /* FAQ accordion */
        .sdm-brand__acc{
          background:#fff;
          border:1px solid rgba(0,0,0,.08);
          border-radius: var(--brand-radius-lg);
          overflow:hidden;
          box-shadow: 0 6px 18px rgba(0,0,0,.05);
          margin:0 0 10px;
        }
        .sdm-brand__acc summary{
          list-style:none;
          cursor:pointer;
          padding:14px 44px 14px 14px;
          font-weight:900;
          color: var(--brand-title);
          position:relative;
          background: linear-gradient(180deg, rgba(0,0,0,.02), transparent);
          user-select:none;
        }
        .sdm-brand__acc summary::-webkit-details-marker{display:none}
        .sdm-brand__acc summary:after{
          content:"+";
          position:absolute;
          right:14px; top:50%;
          transform:translateY(-50%);
          width:28px;height:28px;
          display:flex;
          align-items:center;
          justify-content:center;
          border-radius:10px;
          background: rgba(0,0,0,.04);
          border:1px solid rgba(0,0,0,.06);
          font-weight:950;
          color: rgba(0,0,0,.65);
        }
        .sdm-brand__acc[open] summary:after{content:"—"}
        .sdm-brand__acc-body{padding:0 14px 14px;color:rgba(0,0,0,.74)}
        .sdm-brand__acc-body p:last-child{margin-bottom:0}

        /* CTA final */
        /* IFM accent preset (optional): add class sdm-brand--ifm on wrapper */
        .sdm-brand--ifm{
          --brand-accent:#0b5aa6;
          --brand-accent2:#084b8a;
        }

        /* Responsive */
        @media (max-width: 991px){
          .sdm-brand__hero-inner{
            grid-template-columns: 1fr;
          }
          .sdm-brand__grid{
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
        }
        @media (max-width: 575px){
          .sdm-brand{padding:0 10px 22px}
          .sdm-brand__hero-inner{padding:18px 14px}
          .sdm-brand__grid{grid-template-columns: 1fr}
          .sdm-brand__anchors{top:6px;padding:8px}
          .sdm-brand__anchors a{height:32px;font-size:.92em}
        }

        /* =========================================================
           SDM IFM LANDING (B2B)
           Fixes "unreadable dич": forces layout, grid, sticky nav,
           and cards for categories/steps/why/faq.
           Works for BOTH wrappers:
           - .sdm-ifm-landing (new landing)
           - .sdm-brand (older brand template)
           ========================================================= */

        #content .sdm-ifm-landing,
        #content .sdm-brand{
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 16px 28px;
        }

        /* Normalize inside article editors (often inject <p><br>) */
        #content .sdm-ifm-landing p,
        #content .sdm-brand p{margin:0 0 12px;line-height:1.75}
        #content .sdm-ifm-landing ul,
        #content .sdm-brand ul{margin:0;padding-left:18px}
        #content .sdm-ifm-landing li,
        #content .sdm-brand li{margin:0 0 8px}

        /* ---------------------------------------------------------
           Sticky NAV (your screenshot shows links in a column)
           Works with:
           - .sdm-ifm-nav / .sdm-ifm-nav__link
           - .sdm-brand__nav / .sdm-brand__nav-link
        --------------------------------------------------------- */
        #content .sdm-ifm-nav,
        #content .sdm-brand__nav{
          position: sticky;
          top: 10px;
          z-index: 50;
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
          align-items: center;
          padding: 10px;
          margin: 12px 0 16px;
          background: rgba(255,255,255,.92);
          border: 1px solid rgba(0,0,0,.08);
          border-radius: 14px;
          box-shadow: 0 8px 22px rgba(0,0,0,.06);
          backdrop-filter: blur(6px);
          -webkit-backdrop-filter: blur(6px);
        }
        #content .sdm-ifm-nav__link,
        #content .sdm-brand__nav-link{
          display: inline-flex;
          align-items: center;
          height: 34px;
          padding: 0 12px;
          border-radius: 12px;
          border: 1px solid rgba(0,0,0,.06);
          background: rgba(0,0,0,.03);
          color: rgba(0,0,0,.78);
          font-weight: 800;
          text-decoration: none;
          white-space: nowrap;
          transition: background .12s ease, border-color .12s ease, transform .12s ease;
        }
        #content .sdm-ifm-nav__link:hover,
        #content .sdm-brand__nav-link:hover{
          background: rgba(0,0,0,.06);
          border-color: rgba(0,0,0,.10);
          transform: translateY(-1px);
          text-decoration: none;
        }
        #content .sdm-ifm-nav__link--accent{
          background: rgba(229,57,53,.10);
          border-color: rgba(229,57,53,.20);
          color: rgba(120,16,18,.95);
        }
        #content .sdm-ifm-landing [id],
        #content .sdm-brand [id]{scroll-margin-top: 86px}

        /* ---------------------------------------------------------
           CATEGORIES grid (what you asked for: "категории оборудования")
           Supports both:
           - .sdm-ifm-grid / .sdm-ifm-cat
           - .sdm-brand__catgrid / .sdm-brand__cat
        --------------------------------------------------------- */
        #content .sdm-ifm-grid,
        #content .sdm-brand__catgrid{
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
          margin-top: 12px;
        }
        #content .sdm-ifm-cat,
        #content .sdm-brand__cat{
          background: #fff;
          border: 1px solid rgba(0,0,0,.06);
          border-radius: 18px;
          padding: 14px 14px 12px;
          box-shadow: 0 8px 22px rgba(0,0,0,.05);
          transition: box-shadow .14s ease, border-color .14s ease, transform .14s ease;
          min-height: 140px;
          display: flex;
          flex-direction: column;
          gap: 8px;
        }
        #content .sdm-ifm-cat:hover,
        #content .sdm-brand__cat:hover{
          box-shadow: 0 14px 34px rgba(0,0,0,.08);
          border-color: rgba(0,0,0,.12);
          transform: translateY(-1px);
        }
        #content .sdm-ifm-cat__title,
        #content .sdm-brand__cat-title{
          font-weight: 950;
          font-size: 15px;
          line-height: 1.25;
          margin: 0;
          color: rgba(10,37,64,.96);
        }
        #content .sdm-ifm-cat__text,
        #content .sdm-brand__cat-text{
          margin: 0;
          color: rgba(0,0,0,.66);
          line-height: 1.55;
          font-size: 13px;
        }
        #content .sdm-ifm-tags,
        #content .sdm-brand__tags{
          margin-top: auto;
          display: flex;
          flex-wrap: wrap;
          gap: 6px;
        }
        #content .sdm-ifm-tags span,
        #content .sdm-brand__tags span{
          font-size: 12px;
          padding: 6px 10px;
          border-radius: 999px;
          background: rgba(0,0,0,.03);
          border: 1px solid rgba(0,0,0,.06);
          color: rgba(0,0,0,.72);
          line-height: 1;
          font-weight: 750;
        }

        /* ---------------------------------------------------------
           Steps (process)
        --------------------------------------------------------- */
        #content .sdm-ifm-steps,
        #content .sdm-brand__steps{
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 12px;
          margin-top: 12px;
        }
        #content .sdm-ifm-step,
        #content .sdm-brand__step{
          background:#fff;
          border:1px solid rgba(0,0,0,.06);
          border-radius:18px;
          padding:14px 14px 12px;
          box-shadow: 0 8px 22px rgba(0,0,0,.05);
          display:flex;
          flex-direction:column;
          gap:8px;
          min-height: 150px;
        }
        #content .sdm-ifm-step__n,
        #content .sdm-brand__step-n{
          width:32px;height:32px;
          border-radius: 12px;
          display:flex;
          align-items:center;
          justify-content:center;
          font-weight: 950;
          background: rgba(0,100,180,.10);
          border: 1px solid rgba(0,100,180,.20);
          color: rgba(10,37,64,.92);
        }
        #content .sdm-ifm-step__t,
        #content .sdm-brand__step-t{
          font-weight: 950;
          color: rgba(10,37,64,.96);
          line-height:1.25;
        }
        #content .sdm-ifm-step__d,
        #content .sdm-brand__step-d{
          color: rgba(0,0,0,.66);
          line-height:1.55;
          font-size: 13px;
        }

        /* ---------------------------------------------------------
           FAQ details
        --------------------------------------------------------- */
        #content .sdm-ifm-faq,
        #content .sdm-brand__acc{
          background:#fff;
          border:1px solid rgba(0,0,0,.08);
          border-radius:18px;
          overflow:hidden;
          box-shadow: 0 8px 22px rgba(0,0,0,.05);
          margin:0 0 10px;
        }
        #content .sdm-ifm-faq summary{
          list-style:none;
          cursor:pointer;
          padding:14px 44px 14px 14px;
          font-weight: 900;
          color: rgba(10,37,64,.96);
          position:relative;
          user-select:none;
          background: linear-gradient(180deg, rgba(0,0,0,.02), transparent);
        }
        #content .sdm-ifm-faq summary::-webkit-details-marker{display:none}
        #content .sdm-ifm-faq summary:after{
          content:"+";
          position:absolute;
          right:14px; top:50%;
          transform:translateY(-50%);
          width:28px;height:28px;
          display:flex;
          align-items:center;
          justify-content:center;
          border-radius:10px;
          background: rgba(0,0,0,.04);
          border:1px solid rgba(0,0,0,.06);
          font-weight:950;
          color: rgba(0,0,0,.65);
        }
        #content .sdm-ifm-faq[open] summary:after{content:"—"}
        #content .sdm-ifm-faq__body{
          padding: 0 14px 14px;
          color: rgba(0,0,0,.72);
          line-height: 1.65;
        }

        /* ---------------------------------------------------------
           Mobile
        --------------------------------------------------------- */
        @media (max-width: 991px){
          #content .sdm-ifm-grid,
          #content .sdm-brand__catgrid{grid-template-columns: repeat(2, minmax(0,1fr))}
          #content .sdm-ifm-steps,
          #content .sdm-brand__steps{grid-template-columns: repeat(2, minmax(0,1fr))}
        }
        @media (max-width: 575px){
          #content .sdm-ifm-grid,
          #content .sdm-brand__catgrid{grid-template-columns: 1fr}
          #content .sdm-ifm-steps,
          #content .sdm-brand__steps{grid-template-columns: 1fr}
          #content .sdm-ifm-nav,
          #content .sdm-brand__nav{top:6px}
        }

        /* ======================== END SDM IFM LANDING ======================== */

        /* =========================================================
           BRAND-LANDING • IFM (scoped styles)
           These rules are scoped to the IFM landing HTML (class .brand-landing).
           Safe for the rest of the theme.
           ========================================================= */

        /* =========================================================
           SDM • IFM Brand Landing — SCOPED STYLES
           IMPORTANT:
           - Do NOT replace your main theme stylesheet with this file.
           - Connect this file additionally (only for IFM page), or paste at the END
             of your main stylesheet.
           - Styles are strictly scoped to .brand-landing.
           ========================================================= */

        #content .brand-landing{
          --bl-text:#0f172a;
          --bl-muted:#475569;
          --bl-soft:#64748b;
          --bl-line:rgba(15,23,42,.10);
          --bl-card:#fff;
          --bl-bg:#fff;
          --bl-alt:#f6f8fb;
          --bl-accent:#1e3a8a;
          --bl-accent-2:#0b4aa2;
          --bl-shadow:0 10px 30px rgba(2,6,23,.08);
          --bl-shadow-sm:0 6px 18px rgba(2,6,23,.06);
          --bl-radius:18px;
          --bl-radius-sm:14px;
          --bl-gap:28px;
          color:var(--bl-text);
          max-width:1200px;
          margin:0 auto;
          padding:0 15px 80px;
          box-sizing:border-box;
        }
        #content .brand-landing *{ box-sizing:border-box; }
        #content .brand-landing img, #content .brand-landing svg{ max-width:100%; height:auto; }

        /* HERO */
        #content .brand-landing__hero{
          position:relative;
          padding:48px 0 28px !important;
          background:
            radial-gradient(900px 420px at 12% 18%, rgba(30,58,138,.10), rgba(30,58,138,0) 60%),
            radial-gradient(780px 360px at 88% 22%, rgba(11,74,162,.10), rgba(11,74,162,0) 58%),
            linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,0) 40%) !important;
          border-radius:22px;
          overflow:hidden;
        }
        #content .brand-landing--ifm .brand-landing__hero::before{
          content:"";
          position:absolute;
          inset:0;
          background-image:var(--brand-hero-img);
          background-size:cover;
          background-position:center;
          opacity:.14;
          filter:saturate(.9) contrast(1.05);
          pointer-events:none;
        }
        #content .brand-landing__hero::after{
          content:"";
          position:absolute;
          inset:0;
          background:linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.78) 52%, rgba(255,255,255,.62) 100%);
          pointer-events:none;
        }
        #content .brand-landing__hero-inner{
          position:relative;
          z-index:1;
          display:grid !important;
          grid-template-columns: 1.15fr .85fr !important;
          gap:42px !important;
          align-items:center !important;
          padding:0 22px !important;
        }
        #content .brand-landing__breadcrumbs{
          font-size:13px;
          color:var(--bl-soft);
          margin-bottom:10px;
        }
        #content .brand-landing__crumb{ color:var(--bl-soft); text-decoration:none; }
        #content .brand-landing__crumb:hover{ color:var(--bl-accent); text-decoration:underline; }
        #content .brand-landing__crumb-sep{ margin:0 8px; opacity:.7; }
        #content .brand-landing__badge{
          display:inline-flex;
          align-items:center;
          gap:8px;
          padding:6px 10px;
          border:1px solid var(--bl-line);
          border-radius:999px;
          background:rgba(255,255,255,.85);
          font-size:12px;
          color:var(--bl-muted);
          margin-bottom:14px;
        }
        #content .brand-landing__title{
          font-size:38px !important;
          line-height:1.2 !important;
          margin:0 0 14px;
          font-weight:750;
          letter-spacing:-.02em;
        }
        #content .brand-landing__lead{
          font-size:16px;
          line-height:1.65;
          margin:0 0 18px;
          color:var(--bl-muted);
        }
        #content .brand-landing__hero-points{
          display:grid;
          gap:10px;
          margin-top:10px;
        }
        #content .brand-landing__hero-point{
          display:flex;
          gap:10px;
          align-items:flex-start;
          color:var(--bl-muted);
          font-size:14px;
          line-height:1.45;
        }
        #content .brand-landing__dot{
          width:8px;height:8px;border-radius:50%;
          background:var(--bl-accent);
          margin-top:6px;
          flex:0 0 auto;
        }

        /* Hero right card */
        #content .brand-landing__hero-card{
          background:rgba(255,255,255,.92);
          border:1px solid var(--bl-line);
          border-radius:20px;
          box-shadow:var(--bl-shadow);
          overflow:hidden;
        }
        #content .brand-landing__hero-card-top{
          padding:18px 18px 0;
        }
        #content .brand-landing__hero-card-title{
          font-weight:700;
          font-size:14px;
          color:var(--bl-accent);
          letter-spacing:.02em;
        }
        #content .brand-landing__hero-card-sub{
          margin-top:6px;
          color:var(--bl-muted);
          font-size:13px;
        }
        #content .brand-landing__hero-visual{
          padding:14px 18px 8px;
        }
        #content .brand-landing__hero-svg{
          display:block;
          width:100%;
          border-radius:16px;
        }

        /* Hero SVG — make the “tech scheme” readable (theme resets can make it too pale) */
        #content .brand-landing__hero-svg{
          background: linear-gradient(135deg, rgba(11,74,162,.06), rgba(2,6,23,.02));
        }
        #content .brand-landing__hero-svg rect{ fill: rgba(11,74,162,.10); }
        #content .brand-landing__hero-svg circle{ fill: rgba(11,74,162,.22); }
        #content .brand-landing__hero-svg path{
          stroke: rgba(11,74,162,.28);
          fill: none;
        }
        #content .brand-landing__hero-svg text{
          fill: rgba(15,23,42,.66);
          font-family: inherit;
        }
        #content .brand-landing__hero-card-bottom{
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:12px;
          padding:14px 18px 18px;
          border-top:1px solid var(--bl-line);
          background:rgba(2,6,23,.02);
        }
        #content .brand-landing__mini-k{
          font-size:11px;
          color:var(--bl-soft);
          text-transform:uppercase;
          letter-spacing:.08em;
        }
        #content .brand-landing__mini-v{
          margin-top:4px;
          font-size:13px;
          color:var(--bl-muted);
          font-weight:600;
        }

        /* Separator */
        #content .brand-landing__sep{
          height:1px;
          background:linear-gradient(90deg, rgba(30,58,138,0), rgba(30,58,138,.25), rgba(30,58,138,0));
          margin:26px 0 10px;
          opacity:.65;
        }

        /* Blocks */
        #content .brand-landing__block{
          padding:40px 0 10px;
        }
        #content .brand-landing__block--alt{
          background:var(--bl-alt);
          border:1px solid rgba(15,23,42,.06);
          border-radius:22px;
          padding:34px 28px 26px;
        }
        #content .brand-landing__block-head h2{
          font-size:24px;
          margin:0 0 10px;
          letter-spacing:-.01em;
        }
        #content .brand-landing__block-head p{
          margin:0 0 18px;
          color:var(--bl-muted);
          line-height:1.65;
        }

        /* Cards */
        #content .brand-landing__cards{
          display:grid !important;
          grid-template-columns:repeat(2, minmax(0,1fr)) !important;
          gap:18px !important;
        }
        #content .brand-landing__card{
          background:var(--bl-card) !important;
          border:1px solid rgba(15,23,42,.08) !important;
          border-radius:18px !important;
          padding:22px 22px 18px !important;
          box-shadow:var(--bl-shadow-sm) !important;
          transition:transform .18s ease, box-shadow .18s ease;
        }
        #content .brand-landing__card:hover{
          transform:translateY(-3px);
          box-shadow:0 14px 34px rgba(2,6,23,.10);
        }
        #content .brand-landing__card-title{
          display:flex;
          gap:10px;
          align-items:flex-start;
          font-size:16px;
          font-weight:750;
          margin:0 0 12px;
        }
        #content .brand-landing__icon{
          width:24px;height:24px;
          flex:0 0 auto;
          color:var(--bl-accent);
        }
        #content .brand-landing__icon svg{
          width:24px;height:24px;
          stroke:currentColor;
        }
        #content .brand-landing__card p{
          margin:0 0 12px;
          color:var(--bl-muted);
          line-height:1.65;
          font-size:14px;
        }
        #content .brand-landing__strongline{ color:var(--bl-text); }
        #content .brand-landing__muted{ color:var(--bl-muted); }

        /* Lists */
        #content .brand-landing__list{
          margin:10px 0 0;
          padding:0;
          list-style:none;
          display:grid;
          gap:8px;
        }
        #content .brand-landing__list li{
          position:relative;
          padding-left:18px;
          color:var(--bl-muted);
          line-height:1.6;
          font-size:14px;
        }
        #content .brand-landing__list li::before{
          content:"";
          position:absolute;
          left:0;
          top:10px;
          width:6px;height:6px;
          border-radius:50%;
          background:rgba(30,58,138,.55);
        }
        #content .brand-landing__quote{
          margin-top:14px;
          padding:12px 14px;
          border-radius:14px;
          border:1px solid rgba(30,58,138,.20);
          background:rgba(30,58,138,.06);
          color:var(--bl-text);
          font-size:14px;
          line-height:1.55;
        }

        /* Pills */
        #content .brand-landing__pill-row{
          display:flex;
          flex-wrap:wrap;
          gap:8px;
          margin-top:12px;
        }
        #content .brand-landing__pill{
          display:inline-flex;
          padding:7px 10px;
          border-radius:999px;
          border:1px solid rgba(15,23,42,.10);
          background:rgba(255,255,255,.9);
          color:var(--bl-muted);
          font-size:12px;
        }

        /* Industries */
        #content .brand-landing__industries{
          display:grid;
          grid-template-columns:repeat(2, minmax(0,1fr));
          gap:14px;
        }
        #content .brand-landing__industry{
          background:var(--bl-card);
          border:1px solid rgba(15,23,42,.08);
          border-radius:16px;
          padding:16px 18px;
          box-shadow:var(--bl-shadow-sm);
        }
        #content .brand-landing__industry-k{
          font-weight:750;
          margin:0 0 6px;
        }
        #content .brand-landing__industry-v{
          color:var(--bl-muted);
          line-height:1.55;
          font-size:14px;
        }

        /* Spoilers */
        #content .brand-landing__spoiler{
          margin-top:16px;
          background:var(--bl-card);
          border:1px solid rgba(15,23,42,.10);
          border-radius:18px;
          overflow:hidden;
          box-shadow:var(--bl-shadow-sm);
        }
        #content .brand-landing__spoiler summary{
          list-style:none;
          cursor:pointer;
          padding:16px 18px;
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:12px;
          font-weight:750;
          color:var(--bl-text);
        }
        #content .brand-landing__spoiler summary::-webkit-details-marker{ display:none; }
        #content .brand-landing__spoiler-title{
          font-size:14px;
        }
        #content .brand-landing__spoiler-arrow{
          width:10px;height:10px;
          border-right:2px solid rgba(15,23,42,.45);
          border-bottom:2px solid rgba(15,23,42,.45);
          transform:rotate(45deg);
          transition:transform .2s ease;
          margin-left:auto;
        }
        #content .brand-landing__spoiler[open] .brand-landing__spoiler-arrow{
          transform:rotate(225deg);
        }
        #content .brand-landing__spoiler-body{
          padding:14px 18px 18px;
          border-top:1px solid rgba(15,23,42,.08);
          color:var(--bl-muted);
        }

        /* 2-col grid inside spoilers */
        #content .brand-landing__grid2{
          display:grid;
          grid-template-columns:repeat(2, minmax(0,1fr));
          gap:18px 22px;
        }
        #content .brand-landing__col h3{
          margin:0 0 10px;
          font-size:16px;
        }
        #content .brand-landing__cases{
          display:grid;
          gap:12px;
        }
        #content .brand-landing__case{
          border:1px solid rgba(15,23,42,.08);
          border-radius:14px;
          padding:14px 16px;
          background:rgba(2,6,23,.02);
        }
        #content .brand-landing__case-h{
          font-weight:750;
          margin:0 0 6px;
        }
        #content .brand-landing__case-p{
          margin:0;
          color:var(--bl-muted);
          line-height:1.6;
          font-size:14px;
        }

        /* Facts */
        #content .brand-landing__facts{
          padding:44px 0 0;
        }
        #content .brand-landing__facts h2{
          margin:0 0 18px;
          font-size:24px;
          letter-spacing:-.01em;
        }
        #content .brand-landing__facts-grid{
          display:grid;
          grid-template-columns:repeat(4, minmax(0,1fr));
          gap:14px;
        }
        #content .brand-landing__fact{
          background:var(--bl-card);
          border:1px solid rgba(15,23,42,.08);
          border-radius:16px;
          padding:16px 14px;
          box-shadow:var(--bl-shadow-sm);
          transition:transform .18s ease;
        }
        #content .brand-landing__fact:hover{ transform:translateY(-2px); }
        #content .brand-landing__fact-title{
          font-size:22px;
          font-weight:850;
          color:var(--bl-accent);
        }
        #content .brand-landing__fact-text{
          margin-top:6px;
          color:var(--bl-muted);
          font-size:13px;
          line-height:1.5;
        }

        /* CTA */
        #content .brand-landing__cta{
          margin-top:34px;
          background:linear-gradient(180deg, #0b1220, #0f172a);
          color:#fff;
          border-radius:22px;
          overflow:hidden;
        }
        #content .brand-landing__cta-inner{
          display:grid;
          grid-template-columns:1.05fr .95fr;
          gap:26px;
          padding:28px 24px;
        }
        #content .brand-landing__cta-left h2{
          margin:0 0 10px;
          font-size:22px;
        }
        #content .brand-landing__cta-left p{
          margin:0 0 16px;
          color:rgba(255,255,255,.86);
          line-height:1.65;
        }
        #content .brand-landing__cta-notes{
          display:grid;
          gap:10px;
        }
        #content .brand-landing__note{
          border:1px solid rgba(255,255,255,.12);
          background:rgba(255,255,255,.06);
          border-radius:14px;
          padding:12px 14px;
        }
        #content .brand-landing__note-k{
          display:block;
          font-size:11px;
          letter-spacing:.08em;
          text-transform:uppercase;
          color:rgba(255,255,255,.75);
        }
        #content .brand-landing__note-v{
          display:block;
          margin-top:6px;
          font-weight:700;
          color:rgba(255,255,255,.92);
          font-size:13px;
        }
        #content .brand-landing__form-slot{
          border-radius:18px;
          border:1px solid rgba(255,255,255,.14);
          background:rgba(255,255,255,.06);
          padding:16px;
          min-height:200px;
        }
        #content .brand-landing__form-title{
          font-weight:850;
          margin:0 0 8px;
        }
        #content .brand-landing__form-hint{
          color:rgba(255,255,255,.8);
          font-size:13px;
          line-height:1.55;
        }

        /* Responsive */
        @media (max-width: 992px){
          #content .brand-landing__hero-inner{ grid-template-columns:1fr; }
          #content .brand-landing__cards{ grid-template-columns:1fr; }
          #content .brand-landing__industries{ grid-template-columns:1fr; }
          #content .brand-landing__facts-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
          #content .brand-landing__cta-inner{ grid-template-columns:1fr; }
        }
        @media (max-width: 560px){
          #content .brand-landing__hero{ padding:34px 0 20px; }
          #content .brand-landing__title{ font-size:28px; }
          #content .brand-landing__block--alt{ padding:22px 16px 18px; }
          #content .brand-landing__hero-inner{ padding:0 14px; }
          #content .brand-landing__grid2{ grid-template-columns:1fr; }
          #content .brand-landing__facts-grid{ grid-template-columns:1fr; }
        }
/* =======================================================================
   SDM BRAND / ABB HERO — background image fix
   Problem: hero image was inserted as a normal <img> and appeared *below* the hero.
   Solution: support BOTH options:
   A) If you use <img class="sdm-brand__hero-bg" ...> inside hero — it becomes a true background.
   B) If you prefer no extra <img>, set inline CSS var:
      <header class="sdm-brand__hero" style="--brand-hero-bg:url('image/catalog/brand/abb-hero.webp')">
   ======================================================================= */

/* Make hero a positioning context */
#content .sdm-brand__hero,
#content .brand-landing__hero{
  position: relative;
  overflow: hidden;
}

/* Option A: image tag that behaves like a background */
#content .sdm-brand__hero-bg,
#content .brand-landing__hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  opacity:.22;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.05);
  pointer-events:none;
}

/* Option B: CSS variable background (works even without <img>) */
#content .sdm-brand__hero::before,
#content .brand-landing__hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--brand-hero-bg, none);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
  opacity:.18;
  transform:scale(1.02);
  pointer-events:none;
}

/* Corporate overlay to keep text readable */
#content .sdm-brand__hero::after,
#content .brand-landing__hero::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(900px 380px at 20% 30%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.78) 42%, rgba(255,255,255,.55) 100%);
  z-index:1;
  pointer-events:none;
}

/* Keep actual hero content above overlays */
#content .sdm-brand__hero-inner,
#content .brand-landing__hero-inner{
  position: relative;
  z-index: 2;
}



/* =========================================================
   SDM BRAND HERO (FOR MODULE OUTPUT)
   Compatible with OpenCart HTML module (module_id=51)
   ========================================================= */

.sdm-brand-hero{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  min-height: 420px;
  margin-bottom: 40px;

  /* Градиент слева -> прозрачно вправо + картинка (2 слоя) */
  background-image:
    linear-gradient(
      90deg,
      rgba(8,18,32,.95) 0%,
      rgba(8,18,32,.78) 34%,
      rgba(8,18,32,.38) 60%,
      rgba(8,18,32,0) 84%
    ),
    url('/image/catalog/brend/abb-hero.webp');
  background-size: 100% 100%, cover;
  background-position: left top, center right;
  background-repeat: no-repeat, no-repeat;
  background-color: #0b1424;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.sdm-brand-hero::before{ content:none !important; }
.sdm-brand-hero__inner{
  position: relative;
  z-index: 2;
  padding: 70px 40px;
  max-width: 650px;
}

.sdm-brand-hero__brand-logo{
  max-width: 160px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}

.sdm-brand-hero__title{
  font-size: 40px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
}

.sdm-brand-hero__title-emph{
  font-weight: 900;
}

.sdm-brand-hero__lead{
  color: rgba(255,255,255,.9);
  margin-bottom: 20px;
}

.sdm-brand-hero__bullets{
  list-style:none;
  padding:0;
  margin:0;
}

.sdm-brand-hero__bullets li{
  position:relative;
  padding-left:18px;
  margin-bottom:8px;
  color:#fff;
}

.sdm-brand-hero__bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#eb2e34;
}

/* Responsive */
@media (max-width: 768px){
  .sdm-brand-hero{
    min-height: 340px;
    background-position: center;
  }

  .sdm-brand-hero__inner{
    padding: 40px 25px;
  }

  .sdm-brand-hero__title{
    font-size: 26px;
  }
}




/* ===== Readability panel for text (no HTML changes needed) ===== */
.sdm-brand-hero__inner{
  position: relative;
  z-index: 2;
  padding: 56px 34px;
  max-width: 1140px;
  margin: 0 auto;
}

.sdm-brand-hero__left{
  max-width: 560px;
  padding: 26px 26px 22px;
  border-radius: 16px;

  /* key: gradient fade from text area into the image */
  background: linear-gradient(
    90deg,
    rgba(8,18,32,.86) 0%,
    rgba(8,18,32,.72) 55%,
    rgba(8,18,32,.22) 82%,
    rgba(8,18,32,0) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
}

.sdm-brand-hero__title,
.sdm-brand-hero__lead,
.sdm-brand-hero__bullets li{
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

.sdm-brand-hero__title{
  font-size: 38px;
  line-height: 1.12;
}

.sdm-brand-hero__lead{
  font-size: 15px;
}

/* Make bullets a bit clearer */
.sdm-brand-hero__bullets li{
  font-size: 14px;
}

@media (max-width: 768px){
  .sdm-brand-hero__inner{
    padding: 26px 16px;
  }
  .sdm-brand-hero__left{
  max-width: 560px;
  padding: 26px 26px 22px;
  border-radius: 16px;

  /* key: gradient fade from text area into the image */
  background: linear-gradient(
    90deg,
    rgba(8,18,32,.86) 0%,
    rgba(8,18,32,.72) 55%,
    rgba(8,18,32,.22) 82%,
    rgba(8,18,32,0) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
}
  .sdm-brand-hero__title{
    font-size: 24px;
  }
}


/* Optional overlay element (if kept in HTML) */
.sdm-brand-hero__overlay{ display:none !important; }




/* ===== Positioning overrides (move content left) ===== */
.sdm-brand-hero__inner{
  max-width: none;
          margin: 0;              /* no centering */
  padding: 58px 28px 58px 44px; /* closer to left edge */
}

.sdm-brand-hero__left{
  max-width: 560px; /* keep readable width */
}

/* Slightly larger title on desktop for presence */
.sdm-brand-hero__title{
  font-size: 40px;
  line-height: 1.12;
}

@media (max-width: 768px){
  .sdm-brand-hero__inner{
    padding: 28px 18px;
  }
}



/* =========================================================
   Premium tweaks: bigger logo + more "expensive" look
   ========================================================= */

/* Logo block becomes a subtle glass badge */
.sdm-brand-hero__brand{
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(8,18,32,.22);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  margin-bottom: 16px;
}

/* Bigger logo, still corporate */
.sdm-brand-hero__brand-logo{
  width: 260px;
  max-width: 260px;
  height: auto;
  display: block;
  opacity: .99;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.28)) saturate(1.06) contrast(1.05) brightness(1.06);
}

/* Typography polish */
.sdm-brand-hero__title{
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.sdm-brand-hero__lead{
  max-width: 620px;
  color: rgba(255,255,255,.92);
}

/* Bullets: cleaner, with subtle separators */
.sdm-brand-hero__bullets{
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.sdm-brand-hero__bullets li{
  padding-left: 18px;
  color: rgba(255,255,255,.93);
}

/* Mobile adjustments */
@media (max-width: 768px){
  .sdm-brand-hero__brand{
    padding: 8px 12px;
    border-radius: 12px;
    margin-bottom: 12px;
  }

  .sdm-brand-hero__brand-logo{
    width: 190px;
    max-width: 190px;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.26)) saturate(1.05) contrast(1.04) brightness(1.05);
  }
}


/* =======================================================================
   SDM BRAND HERO — ABB logo alignment hotfix (2026-02-18)
   Goal: logo starts at the same left edge as the headline text.
   Safe: overrides only inside .sdm-brand hero.
   ======================================================================= */

.sdm-brand__hero .sdm-brand__head{
  display:block;
  margin:0 0 10px;
}

.sdm-brand__hero .sdm-brand__logo{
  width:auto;
  height:auto;
  flex:none;
  border:none;
  background:transparent;
  border-radius:0;
  padding:0;
  margin:0 0 10px 0;
  justify-content:flex-start;
}

.sdm-brand__hero .sdm-brand__logo img{
  max-width: 110px;
  max-height: 28px;
  object-fit: contain;
  filter:none;
  opacity:1;
}

/* If you keep the boxed variant on other pages, keep it there */
.sdm-brand__hero .sdm-brand__logo.is-boxed{
  width:64px;height:64px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.sdm-brand__hero .sdm-brand__logo.is-boxed img{
  max-width:70%;
  max-height:70%;
}


/* =========================================================
   MODULE #51 — ALIGN BRAND LOGO WITH H1 (OVERRIDES)
   (OpenCart HTML module wrapper usually has id="module-51")
   ========================================================= */

#module-51 .sdm-brand-hero__brand-logo,
#module_51 .sdm-brand-hero__brand-logo,
#module51 .sdm-brand-hero__brand-logo{
  display: block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#module-51 .sdm-brand-hero__title,
#module_51 .sdm-brand-hero__title,
#module51 .sdm-brand-hero__title{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#module-51 .sdm-brand-hero__inner,
#module_51 .sdm-brand-hero__inner,
#module51 .sdm-brand-hero__inner{
  /* left edge for both logo and title */
  padding-left: 40px !important;
}



/* =======================================================================
   MODULE 51 — SDM BRAND HERO (ABB) logo alignment fix
   Requirement: logo must start at the same left edge as the headline ("Привода...")
   ======================================================================= */
#module-51 .sdm-brand-hero__inner,
#module_51 .sdm-brand-hero__inner,
#module51 .sdm-brand-hero__inner{
  text-align: left !important;
}

/* If the theme makes the inner wrapper flex + centered, force left alignment */
#module-51 .sdm-brand-hero__inner,
#module_51 .sdm-brand-hero__inner,
#module51 .sdm-brand-hero__inner{
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* Key part: remove centering on the logo itself */
#module-51 .sdm-brand-hero__brand-logo,
#module_51 .sdm-brand-hero__brand-logo,
#module51 .sdm-brand-hero__brand-logo{
  display: block !important;
  margin: 0 0 14px 0 !important;   /* no auto-centering */
  padding: 0 !important;
  float: none !important;
  transform: none !important;
}

/* Ensure title isn't shifted by its own padding/margin */
#module-51 .sdm-brand-hero__title,
#module_51 .sdm-brand-hero__title,
#module51 .sdm-brand-hero__title{
  margin-left: 0 !important;
  padding-left: 0 !important;
}



/* =======================================================================
   MODULE 52 — SDM BRAND HERO (IFM) background + logo alignment
   Background image path provided by user: /image/catalog/brend/fmf.png
   ======================================================================= */
#module-52 .sdm-brand-hero__inner,
#module_52 .sdm-brand-hero__inner,
#module52 .sdm-brand-hero__inner{
  background-image: url('/image/catalog/brend/fmf.png') !important;
  text-align: left !important;
  padding-left: 40px !important; /* same as module 51 */
}

/* keep logo starting exactly at the same left edge as the headline */
#module-52 .sdm-brand-hero__brand-logo,
#module_52 .sdm-brand-hero__brand-logo,
#module52 .sdm-brand-hero__brand-logo{
  display: block !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
}

#module-52 .sdm-brand-hero__title,
#module_52 .sdm-brand-hero__title,
#module52 .sdm-brand-hero__title{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* =======================================================================
   MODULE 52 — FIXES
   1) Remove extra module title "IFM" above the hero (theme/module header)
   2) Add the same "glass tile" underlay behind text as in ABB block
   ======================================================================= */

/* 1) Hide module header/title that UniShop/OpenCart may output above HTML module */
#module-52 > h1,
#module-52 > h2,
#module-52 > h3,
#module-52 > .heading,
#module-52 > .box-heading,
#module-52 > .module-title,
#module_52 > h1,
#module_52 > h2,
#module_52 > h3,
#module_52 > .heading,
#module_52 > .box-heading,
#module_52 > .module-title,
#module52 > h1,
#module52 > h2,
#module52 > h3,
#module52 > .heading,
#module52 > .box-heading,
#module52 > .module-title{
  display:none !important;
}

/* ===== SDM FIX v6: module 52 (IFM) - hide module title + make tile contain text ===== */
#module-52 > h1,
#module-52 > h2,
#module-52 > h3,
#module-52 > h4,
#module-52 > .module-title,
#module-52 > .box-heading,
#module-52 > .panel-heading,
#module-52 .module-title,
#module-52 .box-heading,
#module-52 .panel-heading{
  display:none !important;
}

/* hero container */
#module-52 .sdm-brand-hero__inner{
  position: relative !important;
  overflow: hidden !important;
  text-align: left !important;
  padding: 56px 56px 56px 56px !important; /* единый край для лого/заголовка */
}

/* glass tile */
#module-52 .sdm-brand-hero__inner::before{
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 24px !important;
  bottom: 24px !important;
  width: 380px !important;
  background: rgba(10, 16, 24, 0.74) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  pointer-events: none !important;
}

/* keep content above tile */
#module-52 .sdm-brand-hero__brand-logo,
#module-52 .sdm-brand-hero__title,
#module-52 .sdm-brand-hero__lead,
#module-52 .sdm-brand-hero__bullets{
  position: relative !important;
  z-index: 2 !important;
  max-width: 300px !important; /* чтобы текст не вылезал за плитку */
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

/* logo align + spacing */
#module-52 .sdm-brand-hero__brand-logo{
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* typography spacing tweaks */
#module-52 .sdm-brand-hero__title{ margin: 0 0 12px 0 !important; }
#module-52 .sdm-brand-hero__lead{ margin: 0 0 14px 0 !important; }

/* bullets inside tile */
#module-52 .sdm-brand-hero__bullets{ margin: 0 !important; padding-left: 18px !important; }

/* responsive: tile becomes full-width on small screens */
@media (max-width: 768px){
  #module-52 .sdm-brand-hero__inner{ padding: 22px !important; }
  #module-52 .sdm-brand-hero__inner::before{
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    top: 12px !important;
    bottom: 12px !important;
  }
  #module-52 .sdm-brand-hero__brand-logo,
  #module-52 .sdm-brand-hero__title,
  #module-52 .sdm-brand-hero__lead,
  #module-52 .sdm-brand-hero__bullets{
    max-width: 100% !important;
  }
}
/* ===== /SDM FIX v6 ===== */


/* =======================================================================
   SDM FIX v7 — MODULE 52 (IFM) FINAL
   - Hide default page H1 (IFM) above the module on manufacturer/brand pages
   - Prevent text from overflowing the glass tile
   ======================================================================= */

/* 1) Hide OpenCart/UniShop page title above content on manufacturer/brand pages */
body.product-manufacturer #content > h1,
body.product-manufacturer-info #content > h1,
body.product-manufacturer_info #content > h1,
body.product-manufacturer #content > .page-title,
body.product-manufacturer-info #content > .page-title,
body.product-manufacturer_info #content > .page-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* 2) Keep ALL text strictly inside the glass tile width */
#module-52 .sdm-brand-hero__brand-logo,
#module-52 .sdm-brand-hero__title,
#module-52 .sdm-brand-hero__lead,
#module-52 .sdm-brand-hero__bullets{
  max-width: 360px !important; /* 420 tile - side paddings */
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Title sizing/line-height to avoid overflow */
#module-52 .sdm-brand-hero__title{
  font-size: 38px !important;
  line-height: 1.08 !important;
  margin-bottom: 14px !important;
}
#module-52 .sdm-brand-hero__lead{
  line-height: 1.45 !important;
}

/* Responsive: tile becomes wider and text reflows nicely */
#module-52 .sdm-brand-hero__brand-logo,
  #module-52 .sdm-brand-hero__title,
  #module-52 .sdm-brand-hero__lead,
  #module-52 .sdm-brand-hero__bullets{ max-width: 76% !important; }
@media (max-width: 480px){
  #module-52 .sdm-brand-hero__title{ font-size: 26px !important; }
}



/* ===============================
   FIX v9: IFM (module 52) tile must be ABOVE background and BELOW text
   Reason: pseudo-element/tile z-index was lower than expected.
   =============================== */

/* Make inner a stacking context */
#module-52.sdm-brand-hero .sdm-brand-hero__inner{
  position: relative !important;
  isolation: isolate !important; /* prevents weird stacking with neighbors */
}

/* Remove any old tile pseudo-elements for module 52 */
#module-52.sdm-brand-hero .sdm-brand-hero__inner::after{
  content: none !important;
}

/* Single tile */
#module-52.sdm-brand-hero .sdm-brand-hero__inner::before{
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 22px !important;
  width: 420px !important;
  max-width: calc(100% - 44px) !important;
  height: calc(100% - 44px) !important;
  border-radius: 12px !important;
  background: rgba(7, 12, 18, .70) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Put content above the tile */
#module-52.sdm-brand-hero .sdm-brand-hero__brand-logo,
#module-52.sdm-brand-hero .sdm-brand-hero__title,
#module-52.sdm-brand-hero .sdm-brand-hero__lead,
#module-52.sdm-brand-hero .sdm-brand-hero__bullets{
  position: relative !important;
  z-index: 2 !important;
  max-width: 388px !important; /* tile width minus padding look */
  margin-left: 48px !important; /* aligns with previous ABB logic */
}

/* Keep the logo aligned with title and not centered */
#module-52.sdm-brand-hero .sdm-brand-hero__brand-logo{
  display: block !important;
  margin-top: 40px !important;
  margin-bottom: 14px !important;
}

/* Typography safety so nothing spills */
#module-52.sdm-brand-hero .sdm-brand-hero__title{
  overflow-wrap: anywhere !important;
}
#module-52.sdm-brand-hero .sdm-brand-hero__lead{
  line-height: 1.35 !important;
}
#module-52.sdm-brand-hero .sdm-brand-hero__bullets{
  padding-left: 0 !important;
}



/* =======================================================================
   MODULE 52 (IFM) — REMOVE ALL TILES/OVERLAYS (user request)
   This disables any previous ::before/::after "glass/black tile" layers
   ======================================================================= */
#module-52 .sdm-brand-hero__inner::before,
#module-52 .sdm-brand-hero__inner::after,
#module_52 .sdm-brand-hero__inner::before,
#module_52 .sdm-brand-hero__inner::after,
#module52 .sdm-brand-hero__inner::before,
#module52 .sdm-brand-hero__inner::after{
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  opacity: 0 !important;
}

#module-52 .sdm-brand-hero__title,
#module-52 .sdm-brand-hero__lead,
#module-52 .sdm-brand-hero__bullets,
#module_52 .sdm-brand-hero__title,
#module_52 .sdm-brand-hero__lead,
#module_52 .sdm-brand-hero__bullets,
#module52 .sdm-brand-hero__title,
#module52 .sdm-brand-hero__lead,
#module52 .sdm-brand-hero__bullets{
  max-width: none !important;
}

/* make sure nothing is blurred/dimmed by leftover filters */
#module-52 .sdm-brand-hero__inner,
#module_52 .sdm-brand-hero__inner,
#module52 .sdm-brand-hero__inner{
  filter: none !important;
}


/* ===== IFM (module 52): hide extra heading printed above banner ===== */
#module-52 > h1,
#module-52 > h2,
#module-52 > h3,
#module-52 > h4,
#module-52 > .module-title,
#module-52 > .box-heading,
#module-52 > .panel-heading,
#module-52 .box-heading,
#module-52 .panel-heading,
#module-52 .module-title{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* also cover common OpenCart module wrappers */
#module-52 .panel > .panel-heading,
#module-52 .panel-heading,
#module-52 .panel-title{
  display:none !important;
}
/* safety: remove top gap if any */
#module-52{ padding-top: 0 !important; margin-top: 0 !important; }
/* ===== /IFM module 52 heading hide ===== */


/* ===== FIX: убрать заголовок "IFM" над баннером (его выводит шаблон как отдельный заголовок перед HTML-модулем)
   CSS не может выбрать "предыдущего соседа", поэтому делаем визуальное перекрытие:
   сдвигаем сам баннер вверх отрицательным margin, чтобы он накрыл строку заголовка. ===== */
#module-52.sdm-brand-hero{
  position: relative;
  z-index: 5;
  margin-top: -34px; /* перекрывает строку заголовка над модулем */
}
@media (max-width: 768px){
  #module-52.sdm-brand-hero{ margin-top: -26px; }
}
/* ===== /FIX ===== */


/* =======================================================================
   FIX (2026-02-18): убрать дублирующий заголовок бренда (например "IFM")
   который выводит шаблон страницы производителя над HTML-модулем.
   Это НЕ заголовок внутри модуля #module-52, а системный H1 страницы.
   ======================================================================= */

/* OpenCart 3 + UniShop обычно ставит body-классы вида:
   product-manufacturer-info / product-manufacturer / manufacturer-info */
body.product-manufacturer-info #content > h1,
body.product-manufacturer #content > h1,
body.manufacturer-info #content > h1,
body[class*="manufacturer"] #content > h1{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* на всякий случай — если заголовок обёрнут в .page-title / .heading */
body.product-manufacturer-info #content .page-title,
body.product-manufacturer-info #content .heading,
body.product-manufacturer-info #content .page-title__title,
body.product-manufacturer-info #content .category-info__title{
  display:none !important;
}

/* после скрытия H1 убираем лишний отступ сверху у баннера */
body.product-manufacturer-info #module-52,
body.product-manufacturer-info #module_52,
body.product-manufacturer-info #module52,
body.product-manufacturer-info .sdm-brand-hero{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Если раньше был "хак" с отрицательным margin для перекрытия заголовка — отключаем */
#module-52.sdm-brand-hero{ margin-top: 0 !important; }
@media (max-width: 768px){
  #module-52.sdm-brand-hero{ margin-top: 0 !important; }
}
/* ======================================================================= */

/* ===== SDM FIX: hide manufacturer H1 above module-52 (IFM) ===== */
/* The "IFM" label is the page heading rendered BEFORE the module.
   We scope the hide to pages that contain #module-52 to avoid affecting other pages. */
body:has(#module-52) #content > h1,
body:has(#module-52) #content > .page-title,
body:has(#module-52) #content > .heading-title,
body:has(#module-52) #content > .title,
body:has(#module-52) #content h1.page-title,
body:has(#module-52) #content h1.heading-title,
body:has(#module-52) #content h1.title,
body:has(#module-52) .breadcrumb + h1,
body:has(#module-52) .breadcrumb + .page-title,
body:has(#module-52) .breadcrumb + .heading-title,
body:has(#module-52) .breadcrumb + .title{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fallback for themes that wrap content title inside a "page-header" / heading blocks */
body:has(#module-52) #content .page-header h1,
body:has(#module-52) #content .page-header .page-title,
body:has(#module-52) #content .page-header .heading-title,
body:has(#module-52) #content .page-header .title,
body:has(#module-52) #content .panel-heading,
body:has(#module-52) #content .box-heading{
  display: none !important;
}
  /* ==============================
   FIX: убрать надпись IFM над module-52
   (элемент стоит ПЕРЕД #module-52)
   ============================== */

/* 1) Самый точный вариант: заголовок, который стоит прямо перед модулем */
h1:has(+ #module-52),
h2:has(+ #module-52),
h3:has(+ #module-52),
.box-heading:has(+ #module-52),
.panel-heading:has(+ #module-52),
.module-title:has(+ #module-52){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Частый случай в темах OC: заголовок лежит в блоке, который является предыдущим соседом */
*:has(+ #module-52) > h1,
*:has(+ #module-52) > h2,
*:has(+ #module-52) > h3{
  display: none !important;
}

/* 3) Если тема выводит заголовок модуля внутри обёртки перед контентом модуля */
#module-52 .box-heading,
#module-52 .panel-heading,
#module-52 .module-title{
  display: none !important;
}

/* 4) На всякий: если где-то был “хак” с плитками/оверлеями — отключаем для IFM */
#module-52 .sdm-brand-hero__inner::before,
#module-52 .sdm-brand-hero__inner::after,
#module-52 .sdm-brand-hero__left::before,
#module-52 .sdm-brand-hero__left::after{
  content: none !important;
  display: none !important;
 
}
/* ==============================
   FIX: убрать надпись ABB над module-51
   (элемент стоит ПЕРЕД #module-51)
   ============================== */

/* 1) Самый точный вариант: заголовок, который стоит прямо перед модулем */
h1:has(+ #module-51),
h2:has(+ #module-51),
h3:has(+ #module-51),
.box-heading:has(+ #module-51),
.panel-heading:has(+ #module-51),
.module-title:has(+ #module-51){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Частый случай в темах OC: заголовок лежит в блоке, который является предыдущим соседом */
*:has(+ #module-51) > h1,
*:has(+ #module-51) > h2,
*:has(+ #module-51) > h3{
  display: none !important;
}

/* 3) Если тема выводит заголовок модуля внутри обёртки перед контентом модуля */
#module-51 .box-heading,
#module-51 .panel-heading,
#module-51 .module-title{
  display: none !important;
}

/* 4) На всякий: если где-то был “хак” с плитками/оверлеями — отключаем для IFM */
#module-51 .sdm-brand-hero__inner::before,
#module-51 .sdm-brand-hero__inner::after,
#module-51 .sdm-brand-hero__left::before,
#module-51 .sdm-brand-hero__left::after{
  content: none !important;
  display: none !important;
}



/* ===== /SDM FIX ===== */


/* =======================================================================
   SDM BRAND HERO — FINAL OVERRIDES (MODULES 51=ABB, 52=IFM)
   Цель:
   1) Одинаковая верстка (как IFM): .sdm-brand-hero__inner + .sdm-brand-hero__left
   2) Убрать ЛЮБЫЕ "плитки" / прямоугольники / оверлеи под текстом
   3) Убрать системный заголовок бренда над модулем (H1/H2 и т.п.)
   4) Лого стартует ровно по той же левой линии, что и заголовок
   ======================================================================= */

/* 0) Скрываем системный H1 страницы производителя (это и есть надпись "ABB/IFM" сверху) */
body.product-manufacturer-info #content > h1,
body.product-manufacturer #content > h1,
body.manufacturer-info #content > h1,
body[class*="manufacturer"] #content > h1{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) На всякий случай: гасим заголовки/хедеры, которые тема может вывести РЯДОМ с модулем */
#module-51 > h1, #module-51 > h2, #module-51 > h3, #module-51 > h4,
#module-51 > .heading, #module-51 > .box-heading, #module-51 > .panel-heading, #module-51 > .module-title,
#module_51 > h1, #module_51 > h2, #module_51 > h3, #module_51 > h4,
#module_51 > .heading, #module_51 > .box-heading, #module_51 > .panel-heading, #module_51 > .module-title,
#module51 > h1, #module51 > h2, #module51 > h3, #module51 > h4,
#module51 > .heading, #module51 > .box-heading, #module51 > .panel-heading, #module51 > .module-title,

#module-52 > h1, #module-52 > h2, #module-52 > h3, #module-52 > h4,
#module-52 > .heading, #module-52 > .box-heading, #module-52 > .panel-heading, #module-52 > .module-title,
#module_52 > h1, #module_52 > h2, #module_52 > h3, #module_52 > h4,
#module_52 > .heading, #module_52 > .box-heading, #module_52 > .panel-heading, #module_52 > .module-title,
#module52 > h1, #module52 > h2, #module52 > h3, #module52 > h4,
#module52 > .heading, #module52 > .box-heading, #module52 > .panel-heading, #module52 > .module-title{
  display:none !important;
}

/* 2) Убираем фон у <section>, делаем фоном именно .__inner (у тебя там inline background-image) */
#module-51.sdm-brand-hero,
#module-52.sdm-brand-hero{
  background: none !important;
  background-image: none !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* 3) БАЗА для hero-inner (фон + общий контейнер) */
#module-51 .sdm-brand-hero__inner,
#module-52 .sdm-brand-hero__inner{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  min-height: 420px !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

/* 4) Градиент для читабельности — НИКАКИХ ПЛИТОК: это full overlay на весь фон */
#module-51 .sdm-brand-hero__inner::before,
#module-52 .sdm-brand-hero__inner::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(8,18,32,.92) 0%,
    rgba(8,18,32,.72) 34%,
    rgba(8,18,32,.36) 60%,
    rgba(8,18,32,0) 84%
  ) !important;
  pointer-events: none !important;
}

/* 5) Жёстко УДАЛЯЕМ любые "плитки/карточки" (в т.ч. старые эксперименты) */
#module-51 .sdm-brand-hero__inner::after,
#module-52 .sdm-brand-hero__inner::after,
#module-51 .sdm-brand-hero__left::before,
#module-51 .sdm-brand-hero__left::after,
#module-52 .sdm-brand-hero__left::before,
#module-52 .sdm-brand-hero__left::after{
  content: none !important;
  display: none !important;
}

/* 6) Контентная колонка слева */
#module-51 .sdm-brand-hero__left,
#module-52 .sdm-brand-hero__left{
  position: relative !important;
  z-index: 2 !important; /* выше градиента */
  max-width: 650px !important;
  padding: 70px 40px !important;
  text-align: left !important;
}

/* 7) Лого и заголовок — одна линия старта */
#module-51 .sdm-brand-hero__brand-logo,
#module-52 .sdm-brand-hero__brand-logo{
  display:block !important;
  max-width: 160px !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  float:none !important;
  transform:none !important;
}

#module-51 .sdm-brand-hero__title,
#module-52 .sdm-brand-hero__title{
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #fff !important;
}

#module-51 .sdm-brand-hero__title-emph,
#module-52 .sdm-brand-hero__title-emph{
  font-weight: 900 !important;
}

#module-51 .sdm-brand-hero__lead,
#module-52 .sdm-brand-hero__lead{
  margin: 0 0 18px 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#module-51 .sdm-brand-hero__bullets,
#module-52 .sdm-brand-hero__bullets{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#module-51 .sdm-brand-hero__bullets li,
#module-52 .sdm-brand-hero__bullets li{
  position: relative !important;
  padding-left: 18px !important;
  margin: 0 0 8px 0 !important;
  color: #fff !important;
}

#module-51 .sdm-brand-hero__bullets li::before,
#module-52 .sdm-brand-hero__bullets li::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 7px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #eb2e34 !important;
}

/* 8) Адаптив */
@media (max-width: 768px){
  #module-51 .sdm-brand-hero__inner,
  #module-52 .sdm-brand-hero__inner{
    min-height: 340px !important;
    background-position: center !important;
  }
  #module-51 .sdm-brand-hero__left,
  #module-52 .sdm-brand-hero__left{
    padding: 40px 24px !important;
  }
  #module-51 .sdm-brand-hero__title,
  #module-52 .sdm-brand-hero__title{
    font-size: 26px !important;
  }
}

/* ======================================================================= */


/* === FORCE REMOVE PAGE TITLE (ONLY brand hero pages) === */
/* Ограничиваем действие: только страницы где реально есть наш hero-модуль (#module-51/#module-52/#module-53)
   + запасной вариант для IFM статьи (information_id=11), если понадобится */
#content:has(#module-51) > h1,
#content:has(#module-52) > h1,
#content:has(#module-53) > h1,
#content:has(#module-51) h1:first-of-type,
#content:has(#module-52) h1:first-of-type,
#content:has(#module-53) h1:first-of-type,
body[class*="information-information-11"] #content > h1,
body[class*="information-information-11"] #content h1:first-of-type{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
/* Safety override for manufacturer / brand pages */
.manufacturer-info h1,
.information-information h1 {
    display: none !important;
}



/* =========================================
   SDM Brand Hero — SICK (module_id=53)
   Background: /image/catalog/brend/ick.png
   ========================================= */
#module-53.sdm-brand-hero .sdm-brand-hero__inner,
#module-53 .sdm-brand-hero__inner{
  background-image: url('/image/catalog/brend/ick.png') !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

/* Ensure left content sits above any theme overlays */
#module-53 .sdm-brand-hero__left,
#module-53 .sdm-brand-hero__brand-logo,
#module-53 .sdm-brand-hero__title,
#module-53 .sdm-brand-hero__lead,
#module-53 .sdm-brand-hero__bullets{
  position: relative;
  z-index: 2;
}

/* Remove any accidental overlays/tiles from previous experiments on this module */
#module-53 .sdm-brand-hero__inner::before,
#module-53 .sdm-brand-hero__inner::after,
#module-53 .sdm-brand-hero__left::before,
#module-53 .sdm-brand-hero__left::after{
  content: none !important;
  display: none !important;
}

/* If the theme prints a small title right above the module inside the same container, hide it */
#module-53 .box-heading,
#module-53 .panel-heading,
#module-53 .module-title{
  display:none !important;
}


/* ===== SDM BRAND HERO: скрываем заголовки страницы/модуля над баннером (ABB/IFM/SICK) ===== */
#content:has(#module-51, #module-52, #module-53) > h1,
#content:has(#module-51, #module-52, #module-53) > h2,
#content:has(#module-51, #module-52, #module-53) > h3{
  display:none !important;
}

/* Если тема/модуль выводит "заголовок модуля" внутри обёртки — тоже скрываем */
#module-51 .module-title, #module-52 .module-title, #module-53 .module-title,
#module-51 .box-heading,  #module-52 .box-heading,  #module-53 .box-heading,
#module-51 .heading,      #module-52 .heading,      #module-53 .heading,
#module-51 > h1, #module-52 > h1, #module-53 > h1,
#module-51 > h2, #module-52 > h2, #module-53 > h2,
#module-51 > h3, #module-52 > h3, #module-53 > h3{
  display:none !important;
}

/* На случай, если заголовок отрисован как отдельный элемент перед #module-xx */
#content:has(#module-51) .sdm-module-title,
#content:has(#module-52) .sdm-module-title,
#content:has(#module-53) .sdm-module-title{
  display:none !important;
}




/* =========================
   SDM BRAND HERO: скрыть дубль заголовков над баннером (SICK / IFM / ABB)
   ========================= */

/* 1) Скрываем заголовок страницы бренда (H1/H2) над первым hero-модулем */
body:has(#module-51) #content > h1,
body:has(#module-51) #content > h2:first-of-type,
body:has(#module-52) #content > h1,
body:has(#module-52) #content > h2:first-of-type,
body:has(#module-53) #content > h1,
body:has(#module-53) #content > h2:first-of-type{
  display:none !important;
}

/* 2) Скрываем «заголовок модуля» (обычно это H1/H2/H3 или .box-heading/.panel-heading) прямо перед секцией module-5x */
h1:has(+ #module-51), h2:has(+ #module-51), h3:has(+ #module-51),
h1:has(+ #module-52), h2:has(+ #module-52), h3:has(+ #module-52),
h1:has(+ #module-53), h2:has(+ #module-53), h3:has(+ #module-53),
.box-heading:has(+ #module-51), .panel-heading:has(+ #module-51), .module-title:has(+ #module-51),
.box-heading:has(+ #module-52), .panel-heading:has(+ #module-52), .module-title:has(+ #module-52),
.box-heading:has(+ #module-53), .panel-heading:has(+ #module-53), .module-title:has(+ #module-53){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* 3) Убираем лишний отступ, который мог остаться после скрытия заголовка */
body:has(#module-51) #content,
body:has(#module-52) #content,
body:has(#module-53) #content{
  padding-top: 0 !important;
}


/* ==============================
   FIX: убрать надпись SICK над module-53
   (элемент стоит ПЕРЕД #module-53)
   ============================== */

/* 1) Самый точный вариант: заголовок, который стоит прямо перед модулем */
h1:has(+ #module-53),
h2:has(+ #module-53),
h3:has(+ #module-53),
.box-heading:has(+ #module-53),
.panel-heading:has(+ #module-53),
.module-title:has(+ #module-53){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Частый случай в темах OC: заголовок лежит в блоке, который является предыдущим соседом */
*:has(+ #module-53) > h1,
*:has(+ #module-53) > h2,
*:has(+ #module-53) > h3{
  display: none !important;
}

/* 3) Если тема выводит заголовок модуля внутри обёртки перед контентом модуля */
#module-53 .box-heading,
#module-53 .panel-heading,
#module-53 .module-title{
  display: none !important;
}

/* 4) На всякий: отключаем псевдо-оверлеи/плитки для module-53 */
#module-53 .sdm-brand-hero__inner::before,
#module-53 .sdm-brand-hero__inner::after,
#module-53 .sdm-brand-hero__left::before,
#module-53 .sdm-brand-hero__left::after{
  content: none !important;
  display: none !important;
}

/* ==============================
   FIX V4: hide page titles on pages containing modules 51/52/53
   Причина: заголовок (SICK/ABB/IFM) не всегда стоит прямо перед модулем,
   поэтому селектор :has(+ #module-53) может не сработать.
   Ниже — скрываем заголовки внутри #content на страницах, где есть нужный модуль.
   ============================== */

/* Скрыть H1/H2/H3 внутри основного контента, если на странице есть конкретный модуль */
#content:has(#module-51) > h1,
#content:has(#module-51) > h2,
#content:has(#module-51) > h3,
#content:has(#module-52) > h1,
#content:has(#module-52) > h2,
#content:has(#module-52) > h3,
#content:has(#module-53) > h1,
#content:has(#module-53) > h2,
#content:has(#module-53) > h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* Частый случай: заголовок идёт сразу после хлебных крошек */
#content:has(#module-51) .breadcrumb + h1,
#content:has(#module-52) .breadcrumb + h1,
#content:has(#module-53) .breadcrumb + h1{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Ещё один частый случай UniShop: заголовок в .page-title/.heading-title */
#content:has(#module-51) .page-title,
#content:has(#module-51) .heading-title,
#content:has(#module-52) .page-title,
#content:has(#module-52) .heading-title,
#content:has(#module-53) .page-title,
#content:has(#module-53) .heading-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* На всякий: если тема выводит дублирующий заголовок как h4/h5 */
#content:has(#module-53) > h4,
#content:has(#module-53) > h5{
  display:none !important;
}


/* ==============================
   FIX V5: hide Information page H1 for information_id=13 (SICK page)
   Пользователь подтвердил: это H1 заголовок статьи information_id=13, а не модуля.
   Убираем только системный заголовок страницы, НЕ трогаем H1 внутри баннера.
   ============================== */

/* 1) На страницах, где есть module-53 (SICK), скрываем заголовок статьи в зоне контента */
body:has(#module-53) #content h1:not(.sdm-brand-hero__title),
body:has(#module-53) #content h2:not(.sdm-brand-hero__title),
body:has(#module-53) #content h3:not(.sdm-brand-hero__title){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 2) На всякий случай: если тема выводит заголовок статьи вне #content, но в .container */
body:has(#module-53) .container > h1:not(.sdm-brand-hero__title),
body:has(#module-53) .container > h2:not(.sdm-brand-hero__title),
body:has(#module-53) .container > h3:not(.sdm-brand-hero__title){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 3) Очень частый шаблон: заголовок сразу после хлебных крошек */
body:has(#module-53) .breadcrumb + h1,
body:has(#module-53) .breadcrumb + h2,
body:has(#module-53) .breadcrumb + h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 4) Если тема использует обёртки для заголовка статьи */
body:has(#module-53) .page-title,
body:has(#module-53) .heading-title,
body:has(#module-53) .title-page,
body:has(#module-53) .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 5) Подстраховка: не скрывать заголовок внутри баннера даже если он H1 */
body:has(#module-53) #module-53 h1.sdm-brand-hero__title,
body:has(#module-53) #module-53 h2.sdm-brand-hero__title{
  display:block !important;
  height:auto !important;
}


/* ==============================
   FIX V6: hide information_id=13 page title (SICK) using body class + adjacency
   В прошлый раз сработало, когда заголовок стоял ПЕРЕД модулем:
   h1:has(+ #module-XX) { display:none }
   Здесь применяем то же для module-53 + добавляем точечный селектор по body class страницы статьи.
   ============================== */

/* A) Точно как в прошлый раз: убрать заголовок, который стоит прямо перед модулем 53 */
h1:has(+ #module-53),
h2:has(+ #module-53),
h3:has(+ #module-53),
.box-heading:has(+ #module-53),
.panel-heading:has(+ #module-53),
.module-title:has(+ #module-53){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* B) Если заголовок лежит в блоке, который является предыдущим соседом */
*:has(+ #module-53) > h1,
*:has(+ #module-53) > h2,
*:has(+ #module-53) > h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* C) Точечно для страницы information_id=13:
   В OpenCart/UniShop body обычно содержит класс вида information-information-13 или information-information-13-*
   Скрываем только первый заголовок страницы в контенте. */
body[class*="information-information-13"] #content > h1:first-of-type,
body[class*="information-information-13"] #content > h2:first-of-type,
body[class*="information-information-13"] #content > h3:first-of-type,
body[class*="information-information-13"] .breadcrumb + h1,
body[class*="information-information-13"] .breadcrumb + h2,
body[class*="information-information-13"] .breadcrumb + h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* D) НИКОГДА не трогаем заголовок внутри баннера */
#module-53 h1.sdm-brand-hero__title,
#module-53 h2.sdm-brand-hero__title{
  display:block !important;
  height:auto !important;
  margin: 0 0 20px !important;
}


/* =========================================================
   SDM Brand Mini-Landing — IFM (information_id=11)
   Оформление контента статьи (без кнопок/форм)
   ========================================================= */

/* Скрываем системный заголовок страницы ТОЛЬКО на information_id=11 */
body[class*="information-information-11"] #content > h1:first-of-type,
body[class*="information-information-11"] #content > h2:first-of-type,
body[class*="information-information-11"] #content > h3:first-of-type,
body[class*="information-information-11"] .breadcrumb + h1,
body[class*="information-information-11"] .breadcrumb + h2,
body[class*="information-information-11"] .breadcrumb + h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* НИКОГДА не трогаем заголовок внутри баннера/hero ifm */
body[class*="information-information-11"] #module-52 h1,
body[class*="information-information-11"] #module-52 h2,
body[class*="information-information-11"] #module-52 h3{
  display:block !important;
  height:auto !important;
}

/* Контейнер статьи */
body[class*="information-information-11"] .sdm-brand-article{
  max-width: 980px;
  margin: 28px auto 60px;
  padding: 0 10px;
  color: #22303a;
}

/* Секции */
body[class*="information-information-11"] .sdm-brand-article__block{
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(0,0,0,.08);
}

body[class*="information-information-11"] .sdm-brand-article__h2{
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .2px;
}

body[class*="information-information-11"] .sdm-brand-article__lead{
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(34,48,58,.85);
}

/* Теги / чипы */
body[class*="information-information-11"] .sdm-brand-article__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
          margin: 0;
}

body[class*="information-information-11"] .sdm-brand-article__tag{
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(0,100,180,.08);
  border: 1px solid rgba(0,100,180,.18);
  color: #0b3d73;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
}

/* Заголовки */
body[class*="information-information-11"] .sdm-brand-article__h3{
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #16222a;
}

/* Карточная сетка */
body[class*="information-information-11"] .sdm-brand-article__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 820px){
  body[class*="information-information-11"] .sdm-brand-article__grid{
    grid-template-columns: 1fr;
  }
}

body[class*="information-information-11"] .sdm-brand-article__card{
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 24px rgba(16,24,40,.06);
  padding: 16px 16px 14px;
  overflow: hidden;
}

body[class*="information-information-11"] .sdm-brand-article__card-ico{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,102,0,.10);
  border: 1px solid rgba(255,102,0,.22);
  margin-bottom: 10px;
  font-size: 18px;
}

body[class*="information-information-11"] .sdm-brand-article__card-title{
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #16222a;
}

body[class*="information-information-11"] .sdm-brand-article__list{
          margin: 0;
  padding-left: 18px;
  color: rgba(34,48,58,.88);
  font-size: 13.5px;
  line-height: 1.55;
}

body[class*="information-information-11"] .sdm-brand-article__list li{
  margin: 6px 0;
}

/* Пилюли применений */
body[class*="information-information-11"] .sdm-brand-article__pillgrid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[class*="information-information-11"] .sdm-brand-article__pill{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.07);
  font-size: 13px;
  line-height: 1.25;
  color: rgba(34,48,58,.88);
}

/* Steps */
body[class*="information-information-11"] .sdm-brand-article__steps{
  list-style: none;
          margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

body[class*="information-information-11"] .sdm-brand-article__step{
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 24px rgba(16,24,40,.05);
}

body[class*="information-information-11"] .sdm-brand-article__step-n{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(0,100,180,.10);
  border: 1px solid rgba(0,100,180,.22);
  font-weight: 900;
  color: #0b3d73;
}

body[class*="information-information-11"] .sdm-brand-article__step-t{
  font-weight: 800;
  margin: 0 0 4px;
  color: #16222a;
}

body[class*="information-information-11"] .sdm-brand-article__step-d{
  color: rgba(34,48,58,.86);
  font-size: 13.5px;
  line-height: 1.55;
}

/* FAQ */
body[class*="information-information-11"] .sdm-brand-article__faq{
  display: grid;
  gap: 10px;
}

body[class*="information-information-11"] .sdm-brand-article__qa{
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 24px rgba(16,24,40,.05);
  padding: 0;
  overflow: hidden;
}

body[class*="information-information-11"] .sdm-brand-article__q{
  cursor: pointer;
  padding: 14px 14px;
  font-weight: 800;
  color: #16222a;
  list-style: none;
}

body[class*="information-information-11"] .sdm-brand-article__qa summary::-webkit-details-marker{ display:none; }
body[class*="information-information-11"] .sdm-brand-article__qa summary:after{
  content: "›";
  float: right;
  transform: rotate(90deg);
  opacity: .55;
  font-size: 18px;
  line-height: 1;
}

body[class*="information-information-11"] .sdm-brand-article__qa[open] summary:after{
  transform: rotate(-90deg);
}

body[class*="information-information-11"] .sdm-brand-article__a{
  padding: 0 14px 14px;
  color: rgba(34,48,58,.86);
  font-size: 13.5px;
  line-height: 1.6;
}

/* Note */
body[class*="information-information-11"] .sdm-brand-article__note{
  margin-top: 22px;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,102,0,.08);
  border: 1px solid rgba(255,102,0,.18);
}

body[class*="information-information-11"] .sdm-brand-article__note-title{
  font-weight: 900;
  margin-bottom: 6px;
  color: #8a3b00;
}

body[class*="information-information-11"] .sdm-brand-article__note-text{
  color: rgba(34,48,58,.88);
  font-size: 13.5px;
  line-height: 1.55;
}

/* =====================================================================
   SDM IFM MINI-LANDING — FALLBACK STYLES (на случай, если редактор статьи
   «съел» section/div/article/details и классы не сохранились)
   Строго только для information_id=11
   ===================================================================== */

body.information-information-11 #content,
body[class*="information-information-11"] #content{ 
  --sdm-ifm-accent:#ff7a00;
}

/* ==============================
   IFM (information_id=11) — типографика ТОЛЬКО внутри .sdm-brand-article
   Причина: прошлые правила на .col-sm-9 цепляли модуль формы ("Форма обратной связи")
   ============================== */

body.information-information-11 #content{ 
  --sdm-ifm-accent:#ff7a00;
}
body[class*="information-information-11"] #content{ 
  --sdm-ifm-accent:#ff7a00;
}

/* ширина и отступы контента мини-лендинга */
body.information-information-11 #content .sdm-brand-article,
body[class*="information-information-11"] #content .sdm-brand-article{
  max-width: 980px;
          margin: 0;
}

/* базовая типографика */
body.information-information-11 #content .sdm-brand-article p,
body[class*="information-information-11"] #content .sdm-brand-article p{
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
  color: #2b2f36 !important;
}

/* заголовки внутри статьи */
body.information-information-11 #content .sdm-brand-article h2,
body[class*="information-information-11"] #content .sdm-brand-article h2{
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 18px 0 10px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

body.information-information-11 #content .sdm-brand-article h3,
body[class*="information-information-11"] #content .sdm-brand-article h3{
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 18px 0 10px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

body.information-information-11 #content .sdm-brand-article h4,
body[class*="information-information-11"] #content .sdm-brand-article h4{
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

/* списки внутри статьи */
body.information-information-11 #content .sdm-brand-article ul,
body[class*="information-information-11"] #content .sdm-brand-article ul{
  margin: 0 0 14px !important;
  padding-left: 18px !important;
}

body.information-information-11 #content .sdm-brand-article li,
body[class*="information-information-11"] #content .sdm-brand-article li{
  margin: 6px 0 !important;
}

/* страховка: если модуль формы оказался внутри .sdm-brand-article из‑за кривого HTML — возвращаем ему нормальный вид */
body.information-information-11 #content .sdm-brand-article .form-horizontal,
body[class*="information-information-11"] #content .sdm-brand-article .form-horizontal{
  max-width: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.information-information-11 #content .sdm-brand-article .form-horizontal h2,
body.information-information-11 #content .sdm-brand-article .form-horizontal h3,
body.information-information-11 #content .sdm-brand-article .form-horizontal h4,
body[class*="information-information-11"] #content .sdm-brand-article .form-horizontal h2,
body[class*="information-information-11"] #content .sdm-brand-article .form-horizontal h3,
body[class*="information-information-11"] #content .sdm-brand-article .form-horizontal h4{
  font-size: inherit !important;
  font-weight: 700 !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}





/* =========================================================
   SDM FIX: IFM mini-landing styles (unscoped)
   Причина проблемы: в теме может НЕ быть body class "information-information-11",
   из-за этого все правила с префиксом body[class*="information-information-11"]
   не срабатывают. Ниже — те же стили, но привязанные к реальной обёртке
   .sdm-brand-article внутри #content (и с повышенной специфичностью).
   ========================================================= */

#content .sdm-brand-article{
  max-width: 980px !important;
  margin: 28px auto 60px !important;
  padding: 0 10px !important;
  color: #22303a !important;
}

#content .sdm-brand-article__block{
  margin-top: 26px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
}

#content .sdm-brand-article__h2{
  margin: 0 0 10px !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  color: #16222a !important;
}

#content .sdm-brand-article__lead{
  margin: 0 0 16px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(34,48,58,.85) !important;
}

#content .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#content .sdm-brand-article__tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:9px 12px !important;
  border-radius:999px !important;
  background: rgba(0,100,180,.08) !important;
  border:1px solid rgba(0,100,180,.18) !important;
  color:#0b3d73 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}

#content .sdm-brand-article__h3{
  margin: 0 0 14px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  color: #16222a !important;
}

#content .sdm-brand-article__grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
}

@media (max-width: 820px){
  #content .sdm-brand-article__grid{ grid-template-columns: 1fr !important; }
}

#content .sdm-brand-article__card{
  position:relative !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 8px 24px rgba(16,24,40,.06) !important;
  padding:16px 16px 14px !important;
}

#content .sdm-brand-article__card-ico{
  width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background: rgba(0,100,180,.08) !important;
  border: 1px solid rgba(0,100,180,.18) !important;
  margin: 0 0 10px !important;
  font-size:20px !important;
}

#content .sdm-brand-article__card-title{
  margin:0 0 10px !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#16222a !important;
}

#content .sdm-brand-article__list{
  margin:0 !important;
  padding-left:18px !important;
  color: rgba(34,48,58,.92) !important;
}

#content .sdm-brand-article__list li{
  margin:0 0 6px !important;
  line-height:1.55 !important;
  font-size:14px !important;
}

/* Pills */
#content .sdm-brand-article__pillgrid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

#content .sdm-brand-article__pill{
  padding:10px 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  background: rgba(0,0,0,.02) !important;
  font-size:14px !important;
  line-height:1.3 !important;
  color:#22303a !important;
}

/* Steps */
#content .sdm-brand-article__steps{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

#content .sdm-brand-article__step{
  display:flex !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:16px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(16,24,40,.05) !important;
}

#content .sdm-brand-article__step-n{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: rgba(0,100,180,.10) !important;
  border:1px solid rgba(0,100,180,.20) !important;
  color:#0b3d73 !important;
  font-weight:800 !important;
}

#content .sdm-brand-article__step-t{
  font-weight:800 !important;
  margin:0 0 4px !important;
  color:#16222a !important;
}

#content .sdm-brand-article__step-d{
  margin:0 !important;
  color: rgba(34,48,58,.88) !important;
  line-height:1.55 !important;
  font-size:14px !important;
}

/* FAQ */
#content .sdm-brand-article__qa{
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:0 !important;
  overflow:hidden !important;
  margin:0 0 10px !important;
}

#content .sdm-brand-article__q{
  list-style:none !important;
  cursor:pointer !important;
  padding:14px 16px !important;
  font-weight:800 !important;
  color:#16222a !important;
}

#content .sdm-brand-article__qa summary::-webkit-details-marker{ display:none !important; }

#content .sdm-brand-article__a{
  padding:0 16px 14px !important;
  color: rgba(34,48,58,.88) !important;
  line-height:1.6 !important;
  font-size:14px !important;
}

/* Note */
#content .sdm-brand-article__note{
  margin-top:26px !important;
  border-radius:16px !important;
  border:1px solid rgba(0,100,180,.18) !important;
  background: rgba(0,100,180,.06) !important;
  padding:14px 16px !important;
}

#content .sdm-brand-article__note-title{
  font-weight:900 !important;
  margin:0 0 6px !important;
  color:#0b3d73 !important;
}

#content .sdm-brand-article__note-text{
  margin:0 !important;
  color: rgba(11,61,115,.90) !important;
  line-height:1.55 !important;
  font-size:14px !important;
}

/* Доп. защита: если тема оборачивает статью в .article_description */
.article_description #content .sdm-brand-article,
#content .article_description .sdm-brand-article{
  /* FIX: не зажимаем брендовые статьи до 980px — пусть работают как обычные модули */
  max-width: none !important;
}

/* Base width for ALL brand articles (like module container) */
#content .sdm-brand-article{
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}




/* =========================================================
   SDM IFM: выравнивание контента статьи по левому краю модуля HERO
   (убираем лишнюю центровку/auto-margin на information_id=11)
   ========================================================= */
body[class*="information-information-11"] #content .sdm-brand-article,
body:has(#module-52) #content .sdm-brand-article{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[class*="information-information-11"] #content .sdm-brand-article__intro,
body:has(#module-52) #content .sdm-brand-article__intro{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[class*="information-information-11"] #content .sdm-brand-article__block,
body:has(#module-52) #content .sdm-brand-article__block{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* если у темы есть внутренний контейнер у article_description — тоже обнуляем */
body[class*="information-information-11"] #content .article_description .sdm-brand-article,
body:has(#module-52) #content .article_description .sdm-brand-article{
  margin-left: 0 !important;
  margin-right: 0 !important;
}



/* =======================================================================
   SDM — IFM brand article (content) — COMPACT / READABLE (no text changes)
   Цель: меньше "простыня", больше воздуха и структурности, без кнопок.
   СКОП: только страницы, где есть #module-52 (IFM hero).
   ======================================================================= */

body:has(#module-52) #content .sdm-brand-article{
  max-width: 980px !important;
  margin: 0 auto 34px !important;
  padding: 0 15px !important;
}

/* tighter vertical rhythm */
body:has(#module-52) #content .sdm-brand-article__intro{
  margin-top: 18px !important;
  margin-bottom: 14px !important;
}

body:has(#module-52) #content .sdm-brand-article__h2{
  font-size: 28px !important;
  line-height: 1.15 !important;
  margin: 0 0 10px !important;
  font-weight: 800 !important;
  color: #18232b !important;
}

body:has(#module-52) #content .sdm-brand-article__lead{
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
  color: #22303a !important;
  max-width: 92ch !important;
}

/* tags: compact pills */
body:has(#module-52) #content .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin: 10px 0 0 !important;
}

body:has(#module-52) #content .sdm-brand-article__tag{
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11,78,162,.18) !important;
  background: rgba(11,78,162,.06) !important;
  color:#0b4ea2 !important;
  font-weight:700 !important;
  white-space: nowrap !important;
}

/* section blocks: smaller headings + subtle separators */
body:has(#module-52) #content .sdm-brand-article__block{
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}

body:has(#module-52) #content .sdm-brand-article__h3{
  font-size: 18px !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
  font-weight: 800 !important;
  color:#18232b !important;
}

/* grids: 2 columns desktop (less vertical), 1 column mobile */
body:has(#module-52) #content .sdm-brand-article__grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 680px){
  body:has(#module-52) #content .sdm-brand-article__grid{
    grid-template-columns: 1fr !important;
  }
}

/* cards: compact */
body:has(#module-52) #content .sdm-brand-article__card{
  background:#fff !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 14px !important;
  padding: 14px 14px 12px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.04) !important;
}

body:has(#module-52) #content .sdm-brand-article__card-ico{
  width: 28px !important;
  height: 28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius: 8px !important;
  background: rgba(0,0,0,.04) !important;
  margin: 0 0 10px !important;
  font-size: 16px !important; /* если иконка будет текстом/символом */
}

body:has(#module-52) #content .sdm-brand-article__card-title{
  font-size: 14px !important;
  margin: 0 0 8px !important;
  font-weight: 800 !important;
  color:#18232b !important;
}

body:has(#module-52) #content .sdm-brand-article__list{
  margin: 0 !important;
  padding-left: 18px !important;
}

body:has(#module-52) #content .sdm-brand-article__list li{
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 0 6px !important;
  color:#22303a !important;
}

/* pillgrid: 2 columns on desktop */
body:has(#module-52) #content .sdm-brand-article__pillgrid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

@media (max-width: 680px){
  body:has(#module-52) #content .sdm-brand-article__pillgrid{
    grid-template-columns: 1fr !important;
  }
}

body:has(#module-52) #content .sdm-brand-article__pill{
  border: 1px solid rgba(0,0,0,.07) !important;
  background: rgba(0,0,0,.02) !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color:#22303a !important;
}

/* notes: compact callout */
body:has(#module-52) #content .sdm-brand-article__note{
  margin-top: 18px !important;
  border: 1px solid rgba(11,78,162,.16) !important;
  background: rgba(11,78,162,.06) !important;
  border-radius: 14px !important;
  padding: 14px !important;
}

body:has(#module-52) #content .sdm-brand-article__note-title{
  font-weight: 900 !important;
  margin: 0 0 6px !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color:#0b4ea2 !important;
}

body:has(#module-52) #content .sdm-brand-article__note-text{
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color:#22303a !important;
}

/* FAQ: smaller, cleaner */
body:has(#module-52) #content .sdm-brand-article__faq{
  display:flex !important;
  flex-direction:column !important;
  gap: 10px !important;
}

body:has(#module-52) #content .sdm-brand-article__qa{
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 14px !important;
  background:#fff !important;
  padding: 0 !important;
  overflow:hidden !important;
}

body:has(#module-52) #content .sdm-brand-article__q{
  list-style:none !important;
  cursor:pointer !important;
  padding: 12px 14px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color:#18232b !important;
}

body:has(#module-52) #content .sdm-brand-article__q::-webkit-details-marker{ display:none !important; }

body:has(#module-52) #content .sdm-brand-article__qa[open] .sdm-brand-article__q{
  background: rgba(0,0,0,.02) !important;
}

body:has(#module-52) #content .sdm-brand-article__a{
  padding: 0 14px 12px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color:#22303a !important;
}

/* If the theme inserts extra margins for article wrappers, neutralize */
body:has(#module-52) #content .article_description .sdm-brand-article{
  margin-top: 0 !important;
}


/* =========================================================
   IFM (module-52): Accordion behavior (RADIO) + compact labels
   Требование: по умолчанию закрыто, при открытии следующего — предыдущая закрывается.
   Реализовано через <input type="radio" name="..."> внутри каждой группы.
   ========================================================= */
body:has(#module-52) .sdm-brand-article__toggle{
  margin-top: 8px;
}
body:has(#module-52) .sdm-brand-article__tcheck{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* content hidden by default */
body:has(#module-52) .sdm-brand-article__tcontent{
  display: none;
  margin-top: 10px;
}

/* show content when checked */
body:has(#module-52) .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel + .sdm-brand-article__tcontent{
  display: block;
}

/* label styles */
body:has(#module-52) .sdm-brand-article__tlabel{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #0b4f8a !important;
  background: rgba(0, 100, 180, .08) !important;
  border: 1px solid rgba(0, 100, 180, .18) !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  cursor: pointer !important;
  user-select: none !important;
}
body:has(#module-52) .sdm-brand-article__tlabel:hover{
  background: rgba(0, 100, 180, .12) !important;
}

/* swap "Показать/Скрыть" text inside label */
body:has(#module-52) .sdm-brand-article__tlabel .t-open{ display:none; }
body:has(#module-52) .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-open{ display:inline; }
body:has(#module-52) .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-closed{ display:none; }

/* small caret */
body:has(#module-52) .sdm-brand-article__tlabel:after{
  content: "▾";
  font-size: 12px;
  opacity: .7;
  transform: translateY(-1px);
}
body:has(#module-52) .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel:after{
  content: "▴";
}


/* =========================================================
   SDM IFM: make article width match content/module width
   (remove narrow max-width constraints)
   Scope: pages with IFM hero module (#module-52)
   ========================================================= */
@supports selector(body:has(#module-52)) {
  body:has(#module-52) #content .sdm-brand-article{
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* If theme wraps article inside article_description with its own max-width/padding */
  body:has(#module-52) #content .article_description,
  body:has(#module-52) #content .description{
    max-width: none !important;
  }

  /* Keep text readable but allow cards to use full width:
     limit only the intro text block, not the whole article */
  body:has(#module-52) #content .sdm-brand-article__intro{
    max-width: 100% !important;
  }

  /* Ensure grids stretch */
  body:has(#module-52) #content .sdm-brand-article__grid,
  body:has(#module-52) #content .sdm-brand-article__pillgrid,
  body:has(#module-52) #content .sdm-brand-article__faq{
    width: 100% !important;
  }
}

/* Fallback for browsers/themes without :has support:
   target exact information page id (ifm article = information_id=11) */
body[class*="information-information-11"] #content .sdm-brand-article{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body[class*="information-information-11"] #content .article_description,
body[class*="information-information-11"] #content .description{
  max-width: none !important;
}
body[class*="information-information-11"] #content .sdm-brand-article__grid,
body[class*="information-information-11"] #content .sdm-brand-article__pillgrid,
body[class*="information-information-11"] #content .sdm-brand-article__faq{
  width: 100% !important;
}


/* =========================================================
   SDM IFM: FIX "тупые квадратики" (видимые input) + иконки
   Scope: IFM module-52 / information_id=11
   ========================================================= */

/* 1) Hide all toggle/radio inputs so they don't render as squares */
body:has(#module-52) .sdm-brand-article__tcheck,
body[class*="information-information-11"] .sdm-brand-article__tcheck{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2) Card icon placeholder: if empty — hide; if used — make it a neat round badge */
body:has(#module-52) .sdm-brand-article__card-ico,
body[class*="information-information-11"] .sdm-brand-article__card-ico{
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  background: rgba(0,100,180,.08) !important;
  border: 1px solid rgba(0,100,180,.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
}
body:has(#module-52) .sdm-brand-article__card-ico:empty,
body[class*="information-information-11"] .sdm-brand-article__card-ico:empty{
  display: none !important;
}

/* 3) When icon is hidden, don't leave a gap */
body:has(#module-52) .sdm-brand-article__card-top,
body[class*="information-information-11"] .sdm-brand-article__card-top{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

/* 4) Make toggle labels look like inline control (no 'button' vibe, but clickable) */
body:has(#module-52) .sdm-brand-article__tlabel,
body[class*="information-information-11"] .sdm-brand-article__tlabel{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,100,180,.18) !important;
  background: rgba(0,100,180,.06) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  user-select: none !important;
}

/* 5) Toggle text swap: show open/closed labels correctly */
body:has(#module-52) .sdm-brand-article__tlabel .t-open,
body[class*="information-information-11"] .sdm-brand-article__tlabel .t-open{ display: none !important; }
body:has(#module-52) .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-open,
body[class*="information-information-11"] .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-open{ display: inline !important; }
body:has(#module-52) .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-closed,
body[class*="information-information-11"] .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked + .sdm-brand-article__tlabel .t-closed{ display: none !important; }

/* 6) Content closed by default; open only for checked radio inside toggle */
body:has(#module-52) .sdm-brand-article__tcontent,
body[class*="information-information-11"] .sdm-brand-article__tcontent{
  display: none !important;
  margin-top: 10px !important;
}
body:has(#module-52) .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tcontent,
body[class*="information-information-11"] .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tcontent{
  display: block !important;
}

/* 7) Remove the tiny blank square left if any input renders somewhere in cards */
body:has(#module-52) .sdm-brand-article__card input,
body[class*="information-information-11"] .sdm-brand-article__card input{
  accent-color: #0064B4;
}



/* =========================================================
   IFM (module-52): FIX toggles not clicking
   Причина: radio input был сделан pointer-events:none и стал недоступен.
   Решение: input остаётся невидимым, но кликабельным поверх label.
   ========================================================= */
body:has(#module-52) #content .sdm-brand-article__toggle{ position: relative !important; }

/* input becomes invisible clickable layer */
body:has(#module-52) #content .sdm-brand-article__toggle > .sdm-brand-article__tcheck{
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 30px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  z-index: 3 !important;
}

/* make label look like control but not capture clicks (click goes to invisible input) */
body:has(#module-52) #content .sdm-brand-article__tlabel{
  position: relative !important;
  z-index: 2 !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* ensure any card overlays do not block clicks */
body:has(#module-52) #content .sdm-brand-article__card::before,
body:has(#module-52) #content .sdm-brand-article__card::after{
  pointer-events: none !important;
}


/* =========================================================
   IFM (module-52): TOGGLE OPEN/CLOSE BY CLICKING SAME CONTROL
   Важно: чистым CSS это возможно ТОЛЬКО если в HTML есть ДВА label:
   - .sdm-brand-article__tlabel--open  (for="ifm-xxx-N") — открыть
   - .sdm-brand-article__tlabel--close (for="ifm-xxx-0") — закрыть (выбрать radio "-0")
   Тогда при открытом пункте показываем close-label, при закрытом — open-label.
   ========================================================= */

/* 1) Не даём невидимому input перекрывать клики по label (убираем "кликабельную простыню") */
body:has(#module-52) #content .sdm-brand-article__toggle > .sdm-brand-article__tcheck,
body[class*="information-information-11"] #content .sdm-brand-article__toggle > .sdm-brand-article__tcheck{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 2) Управление видимостью пары label (open/close) */
body:has(#module-52) #content .sdm-brand-article__toggle .sdm-brand-article__tlabel--close,
body[class*="information-information-11"] #content .sdm-brand-article__toggle .sdm-brand-article__tlabel--close{
  display: none !important;
}
body:has(#module-52) #content .sdm-brand-article__toggle .sdm-brand-article__tlabel--open,
body[class*="information-information-11"] #content .sdm-brand-article__toggle .sdm-brand-article__tlabel--open{
  display: inline-flex !important;
}

/* Когда конкретный пункт выбран — показываем "закрыть" и скрываем "открыть" */
body:has(#module-52) #content .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tlabel--open,
body[class*="information-information-11"] #content .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tlabel--open{
  display: none !important;
}
body:has(#module-52) #content .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tlabel--close,
body[class*="information-information-11"] #content .sdm-brand-article__toggle .sdm-brand-article__tcheck:checked ~ .sdm-brand-article__tlabel--close{
  display: inline-flex !important;
}

/* 3) Страховка: label снова кликабельный */
body:has(#module-52) #content .sdm-brand-article__tlabel,
body[class*="information-information-11"] #content .sdm-brand-article__tlabel{
  pointer-events: auto !important;
}

/* =======================================================================
   SDM — SICK мини-лендинг (ARTICLE / information_id=13)
   ВАЖНО: это НЕ модуль UniShop, а контент статьи.
   Поэтому стили НЕ должны зависеть от .module_id и т.п.
   СКОУП: строго внутри #module-53 (вставленный в описание статьи HTML).
   ======================================================================= */

/* Базовый контейнер (не даём теме сжимать/ломать сетку) */
#content #module-53.sdm-brand-landing{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* NAV */
#content #module-53 .sdm-brand-nav{
  position:sticky;
  top:10px;
  z-index:5;
  margin:0 0 18px;
}
#content #module-53 .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  padding:10px 12px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
}
#content #module-53 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 12px;
  border-radius:12px;
  font-size:14px;
  font-weight:600;
  color:inherit;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
#content #module-53 .sdm-brand-nav__link:hover{
  background:rgba(0,0,0,.04);
  transform:translateY(-1px);
}

/* BLOCKS */
#content #module-53 .sdm-brand-block{
  padding:22px 0;
}
#content #module-53 .sdm-brand-block + .sdm-brand-block{
  border-top:1px solid rgba(0,0,0,.06);
}
#content #module-53 .sdm-brand-block__head{
  margin:0 0 14px;
}
#content #module-53 .sdm-brand-block__title{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
}
#content #module-53 .sdm-brand-block__sub{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:rgba(0,0,0,.72);
}

/* GRID */
#content #module-53 .sdm-brand-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
#content #module-53 .sdm-brand-grid--2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

/* CARD */
#content #module-53 .sdm-brand-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px 14px 12px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
#content #module-53 .sdm-brand-card__title{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.25;
  font-weight:800;
}
#content #module-53 .sdm-brand-card__text{
  font-size:14px;
  line-height:1.55;
  color:rgba(0,0,0,.74);
}
#content #module-53 .sdm-brand-card--wide{
  padding:16px;
}

/* LIST */
#content #module-53 .sdm-brand-list{
  margin:10px 0 0;
  padding:0;
  list-style:none;
}
#content #module-53 .sdm-brand-list li{
  position:relative;
  padding:0 0 0 18px;
  margin:8px 0;
  line-height:1.5;
  color:rgba(0,0,0,.78);
}
#content #module-53 .sdm-brand-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e30613; /* SICK red */
}

/* NOTE */
#content #module-53 .sdm-brand-note{
  margin:14px 0 0;
  padding:14px 14px;
  border-radius:16px;
  background:rgba(227,6,19,.06);
  border:1px solid rgba(227,6,19,.18);
}
#content #module-53 .sdm-brand-note__title{
  margin:0 0 6px;
  font-weight:800;
}
#content #module-53 .sdm-brand-note__text{
  margin:0;
  line-height:1.55;
  color:rgba(0,0,0,.78);
}

/* ACCORDION (checkbox) */
#content #module-53 .sdm-acc{
  display:grid;
  gap:10px;
}
#content #module-53 .sdm-acc__item{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
}
#content #module-53 .sdm-acc__toggle{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
#content #module-53 .sdm-acc__head{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  cursor:pointer;
  user-select:none;
}
#content #module-53 .sdm-acc__q{
  font-weight:800;
  line-height:1.35;
}
#content #module-53 .sdm-acc__icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  position:relative;
}
#content #module-53 .sdm-acc__icon::before,
#content #module-53 .sdm-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  background:rgba(0,0,0,.6);
  transform:translate(-50%,-50%);
}
#content #module-53 .sdm-acc__icon::after{
  width:2px;
  height:12px;
}
#content #module-53 .sdm-acc__body{
  display:none;
  padding:0 14px 14px;
}
#content #module-53 .sdm-acc__text{
  margin:0;
  line-height:1.6;
  color:rgba(0,0,0,.78);
}
#content #module-53 .sdm-acc__toggle:checked ~ .sdm-acc__body{
  display:block;
}
#content #module-53 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{
  display:none; /* минус */
}

/* SEO TEXT */
#content #module-53 .sdm-brand-text p{
  margin:0 0 12px;
  line-height:1.7;
  color:rgba(0,0,0,.78);
}

/* RESPONSIVE */
@media (max-width: 1100px){
  #content #module-53 .sdm-brand-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 760px){
  #content #module-53 .sdm-brand-grid,
  #content #module-53 .sdm-brand-grid--2{grid-template-columns:1fr;}
  #content #module-53 .sdm-brand-nav{position:static;}
}

/* =======================================================================
   Скрытие системного H1 ТОЛЬКО на этой статье — через самые частые якоря темы.
   Если у твоей темы нет этих классов/ID, этот блок можно игнорировать.
   ======================================================================= */
body[class*="information-information-13"] #content h1,
body#information-information-13 #content h1,
#information-information-13 #content h1{
  display:none !important;
}


/* ==============================
   FIX: smooth anchor scrolling (SICK info13)
   - Плавный скролл по якорям
   - Отступ сверху под фиксированную шапку (чтобы заголовок секции не прятался)
   ============================== */

html{
  scroll-behavior: smooth !important;
  /* offset for fixed header */
  scroll-padding-top: 90px;
}

/* Дополнительно: смещение для самих секций внутри SICK-лендинга */
body[class*="information-information-13"] #module-53 .sdm-brand-block{
  scroll-margin-top: 90px;
}

@media (max-width: 991px){
  html{ scroll-padding-top: 110px; }
  body[class*="information-information-13"] #module-53 .sdm-brand-block{
    scroll-margin-top: 110px;
  }
}

/* =======================================================================
   SDM — CAS мини-лендинг (information_id=14)
   Scope: .sdm-brand-landing--cas
   NOTE: НИЧЕГО глобального не трогаем. Все стили строго внутри блока.
   ======================================================================= */

.sdm-brand-landing--cas{
  --sdm-cas-accent:#0b5aa6;
  --sdm-cas-text:#1b1f24;
  --sdm-cas-muted:#5a6572;
  --sdm-cas-card:#ffffff;
  --sdm-cas-border:rgba(15, 23, 42, .12);
  --sdm-cas-shadow:0 16px 40px rgba(0,0,0,.10);
  --sdm-cas-shadow2:0 10px 24px rgba(0,0,0,.10);
  color:var(--sdm-cas-text);
}

/* Smooth anchors: offset for sticky header (works when clicking #cas-...) */
.sdm-brand-landing--cas [id^="cas-"]{
  scroll-margin-top: 96px;
}
@media (max-width: 768px){
  .sdm-brand-landing--cas [id^="cas-"]{ scroll-margin-top: 84px; }
}

/* NAV */
.sdm-brand-landing--cas .sdm-brand-nav{
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.10);
}
.sdm-brand-landing--cas .sdm-brand-nav__inner{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 12px;
}
.sdm-brand-landing--cas .sdm-brand-nav__link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: var(--sdm-cas-text);
  border: 1px solid transparent;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.sdm-brand-landing--cas .sdm-brand-nav__link:hover{
  background: rgba(11,90,166,.08);
  border-color: rgba(11,90,166,.20);
  transform: translateY(-1px);
}
.sdm-brand-landing--cas .sdm-brand-nav__link:active{ transform: translateY(0); }

/* BLOCKS */
.sdm-brand-landing--cas .sdm-brand-block{
  padding: 28px 0;
}
.sdm-brand-landing--cas .sdm-brand-block__head{
  margin: 0 0 14px 0;
}
.sdm-brand-landing--cas .sdm-brand-block__title{
  margin: 0 0 8px 0;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--sdm-cas-text);
}
.sdm-brand-landing--cas .sdm-brand-block__sub{
          margin: 0;
  color: var(--sdm-cas-muted);
  font-size: 15px;
  line-height: 1.55;
  max-width: 980px;
}

/* GRID */
.sdm-brand-landing--cas .sdm-brand-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.sdm-brand-landing--cas .sdm-brand-grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 980px){
  .sdm-brand-landing--cas .sdm-brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sdm-brand-landing--cas .sdm-brand-grid,
  .sdm-brand-landing--cas .sdm-brand-grid--2{ grid-template-columns: 1fr; }
}

/* CARDS */
.sdm-brand-landing--cas .sdm-brand-card{
  background: var(--sdm-cas-card);
  border: 1px solid var(--sdm-cas-border);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: var(--sdm-cas-shadow2);
}
.sdm-brand-landing--cas .sdm-brand-card__title{
  margin: 0 0 8px 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--sdm-cas-text);
}
.sdm-brand-landing--cas .sdm-brand-card__text{
          margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--sdm-cas-muted);
}
.sdm-brand-landing--cas .sdm-brand-card--wide{
  grid-column: span 1;
}
@media (min-width: 981px){
  .sdm-brand-landing--cas .sdm-brand-card--wide{ grid-column: span 1; }
}

/* LISTS inside cards */
.sdm-brand-landing--cas .sdm-brand-list{
  margin: 10px 0 0 0;
  padding: 0 0 0 16px;
  color: var(--sdm-cas-muted);
  font-size: 14px;
  line-height: 1.6;
}
.sdm-brand-landing--cas .sdm-brand-list li{ margin: 4px 0; }

/* NOTE */
.sdm-brand-landing--cas .sdm-brand-note{
  margin-top: 14px;
  border: 1px solid rgba(11,90,166,.22);
  background: rgba(11,90,166,.06);
  border-radius: 18px;
  padding: 14px 16px;
}
.sdm-brand-landing--cas .sdm-brand-note__title{
  font-weight: 800;
  margin: 0 0 6px 0;
  color: var(--sdm-cas-text);
}
.sdm-brand-landing--cas .sdm-brand-note__text{
          margin: 0;
  color: var(--sdm-cas-muted);
  line-height: 1.6;
  font-size: 14px;
}

/* ACCORDION (sdm-acc) */
.sdm-brand-landing--cas .sdm-acc{
  border: 1px solid var(--sdm-cas-border);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--sdm-cas-shadow2);
}
.sdm-brand-landing--cas .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
.sdm-brand-landing--cas .sdm-acc__toggle{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sdm-brand-landing--cas .sdm-acc__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  cursor: pointer;
  user-select: none;
}
.sdm-brand-landing--cas .sdm-acc__q{
  font-weight: 800;
  color: var(--sdm-cas-text);
  line-height: 1.35;
}
.sdm-brand-landing--cas .sdm-acc__icon{
  width: 22px;
  height: 22px;
  position: relative;
  flex: 0 0 22px;
}
.sdm-brand-landing--cas .sdm-acc__icon:before,
.sdm-brand-landing--cas .sdm-acc__icon:after{
  content:"";
  position:absolute;
  inset: 10px 4px auto 4px;
  height: 2px;
  background: rgba(27,31,36,.55);
  border-radius: 2px;
}
.sdm-brand-landing--cas .sdm-acc__icon:after{
  transform: rotate(90deg);
  transition: transform .18s ease, opacity .18s ease;
  opacity: 1;
}
.sdm-brand-landing--cas .sdm-acc__body{
  display: none;
  padding: 0 16px 14px 16px;
}
.sdm-brand-landing--cas .sdm-acc__text{
  color: var(--sdm-cas-muted);
  font-size: 14px;
  line-height: 1.6;
}
.sdm-brand-landing--cas .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{
  transform: rotate(90deg);
  opacity: 0;
}
.sdm-brand-landing--cas .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display: block;
}

/* Text block */
.sdm-brand-landing--cas .sdm-brand-text p{
  margin: 0 0 10px 0;
  color: var(--sdm-cas-muted);
  line-height: 1.65;
  font-size: 14px;
}
.sdm-brand-landing--cas .sdm-brand-text p:last-child{ margin-bottom: 0; }

/* A11Y: reduced motion */
@media (prefers-reduced-motion: reduce){
  .sdm-brand-landing--cas .sdm-brand-nav__link{ transition: none; }
}



/* =======================================================================
   HBK / HBM (HBK) — мини-лендинг (information_id=15)
   ВАЖНО:
   - Это статья OpenCart: body.information-information-15
   - Никаких :has (может не поддерживаться и тогда "ничего не меняется")
   - Все стили строго в скоупе .sdm-brand-landing--hbk[data-information-id="15"]
   ======================================================================= */

/* Hide system page title ONLY on information_id=15 (HBK page) */
body.information-information-15 #content > h1,
body.information-information-15 #content > .page-title,
body.information-information-15 #content > .heading,
body.information-information-15 #content > .title,
body.information-information-15 h1.page-title,
body.information-information-15 .page-title,
body.information-information-15 .heading-title,
body.information-information-15 .content-title{
  display:none !important;
}

/* If any inner hero accidentally exists inside HBK content — force-hide it */
body.information-information-15 .sdm-brand-landing--hbk .sdm-brand-hero{
  display:none !important;
}

/* =========================
   Scope + tokens
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"]{
  --sdm-hbk-accent:#0b4f8f;
  --sdm-hbk-text:#1b1f24;
  --sdm-hbk-muted:#5a6572;
  --sdm-hbk-card:#ffffff;
  --sdm-hbk-border:rgba(15, 23, 42, .12);
  --sdm-hbk-shadow:0 10px 24px rgba(0,0,0,.10);
  --sdm-hbk-shadow2:0 16px 40px rgba(0,0,0,.10);

  color:var(--sdm-hbk-text);
}

/* Smooth anchors: offset for sticky header */
.sdm-brand-landing--hbk[data-information-id="15"] [id^="hbk-"]{
  scroll-margin-top: 96px;
}
@media (max-width: 768px){
  .sdm-brand-landing--hbk[data-information-id="15"] [id^="hbk-"]{ scroll-margin-top: 84px; }
}

/* =========================
   NAV
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav{
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.10);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  line-height:1;
  color:var(--sdm-hbk-text);
  border:1px solid transparent;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav__link:hover{
  background: rgba(11,79,143,.08);
  border-color: rgba(11,79,143,.20);
  transform: translateY(-1px);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav__link:active{ transform: translateY(0); }

/* =========================
   Blocks + headings
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-block{
  padding: 26px 0;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-block__head{
  margin: 0 0 14px 0;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-block__title{
  margin: 0 0 8px 0;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--sdm-hbk-text);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-block__desc{
          margin: 0;
  color: var(--sdm-hbk-muted);
  font-size: 15px;
  line-height: 1.6;
  max-width: 980px;
}

/* =========================
   Intro helpers
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-inline{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-inline__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-inline__tag{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.72);
  border-radius:999px;
  font-size:13px;
  line-height:1.2;
  color:var(--sdm-hbk-text);
  white-space:nowrap;
}

/* Metrics */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-metrics{ grid-template-columns: 1fr; }
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-metric{
  background: var(--sdm-hbk-card);
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: var(--sdm-hbk-shadow);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-metric__k{
  font-weight: 800;
  font-size: 13px;
  color: var(--sdm-hbk-text);
  margin: 0 0 6px 0;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-metric__v{
  font-size: 14px;
  line-height: 1.55;
  color: var(--sdm-hbk-muted);
}

/* Note */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-note{
  border: 1px solid rgba(11,79,143,.22);
  background: rgba(11,79,143,.06);
  border-radius: 18px;
  padding: 14px 16px;
  color: var(--sdm-hbk-muted);
  font-size: 14px;
  line-height: 1.65;
}

/* =========================
   Grid + cards
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-grid--tight{
  gap: 12px;
}
@media (max-width: 980px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-grid{ grid-template-columns: 1fr; }
}

.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card{
  background: var(--sdm-hbk-card);
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: var(--sdm-hbk-shadow);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card__title{
  margin: 0 0 8px 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--sdm-hbk-text);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card__text{
          margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--sdm-hbk-muted);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card__meta{
  margin-top: 10px;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(90,101,114,.95);
  font-weight: 700;
}

/* Mini cards (industries) */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card--mini{
  padding: 14px 14px 12px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-card--mini .sdm-brand-card__text{
  font-size: 13.5px;
}

/* =========================
   Solutions split
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-split{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 980px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-split{ grid-template-columns: 1fr; }
}

.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-list{
  display:grid;
  gap: 10px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-list__item{
  background: var(--sdm-hbk-card);
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: var(--sdm-hbk-shadow);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-list__k{
  font-weight: 800;
  font-size: 14px;
  line-height: 1.35;
  color: var(--sdm-hbk-text);
  margin: 0 0 4px 0;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-list__v{
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--sdm-hbk-muted);
}

.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-panel{
  background: var(--sdm-hbk-card);
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: var(--sdm-hbk-shadow);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-panel__title{
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--sdm-hbk-text);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-checks{
  display:grid;
  gap: 8px;
          margin: 0;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-check{
  position: relative;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--sdm-hbk-muted);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-check:before{
  content:"";
  position:absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(11,79,143,.55);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-panel__note{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(90,101,114,.95);
  font-weight: 700;
}

/* =========================
   Steps (pick)
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-steps{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 720px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-steps{ grid-template-columns: 1fr; }
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-step{
  background: var(--sdm-hbk-card);
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: var(--sdm-hbk-shadow);
  display:flex;
  gap: 12px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-step__n{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  font-size: 14px;
  color: var(--sdm-hbk-text);
  background: rgba(11,79,143,.10);
  border: 1px solid rgba(11,79,143,.18);
  flex: 0 0 42px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-step__t{
  font-weight: 800;
  font-size: 14px;
  margin: 0 0 4px 0;
  color: var(--sdm-hbk-text);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-step__d{
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--sdm-hbk-muted);
}

/* Request list */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-req{
  margin-top: 14px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 14px 14px 12px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-req__title{
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--sdm-hbk-text);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-req__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 720px){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-req__grid{ grid-template-columns: 1fr; }
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-req__item{
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--sdm-hbk-muted);
}

/* =========================
   Accordion (HTML: checkbox + label + content)
   ========================= */
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc{
  border: 1px solid var(--sdm-hbk-border);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--sdm-hbk-shadow);
  margin-top: 14px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__check{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  user-select: none;
  font-weight: 800;
  color: var(--sdm-hbk-text);
  line-height: 1.35;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__label:after{
  content:"";
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.18);
  background:
    linear-gradient(rgba(27,31,36,.55), rgba(27,31,36,.55)) center/10px 2px no-repeat,
    linear-gradient(rgba(27,31,36,.55), rgba(27,31,36,.55)) center/2px 10px no-repeat;
  flex: 0 0 22px;
  transition: transform .18s ease, opacity .18s ease;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__content{
  display:none;
  padding: 0 16px 14px 16px;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__p{
  color: var(--sdm-hbk-muted);
  font-size: 14px;
  line-height: 1.65;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__check:checked + .sdm-acc__label:after{
  transform: rotate(90deg);
  background:
    linear-gradient(rgba(27,31,36,.55), rgba(27,31,36,.55)) center/10px 2px no-repeat;
}
.sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__check:checked + .sdm-acc__label + .sdm-acc__content{
  display:block;
}

/* A11Y: reduced motion */
@media (prefers-reduced-motion: reduce){
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-brand-nav__link{ transition: none; }
  .sdm-brand-landing--hbk[data-information-id="15"] .sdm-acc__label:after{ transition: none; }
}

/* =======================================================================
   BAUMER — мини-лендинг (information_id=16)
   ВАЖНО:
   - Это статья OpenCart: body.information-information-16
   - Никаких глобальных сбросов
   - Без 100vw/negative margins (ломает ширину контейнера UniShop)
   ======================================================================= */

/* 1) На странице статьи убираем системный заголовок над контентом (если тема его рисует) */
body.information-information-16 #content > h1:first-of-type,
body.information-information-16 #content > h2:first-of-type,
body.information-information-16 #content > h3:first-of-type,
body.information-information-16 .breadcrumb + h1,
body.information-information-16 .breadcrumb + h2,
body.information-information-16 .breadcrumb + h3{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 2) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у hero */
body.information-information-16 #content .article_description,
body.information-information-16 #content .description,
body.information-information-16 #content .information-description,
body.information-information-16 #content .info-content{
  max-width: none !important;
  width: 100% !important;
}

/* 3) Корневой контейнер BAUMER (HTML должен иметь этот id) */
#sdm-brand-baumer-16{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sdm-brand-baumer-16,
#sdm-brand-baumer-16 *{ box-sizing:border-box; }

/* 4) Базовые отступы внутри блоков (держим «как у сайта») */
#sdm-brand-baumer-16 .sdm-brand-article__intro,
#sdm-brand-baumer-16 .sdm-brand-article__block,
#sdm-brand-baumer-16 .sdm-brand-article__foot{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Внутренний «контейнер» для читабельной длины строки + совпадения с шириной контента */
#sdm-brand-baumer-16 .sdm-brand-inner{
  width: 100% !important;
  max-width: 1140px !important; /* под типовой контейнер UniShop; совпадает визуально с баннерами */
  margin: 0 auto !important;
  padding: 0 18px !important;
}
@media (min-width: 768px){
  #sdm-brand-baumer-16 .sdm-brand-inner{ padding: 0 22px !important; }
}

/* Вертикальный ритм */
#sdm-brand-baumer-16 .sdm-brand-article__intro{ padding: 16px 0 !important; }
#sdm-brand-baumer-16 .sdm-brand-article__block{ padding: 22px 0 !important; }
#sdm-brand-baumer-16 .sdm-brand-article__foot{ padding: 26px 0 34px !important; }

/* Чтобы якоря не прятались под фиксированной шапкой */
#sdm-brand-baumer-16 [id]{ scroll-margin-top: 96px; }
@media (max-width: 768px){
  #sdm-brand-baumer-16 [id]{ scroll-margin-top: 84px; }
}

/* NAV (внутри .sdm-brand-inner) */
#sdm-brand-baumer-16 .sdm-brand-nav{
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.08);
}
#sdm-brand-baumer-16 .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 0;
}
#sdm-brand-baumer-16 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
  line-height:1;
  color:#22303a;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.12);
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
#sdm-brand-baumer-16 .sdm-brand-nav__link:hover{
  background: rgba(255,255,255,.95);
  border-color: rgba(0,0,0,.18);
  transform: translateY(-1px);
}
#sdm-brand-baumer-16 .sdm-brand-nav__link:active{ transform: translateY(0); }

/* Typography */
#sdm-brand-baumer-16 .sdm-brand-article__h2{
  margin:0 0 10px 0;
  font-weight: 800;
  line-height:1.15;
  font-size: 22px;
  color:#18232b;
}
@media (min-width: 768px){
  #sdm-brand-baumer-16 .sdm-brand-article__h2{ font-size: 28px; }
}
#sdm-brand-baumer-16 .sdm-brand-article__lead{
  margin:0 0 14px 0;
  font-size:14px;
  line-height:1.65;
  color:#22303a;
  max-width: 92ch;
}
#sdm-brand-baumer-16 .sdm-brand-article__h3{
  margin:0 0 14px 0;
  font-weight:800;
  line-height:1.2;
  font-size:18px;
  color:#18232b;
}

/* Tags */
#sdm-brand-baumer-16 .sdm-brand-article__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
#sdm-brand-baumer-16 .sdm-brand-article__tag{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.02);
  font-size:12px;
  font-weight:700;
  color:#22303a;
}

/* Cards grid */
#sdm-brand-baumer-16 .sdm-brand-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
@media (min-width: 768px){
  #sdm-brand-baumer-16 .sdm-brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px){
  #sdm-brand-baumer-16 .sdm-brand-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; }
}

#sdm-brand-baumer-16 .sdm-brand-card,
#sdm-brand-baumer-16 .sdm-brand-chipcard{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px 14px 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}
#sdm-brand-baumer-16 .sdm-brand-card__title,
#sdm-brand-baumer-16 .sdm-brand-chipcard__title{ margin:0 0 8px; font-weight:800; color:#18232b; }
#sdm-brand-baumer-16 .sdm-brand-card__text,
#sdm-brand-baumer-16 .sdm-brand-chipcard__text{ margin:0; color:#22303a; line-height:1.6; font-size:13.5px; }
#sdm-brand-baumer-16 .sdm-brand-card__meta{ margin-top:10px; padding-top:10px; border-top:1px solid rgba(0,0,0,.06); font-size:12px; color:rgba(34,48,58,.78); }

/* Steps */
#sdm-brand-baumer-16 .sdm-brand-steps{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width: 768px){
  #sdm-brand-baumer-16 .sdm-brand-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#sdm-brand-baumer-16 .sdm-brand-step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px 14px 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}
#sdm-brand-baumer-16 .sdm-brand-step__k{
  width:34px;height:34px;
  border-radius: 12px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.10);
  flex:0 0 34px;
}
#sdm-brand-baumer-16 .sdm-brand-step__title{ margin:0 0 6px; font-weight:800; color:#18232b; }
#sdm-brand-baumer-16 .sdm-brand-step__text{ margin:0; color:#22303a; line-height:1.6; font-size:13.5px; }

/* Note */
#sdm-brand-baumer-16 .sdm-brand-article__note{
  margin-top:14px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px;
  color:#22303a;
  line-height:1.6;
}

/* Accordion (checkbox) */
#sdm-brand-baumer-16 .sdm-acc{ display:grid; gap:10px; }
#sdm-brand-baumer-16 .sdm-acc__item{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}
#sdm-brand-baumer-16 .sdm-acc__toggle{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
#sdm-brand-baumer-16 .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px;
  cursor:pointer;
  user-select:none;
}
#sdm-brand-baumer-16 .sdm-acc__title{ font-weight:800; color:#18232b; line-height:1.35; }
#sdm-brand-baumer-16 .sdm-acc__icon{
  width:22px;height:22px;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.10);
  position:relative;
  flex:0 0 22px;
}
#sdm-brand-baumer-16 .sdm-acc__icon:before,
#sdm-brand-baumer-16 .sdm-acc__icon:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:10px;height:2px;
  background: rgba(0,0,0,.62);
  transform: translate(-50%,-50%);
}
#sdm-brand-baumer-16 .sdm-acc__icon:after{ width:2px;height:10px; }
#sdm-brand-baumer-16 .sdm-acc__body{ display:none; border-top:1px solid rgba(0,0,0,.06); }
#sdm-brand-baumer-16 .sdm-acc__content{ padding: 0 14px 14px; color:#22303a; line-height:1.6; font-size:13.5px; }
#sdm-brand-baumer-16 .sdm-acc__toggle:checked ~ .sdm-acc__body{ display:block; }
#sdm-brand-baumer-16 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{ display:none; }

/* Footer */
#sdm-brand-baumer-16 .sdm-brand-article__foot{ border-top:1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.01); }
#sdm-brand-baumer-16 .sdm-brand-article__foot-title{ margin:0 0 8px; font-weight:900; color:#18232b; }
#sdm-brand-baumer-16 .sdm-brand-article__foot-text{ margin:0; color:#22303a; line-height:1.6; max-width: 92ch; }

/* 5) FAILSAFE: если вдруг на странице показался «голый» список — делаем его читабельным только внутри BAUMER */
#sdm-brand-baumer-16 ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
#sdm-brand-baumer-16 li{ margin: 6px 0; line-height: 1.6; }




/* =========================================================
   SDM — BAUMER (information_id=16) — FORCE MODULE WIDTH
   Причина: в файле есть несколько глобальных правил
   .sdm-brand-article { max-width: 980px ... } которые
   сжимают контент на всех брендовых статьях.
   Это переопределение применяется ТОЛЬКО к BAUMER.
   ========================================================= */
body[class*="information-information-16"] #sdm-brand-baumer-16.sdm-brand-article{
  /* ширина как у модульного контейнера темы */
  max-width: 1140px !important;
  width: 100% !important;
  margin: 28px auto 60px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* На всякий случай: если обёртка описания статьи/контента тоже ограничивает ширину */
body[class*="information-information-16"] #content,
body[class*="information-information-16"] #content .container,
body[class*="information-information-16"] #content .row,
body[class*="information-information-16"] #content .col-sm-12{
  max-width: none !important;
}
/* =========================================================
   SDM — BAUMER (information_id=16) — WIDTH REALLY LIKE MODULE
   Причина "ничего не изменилось":
   - в теме часто есть ограничения на .article_description/.description
   - плюс глобальный .sdm-brand-article { max-width: 980px; margin:auto; }
   Решение:
   1) НЕ задаём свой max-width (1140), а снимаем все ограничения
      и даём контейнеру темы управлять шириной, как у обычных модулей.
   2) Убираем лишние авто-отступы/паддинги, которые сжимают блок.
   СКОУП: только страница статьи information_id=16 и только BAUMER.
   ========================================================= */

/* A) Снимаем все лимиты ширины у обёрток статьи */
body.information-information-16 #content,
body.information-information-16 #content .container,
body.information-information-16 #content .row,
body.information-information-16 #content .col-sm-12,
body.information-information-16 #content .article_description,
body.information-information-16 #content .description{
  max-width: none !important;
}

/* B) Делаем сам мини-лендинг "как модуль" — без своего max-width и auto-margin */
body.information-information-16 #sdm-brand-baumer-16.sdm-brand-article{
  width: 100% !important;
  max-width: none !important;         /* ключ: НЕ 980/1140, а ровно как контейнер */
  margin: 0 !important;               /* у модулей обычно нет авто-центровки внутри контейнера */
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* C) Если тема добавляет боковые отступы к описанию статьи — гасим их */
body.information-information-16 #content .article_description,
body.information-information-16 #content .description{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* D) NAV/секции не должны выпадать за сетку */
body.information-information-16 #sdm-brand-baumer-16 .sdm-brand-nav,
body.information-information-16 #sdm-brand-baumer-16 .sdm-brand-article__intro,
body.information-information-16 #sdm-brand-baumer-16 .sdm-brand-article__block,
body.information-information-16 #sdm-brand-baumer-16 .sdm-brand-article__foot{
  width: 100% !important;
}

/* E) Убираем переносы <br> которые иногда попадают в .sdm-brand-nav__inner и ломают высоту */
body.information-information-16 #sdm-brand-baumer-16 .sdm-brand-nav__inner br{
  display:none !important;
}

/* =====================================================================
   SDM — ABB mini-landing (CMS Article) — information_id=12
   SAFE HTML: no buttons/forms; accordion via checkbox.
   ВАЖНО: без :has (чтобы не было "ничего не изменилось").
   СКОУП: только страница статьи ABB (information-information-12)
   ===================================================================== */

/* ---------- 0) Убираем системный заголовок статьи сверху (если тема его рисует) ---------- */
body.information-information-12 #content > h1:first-of-type,
body.information-information-12 #content > h2:first-of-type,
body.information-information-12 #content > h3:first-of-type,
body.information-information-12 .breadcrumb + h1,
body.information-information-12 .breadcrumb + h2,
body.information-information-12 .breadcrumb + h3,
body.information-information-12 .page-title,
body.information-information-12 .heading-title,
body.information-information-12 .title-page,
body.information-information-12 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* ---------- 1) Делаем статью по ширине как обычный модуль (убираем сжатие description) ---------- */
body.information-information-12 #content .article_description,
body.information-information-12 #content .description,
body.information-information-12 #content .information-description,
body.information-information-12 #content .info-content{
  max-width: none !important;
  width: 100% !important;
}

/* ---------- 2) Корневой контейнер ABB (поддерживаем и id, и класс) ---------- */
body.information-information-12 #sdm-brand-abb-12,
body.information-information-12 .sdm-brand-article--abb{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.information-information-12 #sdm-brand-abb-12,
body.information-information-12 #sdm-brand-abb-12 *,
body.information-information-12 .sdm-brand-article--abb,
body.information-information-12 .sdm-brand-article--abb *{
  box-sizing: border-box;
}

/* Внутренний контейнер, чтобы текст совпадал по левому краю с остальными блоками сайта */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-inner,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-inner{
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 18px;
}
@media (min-width: 768px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-inner,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-inner{
    padding: 0 22px;
  }
}

/* Если в HTML нет .sdm-brand-inner — задаём отступы прямо блокам */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav,
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__intro,
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__block,
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__foot,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__intro,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__block,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__foot{
  padding-left: 18px;
  padding-right: 18px;
}
@media (min-width: 768px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav,
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__intro,
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__block,
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__foot,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__intro,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__block,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__foot{
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* ---------- 3) База типографики ---------- */
body.information-information-12 #sdm-brand-abb-12{
  --sdm-abb-accent: #eb2e34;
  --sdm-abb-text: #121826;
  --sdm-abb-muted: rgba(18,24,38,.78);
  --sdm-abb-border: rgba(15,23,42,.12);
  --sdm-abb-bg: #ffffff;
  --sdm-abb-soft: rgba(235,46,52,.06);
  --sdm-abb-shadow: 0 10px 26px rgba(15,23,42,.08);
  --sdm-abb-shadow2: 0 6px 16px rgba(15,23,42,.06);
}
/* если id не совпал, но класс abb есть */
body.information-information-12 .sdm-brand-article--abb{
  --sdm-abb-accent: #eb2e34;
  --sdm-abb-text: #121826;
  --sdm-abb-muted: rgba(18,24,38,.78);
  --sdm-abb-border: rgba(15,23,42,.12);
  --sdm-abb-bg: #ffffff;
  --sdm-abb-soft: rgba(235,46,52,.06);
  --sdm-abb-shadow: 0 10px 26px rgba(15,23,42,.08);
  --sdm-abb-shadow2: 0 6px 16px rgba(15,23,42,.06);
}

body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__intro{
  margin: 22px 0 18px;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__h2,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__h2{
  margin: 0 0 10px 0;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 900;
  color: var(--sdm-abb-text);
  letter-spacing: -0.2px;
}
@media (min-width: 981px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__h2,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__h2{
    font-size: 32px;
  }
}

body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__lead,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__lead{
          margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--sdm-abb-muted);
  max-width: 92ch;
}

/* Тэги (пилюли) */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__tags,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 12px 0 0;
  padding: 0;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__tag,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__tag{
  display:inline-flex;
  align-items:center;
  border: 1px solid rgba(235,46,52,.18);
  background: rgba(235,46,52,.06);
  color: rgba(18,24,38,.92);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  border-radius: 999px;
  padding: 8px 10px;
}

/* ---------- 4) Навигация ---------- */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav{
  margin: 10px 0 0;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav__inner,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav__inner{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  padding: 12px 0 14px;
  border-bottom: 1px solid rgba(15,23,42,.10);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav__link,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  color: rgba(18,24,38,.92);
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-nav__link:hover,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-nav__link:hover{
  border-color: rgba(235,46,52,.30);
  box-shadow: 0 8px 18px rgba(15,23,42,.08);
  transform: translateY(-1px);
}

/* smooth anchors */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
html { scroll-behavior: smooth; }

/* чтобы якорь не прятался под верхним меню */
body.information-information-12 #sdm-brand-abb-12 [id],
body.information-information-12 .sdm-brand-article--abb [id]{
  scroll-margin-top: 90px;
}

/* ---------- 5) Секции ---------- */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__block,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__block{
  margin: 18px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.08);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__h3,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__h3{
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
  color: var(--sdm-abb-text);
}

/* ---------- 6) Грид карточек ---------- */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-grid,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-grid,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 1100px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-grid,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-grid--compact,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-grid--compact{
  grid-template-columns: 1fr;
}
@media (min-width: 981px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-grid--compact,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-grid--compact{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Карточка */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-card,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-card{
  background: var(--sdm-abb-bg);
  border: 1px solid var(--sdm-abb-border);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: var(--sdm-abb-shadow2);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-card--soft,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-card--soft{
  background: linear-gradient(0deg, rgba(235,46,52,.035), rgba(235,46,52,.035)), #fff;
  border-color: rgba(235,46,52,.14);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-card__title,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-card__title{
  margin: 0 0 8px 0;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  color: var(--sdm-abb-text);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-card__text,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-card__text{
          margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: var(--sdm-abb-muted);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-card__meta,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-card__meta{
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(18,24,38,.70);
  padding-top: 10px;
  border-top: 1px dashed rgba(15,23,42,.16);
}

/* Чип-карточки (отрасли) */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-chipcard,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-chipcard{
  background: #fff;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: var(--sdm-abb-shadow2);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-chipcard__title,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-chipcard__title{
  margin: 0 0 6px 0;
  font-weight: 900;
  font-size: 14px;
  color: var(--sdm-abb-text);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-chipcard__text,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-chipcard__text{
          margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--sdm-abb-muted);
}

/* ---------- 7) Steps ---------- */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-steps,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-steps{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 981px){
  body.information-information-12 #sdm-brand-abb-12 .sdm-brand-steps,
  body.information-information-12 .sdm-brand-article--abb .sdm-brand-steps{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-step,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-step{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  background: #fff;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 18px;
  padding: 14px 14px;
  box-shadow: var(--sdm-abb-shadow2);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-step__k,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-step__k{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(235,46,52,.10);
  border: 1px solid rgba(235,46,52,.18);
  color: rgba(18,24,38,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-step__title,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-step__title{
  font-weight: 900;
  color: var(--sdm-abb-text);
  margin: 0 0 4px 0;
  font-size: 14px;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-step__text,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-step__text{
  color: var(--sdm-abb-muted);
  font-size: 13px;
  line-height: 1.6;
          margin: 0;
}

/* Note */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__note,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__note{
  margin-top: 12px;
  border: 1px solid rgba(235,46,52,.20);
  background: rgba(235,46,52,.06);
  border-radius: 18px;
  padding: 14px 16px;
  color: rgba(18,24,38,.88);
  font-size: 13px;
  line-height: 1.65;
}

/* ---------- 8) Accordion (FAQ) ---------- */
/* прячем checkbox (чтобы не было "квадратиков") */
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__toggle,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__toggle{
  position:absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.information-information-12 #sdm-brand-abb-12 .sdm-acc,
body.information-information-12 .sdm-brand-article--abb .sdm-acc{
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sdm-abb-shadow2);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__item + .sdm-acc__item,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__head,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__title,
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__q,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__title,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__q{
  font-weight: 900;
  color: var(--sdm-abb-text);
  line-height: 1.35;
  font-size: 14px;
}

body.information-information-12 #sdm-brand-abb-12 .sdm-acc__icon,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__icon{
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__icon:before,
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__icon:after,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__icon:before,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__icon:after{
  content:"";
  position:absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background: rgba(18,24,38,.60);
  border-radius: 2px;
  transform: translate(-50%,-50%);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__icon:after,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__icon:after{
  transform: translate(-50%,-50%) rotate(90deg);
  transition: transform .16s ease, opacity .16s ease;
  opacity: 1;
}

/* body */
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__body,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__body{
  display:none;
  padding: 0 16px 14px 16px;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__content,
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__text,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__content,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__text{
  color: var(--sdm-abb-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* open state */
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{
  transform: translate(-50%,-50%) rotate(90deg);
  opacity: 0;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body,
body.information-information-12 .sdm-brand-article--abb .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block;
}

/* ---------- 9) Foot ---------- */
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__foot,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__foot{
  margin: 18px 0 38px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.08);
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__foot-title,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__foot-title{
  font-weight: 900;
  color: var(--sdm-abb-text);
  margin: 0 0 6px 0;
}
body.information-information-12 #sdm-brand-abb-12 .sdm-brand-article__foot-text,
body.information-information-12 .sdm-brand-article--abb .sdm-brand-article__foot-text{
          margin: 0;
  color: var(--sdm-abb-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* ---------- 10) Списки, если вдруг есть внутри текста ---------- */
body.information-information-12 #sdm-brand-abb-12 ul,
body.information-information-12 .sdm-brand-article--abb ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
body.information-information-12 #sdm-brand-abb-12 li,
body.information-information-12 .sdm-brand-article--abb li{
  margin: 6px 0;
  line-height: 1.6;
}
/* =========================================================
   SDM — ABB (information_id=12) — HARD SCOPE FALLBACK
   Если тема не даёт body.information-information-12 или перебивает стили,
   этот блок гарантированно применится по ID контейнера.
   ========================================================= */

#sdm-brand-abb-12{
  --sdm-abb-accent: #eb2e34;
  --sdm-abb-text: #121826;
  --sdm-abb-muted: rgba(18,24,38,.78);
  --sdm-abb-border: rgba(15,23,42,.12);
  --sdm-abb-bg: #ffffff;
  --sdm-abb-soft: rgba(235,46,52,.06);
  --sdm-abb-shadow: 0 10px 26px rgba(15,23,42,.08);
  --sdm-abb-shadow2: 0 6px 16px rgba(15,23,42,.06);
  width:100%;
  margin:0;
  padding:0;
}

#sdm-brand-abb-12,
#sdm-brand-abb-12 *{ box-sizing:border-box; }

/* make description full width (theme sometimes clamps it) */
#content .article_description #sdm-brand-abb-12,
#content .description #sdm-brand-abb-12,
#content .information-description #sdm-brand-abb-12{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* container-like paddings to align with site */
#sdm-brand-abb-12 .sdm-brand-nav,
#sdm-brand-abb-12 .sdm-brand-article__intro,
#sdm-brand-abb-12 .sdm-brand-article__block,
#sdm-brand-abb-12 .sdm-brand-article__foot{
  padding-left:22px;
  padding-right:22px;
}
@media (max-width:767px){
  #sdm-brand-abb-12 .sdm-brand-nav,
  #sdm-brand-abb-12 .sdm-brand-article__intro,
  #sdm-brand-abb-12 .sdm-brand-article__block,
  #sdm-brand-abb-12 .sdm-brand-article__foot{
    padding-left:18px;
    padding-right:18px;
  }
}

/* NAV */
#sdm-brand-abb-12 .sdm-brand-nav__inner{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 0 14px;
  border-bottom:1px solid rgba(15,23,42,.10);
}
#sdm-brand-abb-12 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:rgba(18,24,38,.92);
  font-weight:800;
  font-size:12px;
  line-height:1;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#sdm-brand-abb-12 .sdm-brand-nav__link:hover{
  border-color:rgba(235,46,52,.30);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
  transform:translateY(-1px);
}

/* Headings */
#sdm-brand-abb-12 .sdm-brand-article__h2{
  margin:0 0 10px 0;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
  color:var(--sdm-abb-text);
  letter-spacing:-0.2px;
}
@media (min-width:981px){
  #sdm-brand-abb-12 .sdm-brand-article__h2{ font-size:32px; }
}
#sdm-brand-abb-12 .sdm-brand-article__lead{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--sdm-abb-muted);
  max-width:92ch;
}
#sdm-brand-abb-12 .sdm-brand-article__h3{
  margin:0 0 12px 0;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  color:var(--sdm-abb-text);
}

/* tags */
#sdm-brand-abb-12 .sdm-brand-article__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 0;
}
#sdm-brand-abb-12 .sdm-brand-article__tag{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(235,46,52,.18);
  background:rgba(235,46,52,.06);
  color:rgba(18,24,38,.92);
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  padding:8px 10px;
}

/* blocks */
#sdm-brand-abb-12 .sdm-brand-article__block{
  margin:18px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,.08);
}

/* grid + cards */
#sdm-brand-abb-12 .sdm-brand-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:768px){
  #sdm-brand-abb-12 .sdm-brand-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media (min-width:1100px){
  #sdm-brand-abb-12 .sdm-brand-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
#sdm-brand-abb-12 .sdm-brand-grid--compact{ grid-template-columns:1fr; }
@media (min-width:981px){
  #sdm-brand-abb-12 .sdm-brand-grid--compact{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

#sdm-brand-abb-12 .sdm-brand-card{
  background:var(--sdm-abb-bg);
  border:1px solid var(--sdm-abb-border);
  border-radius:18px;
  padding:16px 16px 14px;
  box-shadow:var(--sdm-abb-shadow2);
}
#sdm-brand-abb-12 .sdm-brand-card--soft{
  background:linear-gradient(0deg, rgba(235,46,52,.035), rgba(235,46,52,.035)), #fff;
  border-color:rgba(235,46,52,.14);
}
#sdm-brand-abb-12 .sdm-brand-card__title{
  margin:0 0 8px 0;
  font-size:15px;
  line-height:1.35;
  font-weight:900;
  color:var(--sdm-abb-text);
}
#sdm-brand-abb-12 .sdm-brand-card__text{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:var(--sdm-abb-muted);
}
#sdm-brand-abb-12 .sdm-brand-card__meta{
  margin-top:10px;
  font-size:12px;
  line-height:1.45;
  color:rgba(18,24,38,.70);
  padding-top:10px;
  border-top:1px dashed rgba(15,23,42,.16);
}

/* steps */
#sdm-brand-abb-12 .sdm-brand-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media (min-width:981px){
  #sdm-brand-abb-12 .sdm-brand-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}
#sdm-brand-abb-12 .sdm-brand-step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--sdm-abb-shadow2);
}
#sdm-brand-abb-12 .sdm-brand-step__k{
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(235,46,52,.10);
  border:1px solid rgba(235,46,52,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
#sdm-brand-abb-12 .sdm-brand-step__title{
  font-weight:900;
  margin:0 0 4px 0;
  font-size:14px;
  color:var(--sdm-abb-text);
}
#sdm-brand-abb-12 .sdm-brand-step__text{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:var(--sdm-abb-muted);
}

/* note */
#sdm-brand-abb-12 .sdm-brand-article__note{
  margin-top:12px;
  border:1px solid rgba(235,46,52,.20);
  background:rgba(235,46,52,.06);
  border-radius:18px;
  padding:14px 16px;
  font-size:13px;
  line-height:1.65;
}

/* FAQ: hide toggles & style */
#sdm-brand-abb-12 .sdm-acc__toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  border:0 !important;
}
#sdm-brand-abb-12 .sdm-acc{
  border:1px solid rgba(15,23,42,.12);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--sdm-abb-shadow2);
}
#sdm-brand-abb-12 .sdm-acc__item + .sdm-acc__item{ border-top:1px solid rgba(15,23,42,.10); }
#sdm-brand-abb-12 .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  cursor:pointer;
  user-select:none;
}
#sdm-brand-abb-12 .sdm-acc__title{
  font-weight:900;
  font-size:14px;
  line-height:1.35;
  color:var(--sdm-abb-text);
}
#sdm-brand-abb-12 .sdm-acc__icon{
  position:relative;
  width:18px;
  height:18px;
}
#sdm-brand-abb-12 .sdm-acc__icon:before,
#sdm-brand-abb-12 .sdm-acc__icon:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:2px;
  background:rgba(18,24,38,.60);
  border-radius:2px;
  transform:translate(-50%,-50%);
}
#sdm-brand-abb-12 .sdm-acc__icon:after{
  transform:translate(-50%,-50%) rotate(90deg);
  transition:opacity .16s ease;
  opacity:1;
}
#sdm-brand-abb-12 .sdm-acc__body{ display:none; padding:0 16px 14px; }
#sdm-brand-abb-12 .sdm-acc__content{
  font-size:13px;
  line-height:1.65;
  color:var(--sdm-abb-muted);
}
#sdm-brand-abb-12 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{ opacity:0; }
#sdm-brand-abb-12 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{ display:block; }

/* foot */
#sdm-brand-abb-12 .sdm-brand-article__foot{
  margin:18px 0 38px;
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,.08);
}
#sdm-brand-abb-12 .sdm-brand-article__foot-title{
  font-weight:900;
  margin:0 0 6px;
  color:var(--sdm-abb-text);
}
#sdm-brand-abb-12 .sdm-brand-article__foot-text{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:var(--sdm-abb-muted);
}

/* =====================================================================
   SDM — EBMPAPST mini-landing (CMS Article) — information_id=17
   Цель: визуально как CAS (карточки/плитки, аккуратные заголовки, сетка, accordion)
   СКОУП: body.information-information-17 + fallback по #sdm-brand-ebmpapst
   ===================================================================== */

/* --- 0) Скрываем системный заголовок статьи (если тема его рисует сверху) --- */
body.information-information-17 #content > h1:first-of-type,
body.information-information-17 #content > h2:first-of-type,
body.information-information-17 #content > h3:first-of-type,
body.information-information-17 .breadcrumb + h1,
body.information-information-17 .breadcrumb + h2,
body.information-information-17 .breadcrumb + h3,
body.information-information-17 .page-title,
body.information-information-17 .heading-title,
body.information-information-17 .title-page,
body.information-information-17 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* --- 1) Разжимаем обёртки описания статьи темы (часто дают max-width/переопределяют) --- */
body.information-information-17 #content .information-content,
body.information-information-17 #content .information-description,
body.information-information-17 #content .info-description,
body.information-information-17 #content .article-description,
body.information-information-17 #content .content-description,
body.information-information-17 #content .content-text,
body.information-information-17 #content .description,
body.information-information-17 #content .text,
body.information-information-17 #content .main-description{
  max-width:none !important;
  width:auto !important;
}

/* --- 2) Базовый контейнер мини-лендинга --- */
body.information-information-17 #sdm-brand-ebmpapst,
#sdm-brand-ebmpapst{
  width:100% !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 16px 28px !important;
  box-sizing:border-box !important;
  color:#1f2937 !important;
}

/* Типографика внутри блока (изолируемся от темы) */
body.information-information-17 #sdm-brand-ebmpapst *,
#sdm-brand-ebmpapst *{
  box-sizing:border-box !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h2,
#sdm-brand-ebmpapst .sdm-brand-article__h2{
  margin:0 0 10px !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
  color:#0f172a !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__lead,
#sdm-brand-ebmpapst .sdm-brand-article__lead{
  margin:0 0 14px !important;
  font-size:14px !important;
  line-height:1.65 !important;
  color:#475569 !important;
  max-width:920px !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h3,
#sdm-brand-ebmpapst .sdm-brand-article__h3{
  margin:0 0 12px !important;
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

/* --- 3) NAV (в твоём HTML сейчас пустая; но пусть выглядит норм, если добавишь ссылки) --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav,
#sdm-brand-ebmpapst .sdm-brand-nav{
  margin:0 0 16px !important;
  padding:0 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner,
#sdm-brand-ebmpapst .sdm-brand-nav__inner{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
}

/* если в inner оставлен <br> — прячем его, чтобы не ломал высоту */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner br,
#sdm-brand-ebmpapst .sdm-brand-nav__inner br{
  display:none !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link,
#sdm-brand-ebmpapst .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:#fff !important;
  color:#0f172a !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:background-color .15s ease, border-color .15s ease, transform .15s ease !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link:hover,
#sdm-brand-ebmpapst .sdm-brand-nav__link:hover{
  background:#f8fafc !important;
  border-color:rgba(15,23,42,.22) !important;
  transform:translateY(-1px) !important;
}

/* --- 4) Intro tags (пилюли) --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tags,
#sdm-brand-ebmpapst .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tag,
#sdm-brand-ebmpapst .sdm-brand-article__tag{
  display:inline-flex !important;
  align-items:center !important;
  height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(2,132,199,.25) !important;
  background:#eff6ff !important;
  color:#0f172a !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

/* --- 5) Блоки --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
#sdm-brand-ebmpapst .sdm-brand-article__block{
  padding-top:18px !important;
  margin-top:18px !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
#sdm-brand-ebmpapst .sdm-brand-article__intro{
  margin:0 0 6px !important;
}

/* --- 6) Сетки и карточки (то, что ты называешь “плитки”) --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid,
#sdm-brand-ebmpapst .sdm-brand-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid--compact,
#sdm-brand-ebmpapst .sdm-brand-grid--compact{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card,
#sdm-brand-ebmpapst .sdm-brand-card{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:14px !important;
  padding:14px 14px 12px !important;
  box-shadow:0 8px 18px rgba(2,6,23,.06) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card--soft,
#sdm-brand-ebmpapst .sdm-brand-card--soft{
  background:#fbfdff !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__title,
#sdm-brand-ebmpapst .sdm-brand-card__title{
  margin:0 0 8px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__text,
#sdm-brand-ebmpapst .sdm-brand-card__text{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  color:#475569 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__meta,
#sdm-brand-ebmpapst .sdm-brand-card__meta{
  margin-top:10px !important;
  font-size:12px !important;
  line-height:1.4 !important;
  color:#64748b !important;
}

/* Chip-cards (отрасли) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard,
#sdm-brand-ebmpapst .sdm-brand-chipcard{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:0 8px 18px rgba(2,6,23,.06) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__title,
#sdm-brand-ebmpapst .sdm-brand-chipcard__title{
  margin:0 0 6px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#0f172a !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__text,
#sdm-brand-ebmpapst .sdm-brand-chipcard__text{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  color:#475569 !important;
}

/* --- 7) Шаги “Как мы подбираем…” --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps,
#sdm-brand-ebmpapst .sdm-brand-steps{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step,
#sdm-brand-ebmpapst .sdm-brand-step{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:0 8px 18px rgba(2,6,23,.06) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__k,
#sdm-brand-ebmpapst .sdm-brand-step__k{
  flex:0 0 auto !important;
  width:32px !important;
  height:32px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  color:#0f172a !important;
  background:#eff6ff !important;
  border:1px solid rgba(2,132,199,.22) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__title,
#sdm-brand-ebmpapst .sdm-brand-step__title{
  margin:0 0 6px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__text,
#sdm-brand-ebmpapst .sdm-brand-step__text{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  color:#475569 !important;
}

/* --- 8) Note --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__note,
#sdm-brand-ebmpapst .sdm-brand-article__note{
  margin-top:14px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(2,132,199,.22) !important;
  background:#f1f8ff !important;
  color:#0f172a !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

/* --- 9) Accordion --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc,
#sdm-brand-ebmpapst .sdm-acc{
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(2,6,23,.06) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__item + .sdm-acc__item,
#sdm-brand-ebmpapst .sdm-acc__item + .sdm-acc__item{
  border-top:1px solid rgba(15,23,42,.08) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle,
#sdm-brand-ebmpapst .sdm-acc__toggle{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__head,
#sdm-brand-ebmpapst .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:14px 14px !important;
  cursor:pointer !important;
  user-select:none !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__title,
#sdm-brand-ebmpapst .sdm-acc__title{
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon,
#sdm-brand-ebmpapst .sdm-acc__icon{
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  border-radius:6px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#f8fafc !important;
  position:relative !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:before,
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:after,
#sdm-brand-ebmpapst .sdm-acc__icon:before,
#sdm-brand-ebmpapst .sdm-acc__icon:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:10px !important;
  height:2px !important;
  background:#0f172a !important;
  transform:translate(-50%,-50%) !important;
  opacity:.7 !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:after,
#sdm-brand-ebmpapst .sdm-acc__icon:after{
  width:2px !important;
  height:10px !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__body,
#sdm-brand-ebmpapst .sdm-acc__body{
  display:none !important;
  padding:0 14px 14px !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__content,
#sdm-brand-ebmpapst .sdm-acc__content{
  font-size:13px !important;
  line-height:1.65 !important;
  color:#475569 !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body,
#sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after,
#sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{
  opacity:0 !important;
}

/* --- 10) Подвал блока --- */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot,
#sdm-brand-ebmpapst .sdm-brand-article__foot{
  margin-top:22px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-title,
#sdm-brand-ebmpapst .sdm-brand-article__foot-title{
  font-size:14px !important;
  font-weight:900 !important;
  color:#0f172a !important;
  margin:0 0 6px !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-text,
#sdm-brand-ebmpapst .sdm-brand-article__foot-text{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  color:#475569 !important;
  max-width:920px !important;
}

/* --- 11) Адаптив --- */
@media (max-width: 1100px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid,
  #sdm-brand-ebmpapst .sdm-brand-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps,
  #sdm-brand-ebmpapst .sdm-brand-steps{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 640px){
  body.information-information-17 #sdm-brand-ebmpapst{ padding:0 12px 22px !important; }
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h2,
  #sdm-brand-ebmpapst .sdm-brand-article__h2{ font-size:20px !important; }
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid,
  #sdm-brand-ebmpapst .sdm-brand-grid{ grid-template-columns:1fr !important; }
}

/* ===================================================================== */

/* =====================================================================
   SDM — EMBPAPST mini-landing (information_id=17) — FINAL UI
   Цель: вернуть "плитки", нормальные шаги и аккуратный accordion (FAQ)
   Важно: все правила СКОУПЛЕНЫ под страницу information_id=17
   ===================================================================== */

/* 0) жесткий ресет, чтобы тема не сжимала описание статьи */
body.information-information-17 #content .article_description,
body.information-information-17 #content .description,
body.information-information-17 #content .information-description,
body.information-information-17 #content .info-content{
  max-width:none !important;
  width:100% !important;
}

/* 1) базовый root + box sizing */
body.information-information-17 #sdm-brand-ebmpapst{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.information-information-17 #sdm-brand-ebmpapst,
body.information-information-17 #sdm-brand-ebmpapst *{
  box-sizing:border-box;
}

/* 2) выравнивание по сетке сайта (как у модулей) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
  padding-left:22px;
  padding-right:22px;
}
@media (max-width:767px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
    padding-left:18px;
    padding-right:18px;
  }
}

/* 3) заголовки/текст */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h2{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.25;
  font-weight:900;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__lead{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(18,24,38,.78);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h3{
  margin:0 0 12px;
  font-size:16px;
  line-height:1.25;
  font-weight:900;
  color:#121826;
}

/* 4) NAV (если есть) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav{ margin:0; }
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 0 14px;
  border-bottom:1px solid rgba(15,23,42,.10);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:rgba(18,24,38,.92);
  font-weight:800;
  font-size:12px;
  line-height:1;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link:hover{
  border-color:rgba(31,111,235,.30);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
  transform:translateY(-1px);
}

/* 5) TAGS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 0;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tag{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(31,111,235,.18);
  background:rgba(31,111,235,.06);
  color:rgba(18,24,38,.92);
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  padding:8px 10px;
}

/* 6) Разделители блоков */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block{
  margin:18px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,.08);
}

/* 7) ПЛИТКИ (grid/cards) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:768px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}
@media (min-width:1100px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid--compact{
  grid-template-columns:1fr;
}
@media (min-width:981px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid--compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:18px;
  padding:16px 16px 14px;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card--soft{
  background:linear-gradient(0deg, rgba(31,111,235,.035), rgba(31,111,235,.035)), #fff;
  border-color:rgba(31,111,235,.14);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__title{
  margin:0 0 8px 0;
  font-size:15px;
  line-height:1.35;
  font-weight:900;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__text{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(18,24,38,.78);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__meta{
  margin-top:10px;
  font-size:12px;
  line-height:1.45;
  color:rgba(18,24,38,.62);
}

/* chip cards */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard{
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:14px 14px 12px;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__title{
  margin:0 0 6px;
  font-weight:900;
  font-size:14px;
  line-height:1.3;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__text{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:rgba(18,24,38,.76);
}

/* 8) ШАГИ (как карточки, а не голый текст) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps{
  display:grid;
  gap:12px;
  margin-top:6px;
}
@media (min-width:981px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__k{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#0b4f8a;
  background:rgba(31,111,235,.10);
  border:1px solid rgba(31,111,235,.18);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__title{
  margin:0 0 4px;
  font-weight:900;
  font-size:14px;
  line-height:1.3;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__text{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:rgba(18,24,38,.76);
}

/* 9) NOTE */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__note{
  margin-top:14px;
  border-radius:16px;
  border:1px solid rgba(31,111,235,.18);
  background:rgba(31,111,235,.06);
  padding:14px 16px;
  color:rgba(11,61,115,.92);
  font-size:13px;
  line-height:1.55;
}

/* 10) FAQ accordion (checkbox) — скрываем квадраты и делаем как надо */
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc{
  display:grid;
  gap:10px;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__item{
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
}

/* скрыть input, чтобы не было "квадратиков" */
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  user-select:none;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__title{
  font-weight:900;
  font-size:14px;
  line-height:1.35;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:10px;
  background:rgba(15,23,42,.04);
  position:relative;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon::before,
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  background:rgba(18,24,38,.60);
  transform:translate(-50%,-50%);
  border-radius:2px;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon::after{
  width:2px;
  height:12px;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__body{
  display:none;
  padding:0 14px 14px;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__content{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(18,24,38,.78);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{
  display:none; /* минус */
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block;
}

/* 11) FOOT */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
  margin:18px 0 38px;
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,.08);
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-title{
  font-weight:900;
  margin:0 0 6px;
  color:#121826;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-text{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(18,24,38,.78);
}
/* =========================================================
   SDM — EMBPAPST — NUCLEAR OVERRIDES + VISUAL TEST
   Если после заливки этого файла НЕТ синей рамки вокруг блока,
   значит сайт НЕ грузит этот CSS (или id контейнера другой).
   ========================================================= */

#sdm-brand-ebmpapst{
     /* ВИЗУАЛЬНЫЙ ТЕСТ */
  
}

/* ПЛИТКИ (с максимальной специфичностью) */
#sdm-brand-ebmpapst .sdm-brand-grid{
  display:grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
@media (min-width: 768px){
  #sdm-brand-ebmpapst .sdm-brand-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (min-width: 1100px){
  #sdm-brand-ebmpapst .sdm-brand-grid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
#sdm-brand-ebmpapst .sdm-brand-card{
  display:block !important;
  background:#fff !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
}

/* FAQ: убираем квадратики чекбоксов НАВСЕГДА */
#sdm-brand-ebmpapst .sdm-acc__toggle{
  position:absolute !important;
  left:-9999px !important;
  opacity:0 !important;
}
#sdm-brand-ebmpapst .sdm-acc{
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 18px !important;
  overflow:hidden !important;
  background:#fff !important;
}
#sdm-brand-ebmpapst .sdm-acc__body{ display:none !important; }
#sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{ display:block !important; }

/* =========================================================
   SDM — EMBPAPST (information_id=17) — PAGE WIDTH FIX
   Делает статью по ширине как модуль (без узкой колонки).
   Скоуп ТОЛЬКО для страницы information_id=17.
   ========================================================= */
body.information-information-17 #content > .container,
body.information-information-17 #content > .container-fluid{
  max-width: none !important;
  width: 100% !important;
}
body.information-information-17 #content > .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* если тема кладёт контент в row/col и добавляет боковые паддинги */
body.information-information-17 #content .row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.information-information-17 #content .row > [class*="col-"]{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* убираем любые рамки/outline у корня */
body.information-information-17 #sdm-brand-ebmpapst{
  outline: none !important;
  border: 0 !important;
}

/* нормальное выравнивание внутренних блоков по сетке сайта */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
  padding-left: 22px !important;
  padding-right: 22px !important;
}
@media (max-width: 767px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================
   SDM — EMBPAPST (information_id=17) — CAS-LIKE LOOK
   Цель: визуально как на странице CAS (карточки, сетка, типографика, отступы)
   Скоуп: только #sdm-brand-ebmpapst на information_id=17
   ========================================================= */

/* 1) Центровка как у CAS: максимум ~1200px, но фон страницы full width */
body.information-information-17 #sdm-brand-ebmpapst{
  outline: none !important;
  border: 0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  --cas-text:#101828;
  --cas-muted:rgba(16,24,40,.72);
  --cas-border:rgba(16,24,40,.10);
  --cas-border2:rgba(16,24,40,.14);
  --cas-card:#ffffff;
  --cas-soft:#f6f8fb;
  --cas-accent:#0b5bd3; /* спокойный синий */
  --cas-shadow: 0 10px 28px rgba(16,24,40,.08);
  --cas-shadow2: 0 6px 16px rgba(16,24,40,.06);
}

/* общий контейнер внутри блока (как “модуль”) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}
@media (max-width: 767px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__intro,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block,
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* 2) NAV как у CAS — текстовые табы */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 4px 0 10px !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__inner{
  display:flex !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(16,24,40,.10) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(16,24,40,.78) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-nav__link:hover{
  color: var(--cas-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* 3) Типографика как у CAS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h2{
  margin: 10px 0 10px 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  color: var(--cas-text) !important;
  letter-spacing: -0.2px !important;
}
@media (min-width: 981px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h2{ font-size: 26px !important; }
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__lead{
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--cas-muted) !important;
  max-width: 96ch !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__h3{
  margin: 0 0 12px 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  color: var(--cas-text) !important;
}

/* 4) Чипы (как на CAS — спокойнее, меньше “пузырей”) */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin: 12px 0 0 !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__tag{
  background: #fff !important;
  border: 1px solid rgba(16,24,40,.12) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(16,24,40,.84) !important;
}

/* 5) Блоки и разделители */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__block{
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(16,24,40,.08) !important;
}

/* 6) ПЛИТКИ как у CAS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}
@media (min-width: 768px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (min-width: 1100px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
/* компактные сетки (Solutions/Industries) как у CAS: 2 колонки на десктопе */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid--compact{
  grid-template-columns: 1fr !important;
}
@media (min-width: 981px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-grid--compact{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard{
  background: var(--cas-card) !important;
  border: 1px solid var(--cas-border2) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: var(--cas-shadow2) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__title,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__title{
  margin: 0 0 8px 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: var(--cas-text) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__text,
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-chipcard__text{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  color: var(--cas-muted) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card__meta{
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(16,24,40,.18) !important;
  font-size: 12px !important;
  color: rgba(16,24,40,.70) !important;
}

/* soft cards */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-card--soft{
  background: linear-gradient(0deg, rgba(11,91,211,.035), rgba(11,91,211,.035)), #fff !important;
  border-color: rgba(16,24,40,.14) !important;
}

/* 7) Steps — превращаем в карточки как на CAS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
@media (min-width: 981px){
  body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-steps{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step{
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  background: #fff !important;
  border: 1px solid var(--cas-border2) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  box-shadow: var(--cas-shadow2) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__k{
  width: 32px !important;
  height: 32px !important;
  border-radius: 12px !important;
  background: rgba(11,91,211,.10) !important;
  border: 1px solid rgba(11,91,211,.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  color: rgba(16,24,40,.92) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__title{
  margin: 0 0 4px 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: var(--cas-text) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-step__text{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  color: var(--cas-muted) !important;
}

/* 8) Note box как у CAS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__note{
  margin-top: 14px !important;
  background: #f3f7ff !important;
  border: 1px solid rgba(11,91,211,.20) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: rgba(16,24,40,.82) !important;
}

/* 9) FAQ — нормальный accordion как на CAS */
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc{
  border: 1px solid rgba(16,24,40,.14) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--cas-shadow2) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(16,24,40,.10) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle{
  position:absolute !important;
  left:-9999px !important;
  opacity:0 !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  cursor:pointer !important;
  user-select:none !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__title{
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  color: var(--cas-text) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon{
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:before,
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width: 14px !important;
  height: 2px !important;
  background: rgba(16,24,40,.62) !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 2px !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__icon:after{
  transform: translate(-50%,-50%) rotate(90deg) !important;
  transition: opacity .16s ease !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__body{
  display:none !important;
  padding: 0 16px 14px !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__content{
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--cas-muted) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{ opacity:0 !important; }
body.information-information-17 #sdm-brand-ebmpapst .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{ display:block !important; }

/* 10) Footer */
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot{
  margin: 24px auto 46px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(16,24,40,.08) !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-title{
  font-weight: 900 !important;
  color: var(--cas-text) !important;
  margin: 0 0 6px 0 !important;
}
body.information-information-17 #sdm-brand-ebmpapst .sdm-brand-article__foot-text{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--cas-muted) !important;
}
/* =====================================================================
   SDM — FESTO (information_id=18) — mini-landing (CMS Article)
   SAFE HTML: no buttons/forms; accordion via checkbox + label.
   ВАЖНО:
   - СКОУП: только страница information_id=18 и только контейнер #sdm-brand-festo-18
   - Без глобальных сбросов и без 100vw/negative-margins
   ===================================================================== */

/* 0) Скрываем системный заголовок статьи (если тема его рисует) */
body.information-information-18 #content > h1:first-of-type,
body.information-information-18 #content > h2:first-of-type,
body.information-information-18 #content > h3:first-of-type,
body.information-information-18 .breadcrumb + h1,
body.information-information-18 .breadcrumb + h2,
body.information-information-18 .breadcrumb + h3,
body.information-information-18 .page-title,
body.information-information-18 .heading-title,
body.information-information-18 .title-page,
body.information-information-18 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у модулей */
body.information-information-18 #content .article_description,
body.information-information-18 #content .description,
body.information-information-18 #content .information-description,
body.information-information-18 #content .info-content{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Корневой контейнер FESTO */
body.information-information-18 #sdm-brand-festo-18{
  width:100% !important;
  margin:0 !important;
  padding: 0 0 22px !important;
  box-sizing:border-box !important;
  color:#0f172a;
}
body.information-information-18 #sdm-brand-festo-18,
body.information-information-18 #sdm-brand-festo-18 *{
  box-sizing:border-box;
}

/* 3) Внутренний контейнер для совпадения с сеткой сайта */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner{
  width:100% !important;
  max-width:1140px !important;
  margin:0 auto !important;
  padding: 0 18px !important;
}
@media (min-width:768px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner{ padding:0 22px !important; }
}

/* 4) Палитра/тени */
body.information-information-18 #sdm-brand-festo-18{
  --sdm-festo-text:#0f172a;
  --sdm-festo-muted: rgba(15,23,42,.72);
  --sdm-festo-border: rgba(15,23,42,.14);
  --sdm-festo-soft: rgba(15,23,42,.05);
  --sdm-festo-soft2: rgba(15,23,42,.08);
  --sdm-festo-shadow: 0 10px 24px rgba(15,23,42,.10);
  --sdm-festo-shadow2: 0 16px 40px rgba(15,23,42,.12);
  --sdm-festo-accent: #0b4ea2; /* нейтрально-синий, под SDM */
}

/* 5) NAV */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav{
  position: sticky;
  top: 82px;
  z-index: 5;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
@media (max-width:768px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav{ top: 62px; }
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  padding: 10px 0;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--sdm-festo-text);
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 13px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav__link:hover{
  background: rgba(15,23,42,.03);
  border-color: rgba(15,23,42,.16);
}

/* 6) INTRO */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__intro{
  padding: 18px 0 16px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__h2{
  margin: 0 0 10px;
  font-weight: 950;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media (min-width:768px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__h2{ font-size: 26px; }
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__lead{
          margin: 0;
  max-width: 960px;
  color: var(--sdm-festo-muted);
  line-height: 1.7;
  font-size: 14.5px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-tags{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-tag{
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(11,78,162,.07);
  border: 1px solid rgba(11,78,162,.18);
  color: rgba(15,23,42,.86);
  font-weight: 800;
}

/* 7) Блоки */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__block{
  padding: 16px 0 0;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-title{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-sub{
  margin: 0 0 12px;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  max-width: 980px;
}

/* 8) GRID карточек */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 1100px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-card{
  background:#fff;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: var(--sdm-festo-shadow);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-card__title{
  margin:0 0 8px;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.3;
  color: var(--sdm-festo-text);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-card__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.6;
  font-size: 14px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-list{
  margin: 10px 0 0;
  padding-left: 16px;
  color: var(--sdm-festo-muted);
  line-height: 1.55;
  font-size: 14px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-list li{ margin: 5px 0; }

/* 9) Steps */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-steps{
  margin-top: 12px;
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-steps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-step{
  background: rgba(15,23,42,.02);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 14px 14px 12px;
  display:flex;
  gap: 12px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-step__n{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  font-size: 14px;
  color: rgba(15,23,42,.86);
  background: rgba(11,78,162,.08);
  border: 1px solid rgba(11,78,162,.18);
  flex: 0 0 42px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-step__t{
  margin:0 0 4px;
  font-weight: 900;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-step__d{
  margin:0;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.55;
}

/* 10) Request list (что прислать) */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req{
  margin-top: 14px;
  background: var(--sdm-festo-soft);
  border: 1px solid var(--sdm-festo-soft2);
  border-radius: 18px;
  padding: 14px 14px 12px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req__title{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 820px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req__item{
  background:#fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

/* 11) Accordion (checkbox) */
body.information-information-18 #sdm-brand-festo-18 .sdm-acc{
  margin-top: 12px;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sdm-festo-shadow);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0));
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__q{
  font-weight: 900;
  color: var(--sdm-festo-text);
  line-height: 1.35;
  font-size: 14px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__icon{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(15,23,42,.06);
  position: relative;
  border: 1px solid rgba(15,23,42,.10);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__icon::before,
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 12px;
  height: 2px;
  background: rgba(15,23,42,.55);
  transform: translate(-50%,-50%);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__icon::after{
  width: 2px;
  height: 12px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__body{
  display:none;
  padding: 0 16px 14px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 14px;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{
  display:none;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block;
}

/* 12) Foot */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__foot{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.08);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__foot-title{
  margin: 0 0 6px;
  font-weight: 950;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__foot-text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 13px;
  max-width: 980px;
}

/* 13) Якоря: чтобы не прятались под фиксированной шапкой */
body.information-information-18 #sdm-brand-festo-18 [id]{
  scroll-margin-top: 110px;
}
@media (max-width:768px){
  body.information-information-18 #sdm-brand-festo-18 [id]{ scroll-margin-top: 92px; }
}

/* ===================================================================== */
/* =====================================================================
   HOTFIX: FESTO styles not applying
   Причина обычно одна из двух:
   1) у body нет класса information-information-18 (в теме другое имя)
   2) CSS перебивается общими стилями темы
   Решение: дублируем правила БЕЗ привязки к body и усиливаем специфичность.
   ===================================================================== */

#sdm-brand-festo-18{ width:100% !important; margin:0 !important; padding:0 0 22px !important; color:#0f172a !important; }
#sdm-brand-festo-18, 
#sdm-brand-festo-18 *{ box-sizing:border-box !important; }

#sdm-brand-festo-18 .sdm-brand-inner{ max-width:1140px !important; margin:0 auto !important; padding:0 18px !important; }
@media (min-width:768px){ #sdm-brand-festo-18 .sdm-brand-inner{ padding:0 22px !important; } }

/* NAV */
#sdm-brand-festo-18 .sdm-brand-nav{
  position: sticky !important;
  top: 82px !important;
  z-index: 50 !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}
@media (max-width:768px){ #sdm-brand-festo-18 .sdm-brand-nav{ top: 62px !important; } }

#sdm-brand-festo-18 .sdm-brand-nav__inner{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  padding:10px 0 !important;
}
#sdm-brand-festo-18 .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  color:#0f172a !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background: rgba(255,255,255,.92) !important;
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1 !important;
}
#sdm-brand-festo-18 .sdm-brand-nav__link:hover{
  background: rgba(15,23,42,.03) !important;
  border-color: rgba(15,23,42,.16) !important;
}

/* INTRO */
#sdm-brand-festo-18 .sdm-brand-article__intro{ padding:18px 0 16px !important; }
#sdm-brand-festo-18 .sdm-brand-article__h2{
  margin:0 0 10px !important;
  font-weight:950 !important;
  font-size:22px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
}
@media (min-width:768px){ #sdm-brand-festo-18 .sdm-brand-article__h2{ font-size:26px !important; } }

#sdm-brand-festo-18 .sdm-brand-article__lead{
  margin:0 !important;
  max-width:960px !important;
  color: rgba(15,23,42,.72) !important;
  line-height:1.7 !important;
  font-size:14.5px !important;
}

#sdm-brand-festo-18 .sdm-brand-tags{ margin-top:12px !important; display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
#sdm-brand-festo-18 .sdm-brand-tag{
  font-size:12.5px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background: rgba(11,78,162,.07) !important;
  border: 1px solid rgba(11,78,162,.18) !important;
  color: rgba(15,23,42,.86) !important;
  font-weight:800 !important;
}

/* TITLES */
#sdm-brand-festo-18 .sdm-brand-title{ margin:0 0 10px !important; font-size:16px !important; line-height:1.3 !important; font-weight:900 !important; }
#sdm-brand-festo-18 .sdm-brand-sub{ margin:0 0 12px !important; color: rgba(15,23,42,.72) !important; line-height:1.65 !important; max-width:980px !important; }

/* GRID */
#sdm-brand-festo-18 .sdm-brand-grid{ display:grid !important; gap:12px !important; grid-template-columns:1fr !important; }
@media (min-width:720px){ #sdm-brand-festo-18 .sdm-brand-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; } }
@media (min-width:1100px){ #sdm-brand-festo-18 .sdm-brand-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }

#sdm-brand-festo-18 .sdm-brand-card{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:18px !important;
  padding:14px 14px 12px !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
}
#sdm-brand-festo-18 .sdm-brand-card__title{ margin:0 0 8px !important; font-weight:900 !important; font-size:15px !important; line-height:1.3 !important; }
#sdm-brand-festo-18 .sdm-brand-card__text{ margin:0 !important; color: rgba(15,23,42,.72) !important; line-height:1.6 !important; font-size:14px !important; }

#sdm-brand-festo-18 .sdm-brand-list{ margin:10px 0 0 !important; padding-left:16px !important; color: rgba(15,23,42,.72) !important; line-height:1.55 !important; font-size:14px !important; }
#sdm-brand-festo-18 .sdm-brand-list li{ margin:5px 0 !important; }

/* STEPS */
#sdm-brand-festo-18 .sdm-brand-steps{ margin-top:12px !important; display:grid !important; gap:12px !important; grid-template-columns:1fr !important; }
@media (min-width:900px){ #sdm-brand-festo-18 .sdm-brand-steps{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; } }

#sdm-brand-festo-18 .sdm-brand-step{
  background: rgba(15,23,42,.02) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  padding: 14px 14px 12px !important;
  display:flex !important;
  gap:12px !important;
}
#sdm-brand-festo-18 .sdm-brand-step__n{
  width:42px !important; height:42px !important;
  border-radius:14px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-weight:950 !important;
  background: rgba(11,78,162,.08) !important;
  border: 1px solid rgba(11,78,162,.18) !important;
  flex: 0 0 42px !important;
}
#sdm-brand-festo-18 .sdm-brand-step__t{ margin:0 0 4px !important; font-weight:900 !important; font-size:14px !important; }
#sdm-brand-festo-18 .sdm-brand-step__d{ margin:0 !important; color: rgba(15,23,42,.72) !important; font-size:13.5px !important; line-height:1.55 !important; }

/* "что прислать" */
#sdm-brand-festo-18 .sdm-brand-req{ margin-top:14px !important; background: rgba(15,23,42,.05) !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:18px !important; padding:14px 14px 12px !important; }
#sdm-brand-festo-18 .sdm-brand-req__title{ margin:0 0 10px !important; font-size:15px !important; line-height:1.35 !important; font-weight:900 !important; }
#sdm-brand-festo-18 .sdm-brand-req__grid{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
@media (min-width:820px){ #sdm-brand-festo-18 .sdm-brand-req__grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
#sdm-brand-festo-18 .sdm-brand-req__item{ background:#fff !important; border:1px solid rgba(15,23,42,.10) !important; border-radius:14px !important; padding:10px 12px !important; color: rgba(15,23,42,.72) !important; font-size:13.5px !important; line-height:1.45 !important; }

/* Accordion */
#sdm-brand-festo-18 .sdm-acc{
  margin-top:12px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
}
#sdm-brand-festo-18 .sdm-acc__item + .sdm-acc__item{ border-top:1px solid rgba(15,23,42,.10) !important; }
#sdm-brand-festo-18 .sdm-acc__toggle{ position:absolute !important; opacity:0 !important; pointer-events:none !important; }
#sdm-brand-festo-18 .sdm-acc__head{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:12px !important; padding:14px 16px !important; cursor:pointer !important; user-select:none !important;
  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0)) !important;
}
#sdm-brand-festo-18 .sdm-acc__q{ font-weight:900 !important; line-height:1.35 !important; font-size:14px !important; color:#0f172a !important; }
#sdm-brand-festo-18 .sdm-acc__icon{ flex:0 0 28px !important; width:28px !important; height:28px !important; border-radius:10px !important; background: rgba(15,23,42,.06) !important; position:relative !important; border:1px solid rgba(15,23,42,.10) !important; }
#sdm-brand-festo-18 .sdm-acc__icon::before,
#sdm-brand-festo-18 .sdm-acc__icon::after{
  content:"" !important; position:absolute !important; left:50% !important; top:50% !important;
  width:12px !important; height:2px !important; background: rgba(15,23,42,.55) !important;
  transform: translate(-50%,-50%) !important;
}
#sdm-brand-festo-18 .sdm-acc__icon::after{ width:2px !important; height:12px !important; }
#sdm-brand-festo-18 .sdm-acc__body{ display:none !important; padding:0 16px 14px !important; }
#sdm-brand-festo-18 .sdm-acc__text{ margin:0 !important; color: rgba(15,23,42,.72) !important; line-height:1.65 !important; font-size:14px !important; }
#sdm-brand-festo-18 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{ display:none !important; }
#sdm-brand-festo-18 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{ display:block !important; }

/* anchors */
#sdm-brand-festo-18 [id]{ scroll-margin-top:110px !important; }
@media (max-width:768px){ #sdm-brand-festo-18 [id]{ scroll-margin-top:92px !important; } }

/* ===================================================================== */



/* =====================================================================
   

/* ==============================
   FIX: FESTO info18 — контент уезжает вправо (пустая колонка/сайдбар темы)
   Причина: тема держит #column-left/#column-right в сетке даже если они пустые,
   поэтому #content остаётся узкой колонкой и визуально "прилипает" вправо.
   Решение: когда на странице есть #sdm-brand-festo-18 — скрываем колонки и
   растягиваем #content на 100%.
   ============================== */

/* 0) Срабатывает даже если у body нет класса information-information-18 */
body:has(#sdm-brand-festo-18) #column-left,
body:has(#sdm-brand-festo-18) #column-right{
  display:none !important;
}

/* 1) Делаем контентную колонку полноширинной (bootstrap col-*) */
body:has(#sdm-brand-festo-18) #content{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  flex: 0 0 100% !important;
}

/* 2) На случай если сетка задаётся .row/.col-* внутри #content */
body:has(#sdm-brand-festo-18) #content[class*="col-"]{
  width:100% !important;
  max-width:none !important;
  flex: 0 0 100% !important;
}

/* 3) Убираем ограничение контейнера темы вокруг статьи */
body:has(#sdm-brand-festo-18) #content .container,
body:has(#sdm-brand-festo-18) #content .container-fluid{
  max-width:none !important;
  width:100% !important;
}

/* 4) Возвращаем читабельную ширину ВНУТРИ FESTO через .sdm-brand-inner */
body:has(#sdm-brand-festo-18) #sdm-brand-festo-18 .sdm-brand-inner{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:22px !important;
  padding-right:22px !important;
  box-sizing:border-box !important;
}
@media (max-width: 767px){
  body:has(#sdm-brand-festo-18) #sdm-brand-festo-18 .sdm-brand-inner{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}
SDM — FANUC (information_id=19) — mini-landing (CMS Article)
   SAFE HTML: no buttons/forms; accordion via checkbox + label.
   СКОУП: только страница information_id=19 и только контейнер #sdm-brand-fanuc-19
   ===================================================================== */

/* 0) Скрываем системный заголовок статьи (если тема его рисует) */
body.information-information-19 #content > h1:first-of-type,
body.information-information-19 #content > h2:first-of-type,
body.information-information-19 #content > h3:first-of-type,
body.information-information-19 .breadcrumb + h1,
body.information-information-19 .breadcrumb + h2,
body.information-information-19 .breadcrumb + h3,
body.information-information-19 .page-title,
body.information-information-19 .heading-title,
body.information-information-19 .title-page,
body.information-information-19 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у модулей */
body.information-information-19 #content .article_description,
body.information-information-19 #content .description,
body.information-information-19 #content .information-description,
body.information-information-19 #content .info-content{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Корневой контейнер */
body.information-information-19 #sdm-brand-fanuc-19{
  --fanuc-red:#e4002b;
  --fanuc-text:#0f172a;
  --fanuc-muted:#475569;
  --fanuc-border:rgba(15,23,42,.12);
  --fanuc-bg:#ffffff;
  --fanuc-card:#ffffff;
  --fanuc-soft:rgba(228,0,43,.08);

  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
}
body.information-information-19 #sdm-brand-fanuc-19,
body.information-information-19 #sdm-brand-fanuc-19 *{
  box-sizing:border-box !important;
}

/* 3) Внутренние отступы по сетке сайта */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav,
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__intro,
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__block,
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__foot{
  padding-left:22px !important;
  padding-right:22px !important;
}
@media (max-width: 767px){
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav,
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__intro,
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__block,
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__foot{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* 4) NAV */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav{
  position: sticky !important;
  top: 10px !important;
  z-index: 6 !important;
  margin: 10px 0 18px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav__inner{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:10px !important;
  background: rgba(255,255,255,.86) !important;
  border:1px solid var(--fanuc-border) !important;
  border-radius:14px !important;
  backdrop-filter: blur(8px);
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav__inner br{ display:none !important; }
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:#fff !important;
  color:var(--fanuc-text) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-nav__link:hover{
  background: var(--fanuc-soft) !important;
  border-color: rgba(228,0,43,.35) !important;
  transform: translateY(-1px);
}

/* 5) Intro */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__intro{
  padding-top:8px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__h2{
  margin:0 0 10px !important;
  font-size:24px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
  color:var(--fanuc-text) !important;
  font-weight:900 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__lead{
  margin:0 0 14px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:var(--fanuc-muted) !important;
  max-width: 980px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin: 0 0 16px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:var(--fanuc-text) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__tag--accent{
  border-color: rgba(228,0,43,.35) !important;
  background: var(--fanuc-soft) !important;
}

/* 6) Blocks */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__block{
  margin: 18px 0 0 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__h3{
  margin: 0 0 10px !important;
  font-size:16px !important;
  font-weight:900 !important;
  color:var(--fanuc-text) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__p{
  margin: 0 0 12px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:var(--fanuc-muted) !important;
  max-width: 980px !important;
}

/* 7) Grid cards */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin: 12px 0 0 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-card{
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:16px !important;
  background: var(--fanuc-card) !important;
  padding:14px !important;
  box-shadow: 0 8px 26px rgba(15,23,42,.06) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-card__k{
  font-size:12px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
  margin:0 0 6px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-card__v{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color: var(--fanuc-muted) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color: var(--fanuc-red) !important;
  margin:0 0 10px !important;
}
@media (max-width: 1100px){
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-grid{
    grid-template-columns: 1fr !important;
  }
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__h2{
    font-size:20px !important;
  }
}

/* 8) Steps */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-steps{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin: 12px 0 0 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-step{
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:14px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-step__n{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: var(--fanuc-soft) !important;
  color: var(--fanuc-red) !important;
  font-weight:900 !important;
  margin:0 0 10px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-step__t{
  margin:0 0 6px !important;
  font-size:13px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-step__d{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color: var(--fanuc-muted) !important;
}
@media (max-width: 1100px){
  body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-steps{ grid-template-columns:1fr !important; }
}

/* 9) Accordion (checkbox) */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc{
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 16px !important;
  overflow:hidden !important;
  background:#fff !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding: 12px 14px !important;
  cursor:pointer !important;
  user-select:none !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__q{
  margin:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__icon{
  flex:0 0 auto !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  position:relative !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__icon:before,
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__icon:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:12px !important;
  height:2px !important;
  background: var(--fanuc-text) !important;
  transform: translate(-50%, -50%) !important;
  opacity:.7 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__icon:after{
  width:2px !important;
  height:12px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__body{
  display:none !important;
  padding: 0 14px 14px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__content{
  margin: 0 !important;
  font-size:12px !important;
  line-height:1.75 !important;
  color: var(--fanuc-muted) !important;
  max-width: 980px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{
  opacity:0 !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
}

/* 10) Footer */
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__foot{
  margin: 24px 0 46px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(15,23,42,.10) !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__foot-title{
  font-weight: 900 !important;
  color: var(--fanuc-text) !important;
  margin: 0 0 6px 0 !important;
  font-size: 14px !important;
}
body.information-information-19 #sdm-brand-fanuc-19 .sdm-brand-article__foot-text{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--fanuc-muted) !important;
  max-width: 980px !important;
}

/* 11) Якоря не прячем под фиксированной шапкой */
body.information-information-19 #sdm-brand-fanuc-19 [id]{ scroll-margin-top: 110px; }



/* =====================================================================
   HOTFIX: FANUC styles not applying
   Дублируем правила начиная с пункта (2) БЕЗ привязки к body-классу.
   Скоуп строго: #sdm-brand-fanuc-19
   ===================================================================== */

/* 2) Корневой контейнер */
#sdm-brand-fanuc-19{
  --fanuc-red:#e4002b;
  --fanuc-text:#0f172a;
  --fanuc-muted:#475569;
  --fanuc-border:rgba(15,23,42,.12);
  --fanuc-bg:#ffffff;
  --fanuc-card:#ffffff;
  --fanuc-soft:rgba(228,0,43,.08);

  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
}
#sdm-brand-fanuc-19,
#sdm-brand-fanuc-19 *{
  box-sizing:border-box !important;
}

/* 3) Внутренние отступы по сетке сайта */
#sdm-brand-fanuc-19 .sdm-brand-nav,
#sdm-brand-fanuc-19 .sdm-brand-article__intro,
#sdm-brand-fanuc-19 .sdm-brand-article__block,
#sdm-brand-fanuc-19 .sdm-brand-article__foot{
  padding-left:22px !important;
  padding-right:22px !important;
}
@media (max-width: 767px){
  #sdm-brand-fanuc-19 .sdm-brand-nav,
  #sdm-brand-fanuc-19 .sdm-brand-article__intro,
  #sdm-brand-fanuc-19 .sdm-brand-article__block,
  #sdm-brand-fanuc-19 .sdm-brand-article__foot{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* 4) NAV */
#sdm-brand-fanuc-19 .sdm-brand-nav{
  position: sticky !important;
  top: 10px !important;
  z-index: 6 !important;
  margin: 10px 0 18px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-nav__inner{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:10px !important;
  background: rgba(255,255,255,.86) !important;
  border:1px solid var(--fanuc-border) !important;
  border-radius:14px !important;
  backdrop-filter: blur(8px);
}
#sdm-brand-fanuc-19 .sdm-brand-nav__inner br{ display:none !important; }
#sdm-brand-fanuc-19 .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:#fff !important;
  color:var(--fanuc-text) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
#sdm-brand-fanuc-19 .sdm-brand-nav__link:hover{
  background: var(--fanuc-soft) !important;
  border-color: rgba(228,0,43,.35) !important;
  transform: translateY(-1px);
}

/* 5) Intro */
#sdm-brand-fanuc-19 .sdm-brand-article__intro{
  padding-top:8px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__h2{
  margin:0 0 10px !important;
  font-size:24px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
  color:var(--fanuc-text) !important;
  font-weight:900 !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__lead{
  margin:0 0 14px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:var(--fanuc-muted) !important;
  max-width: 980px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin: 0 0 16px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:var(--fanuc-text) !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__tag--accent{
  border-color: rgba(228,0,43,.35) !important;
  background: var(--fanuc-soft) !important;
}

/* 6) Blocks */
#sdm-brand-fanuc-19 .sdm-brand-article__block{
  margin: 18px 0 0 !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__h3{
  margin: 0 0 10px !important;
  font-size:16px !important;
  font-weight:900 !important;
  color:var(--fanuc-text) !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__p{
  margin: 0 0 12px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:var(--fanuc-muted) !important;
  max-width: 980px !important;
}

/* 7) Grid cards */
#sdm-brand-fanuc-19 .sdm-brand-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin: 12px 0 0 !important;
}
#sdm-brand-fanuc-19 .sdm-brand-card{
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:16px !important;
  background: var(--fanuc-card) !important;
  padding:14px !important;
  box-shadow: 0 8px 26px rgba(15,23,42,.06) !important;
}
#sdm-brand-fanuc-19 .sdm-brand-card__k{
  font-size:12px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
  margin:0 0 6px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-card__v{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color: var(--fanuc-muted) !important;
}
#sdm-brand-fanuc-19 .sdm-brand-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color: var(--fanuc-red) !important;
  margin:0 0 10px !important;
}
@media (max-width: 1100px){
  #sdm-brand-fanuc-19 .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  #sdm-brand-fanuc-19 .sdm-brand-grid{
    grid-template-columns: 1fr !important;
  }
  #sdm-brand-fanuc-19 .sdm-brand-article__h2{
    font-size:20px !important;
  }
}

/* 8) Steps */
#sdm-brand-fanuc-19 .sdm-brand-steps{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin: 12px 0 0 !important;
}
#sdm-brand-fanuc-19 .sdm-step{
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:14px !important;
}
#sdm-brand-fanuc-19 .sdm-step__n{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: var(--fanuc-soft) !important;
  color: var(--fanuc-red) !important;
  font-weight:900 !important;
  margin:0 0 10px !important;
}
#sdm-brand-fanuc-19 .sdm-step__t{
  margin:0 0 6px !important;
  font-size:13px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
}
#sdm-brand-fanuc-19 .sdm-step__d{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color: var(--fanuc-muted) !important;
}
@media (max-width: 1100px){
  #sdm-brand-fanuc-19 .sdm-brand-steps{ grid-template-columns:1fr !important; }
}

/* 9) Accordion (checkbox) */
#sdm-brand-fanuc-19 .sdm-acc{
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 16px !important;
  overflow:hidden !important;
  background:#fff !important;
}
#sdm-brand-fanuc-19 .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10) !important;
}
#sdm-brand-fanuc-19 .sdm-acc__toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#sdm-brand-fanuc-19 .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding: 12px 14px !important;
  cursor:pointer !important;
  user-select:none !important;
}
#sdm-brand-fanuc-19 .sdm-acc__q{
  margin:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  color: var(--fanuc-text) !important;
}
#sdm-brand-fanuc-19 .sdm-acc__icon{
  flex:0 0 auto !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  position:relative !important;
}
#sdm-brand-fanuc-19 .sdm-acc__icon:before,
#sdm-brand-fanuc-19 .sdm-acc__icon:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:12px !important;
  height:2px !important;
  background: var(--fanuc-text) !important;
  transform: translate(-50%, -50%) !important;
  opacity:.7 !important;
}
#sdm-brand-fanuc-19 .sdm-acc__icon:after{
  width:2px !important;
  height:12px !important;
}
#sdm-brand-fanuc-19 .sdm-acc__body{
  display:none !important;
  padding: 0 14px 14px !important;
}
#sdm-brand-fanuc-19 .sdm-acc__content{
  margin: 0 !important;
  font-size:12px !important;
  line-height:1.75 !important;
  color: var(--fanuc-muted) !important;
  max-width: 980px !important;
}
#sdm-brand-fanuc-19 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon:after{
  opacity:0 !important;
}
#sdm-brand-fanuc-19 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
}

/* 10) Footer */
#sdm-brand-fanuc-19 .sdm-brand-article__foot{
  margin: 24px 0 46px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(15,23,42,.10) !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__foot-title{
  font-weight: 900 !important;
  color: var(--fanuc-text) !important;
  margin: 0 0 6px 0 !important;
  font-size: 14px !important;
}
#sdm-brand-fanuc-19 .sdm-brand-article__foot-text{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--fanuc-muted) !important;
  max-width: 980px !important;
}

/* 11) Якоря не прячем под фиксированной шапкой */
#sdm-brand-fanuc-19 [id]{ scroll-margin-top: 110px; }


/* =====================================================================
   SDM — EATON (information_id=20) — brand mini-landing (CMS Article)
   SAFE HTML: no buttons/forms; accordion via checkbox + label.
   СКОУП: только страница information_id=20 и только контейнер #sdm-brand-eaton
   ===================================================================== */

/* 0) Скрываем системный заголовок статьи (если тема его рисует) */
body.information-information-20 #content > h1:first-of-type,
body.information-information-20 #content > h2:first-of-type,
body.information-information-20 #content > h3:first-of-type,
body.information-information-20 .breadcrumb + h1,
body.information-information-20 .breadcrumb + h2,
body.information-information-20 .breadcrumb + h3,
body.information-information-20 .page-title,
body.information-information-20 .heading-title,
body.information-information-20 .title-page,
body.information-information-20 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у модулей */
body.information-information-20 #content .article_description,
body.information-information-20 #content .description,
body.information-information-20 #content .information-description,
body.information-information-20 #content .info-content{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Корневой контейнер */
#sdm-brand-eaton{
  --eaton-blue:#005EB8;
  --eaton-text:#0f172a;
  --eaton-muted:#475569;
  --eaton-border:rgba(15,23,42,.12);
  --eaton-bg:#ffffff;
  --eaton-card:#ffffff;
  --eaton-soft:rgba(0,94,184,.10);

  /* HERO image можно заменить, просто поменяв переменную:
     --eaton-hero-image:url('/image/catalog/brands/eaton-hero.webp'); */
  --eaton-hero-image:none;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
}
#sdm-brand-eaton,
#sdm-brand-eaton *{
  box-sizing:border-box !important;
}

/* 3) Внутренние отступы по сетке сайта */
#sdm-brand-eaton .sdm-brand-nav,
#sdm-brand-eaton .sdm-brand-article__intro,
#sdm-brand-eaton .sdm-brand-article__block,
#sdm-brand-eaton .sdm-brand-article__foot{
  padding-left:22px !important;
  padding-right:22px !important;
}
@media (max-width: 767px){
  #sdm-brand-eaton .sdm-brand-nav,
  #sdm-brand-eaton .sdm-brand-article__intro,
  #sdm-brand-eaton .sdm-brand-article__block,
  #sdm-brand-eaton .sdm-brand-article__foot{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* 4) NAV */
#sdm-brand-eaton .sdm-brand-nav{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
  background:rgba(255,255,255,.90) !important;
  backdrop-filter:saturate(140%) blur(8px) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}
#sdm-brand-eaton .sdm-brand-nav__inner{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
#sdm-brand-eaton .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(0,94,184,.08) !important;
  border:1px solid rgba(0,94,184,.18) !important;
  color:var(--eaton-text) !important;
  text-decoration:none !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1.1 !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
#sdm-brand-eaton .sdm-brand-nav__link:hover{
  background:rgba(0,94,184,.12) !important;
  border-color:rgba(0,94,184,.28) !important;
  transform:translateY(-1px) !important;
}
#sdm-brand-eaton .sdm-brand-nav__link:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,94,184,.25) !important;
}

/* 5) INTRO / HERO */
#sdm-brand-eaton .sdm-brand-article__intro{
  position:relative !important;
  padding-top:34px !important;
  padding-bottom:26px !important;
  background:var(--eaton-bg) !important;
  overflow:hidden !important;
}
#sdm-brand-eaton .sdm-brand-article__intro:before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  background-image:
    radial-gradient(900px 420px at 18% 18%, rgba(0,94,184,.16), rgba(0,94,184,0) 60%),
    radial-gradient(760px 360px at 78% 28%, rgba(0,94,184,.12), rgba(0,94,184,0) 62%),
    linear-gradient(90deg, rgba(15,23,42,.82) 0%, rgba(15,23,42,.55) 26%, rgba(15,23,42,.18) 52%, rgba(15,23,42,0) 78%),
    var(--eaton-hero-image);
  background-size:cover !important;
  background-position:center !important;
  opacity:1 !important;
  pointer-events:none !important;
}
#sdm-brand-eaton .sdm-brand-article__intro > *{
  position:relative !important;
  z-index:1 !important;
}
#sdm-brand-eaton .sdm-brand-article__kicker{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
#sdm-brand-eaton .sdm-brand-article__logo{
  width:170px !important;
  max-width:46vw !important;
  height:auto !important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.35)) !important;
}
@media (max-width: 520px){
  #sdm-brand-eaton .sdm-brand-article__logo{
    width:150px !important;
  }
}
#sdm-brand-eaton .sdm-brand-article__h2{
  margin:0 0 10px !important;
  color:#ffffff !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  font-size:28px !important;
  line-height:1.12 !important;
  max-width:980px !important;
}
@media (max-width: 767px){
  #sdm-brand-eaton .sdm-brand-article__h2{
    font-size:24px !important;
  }
}
#sdm-brand-eaton .sdm-brand-article__lead{
  margin:0 !important;
  color:rgba(255,255,255,.92) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  max-width:980px !important;
}
#sdm-brand-eaton .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
}
#sdm-brand-eaton .sdm-brand-article__tag{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1.1 !important;
}

/* 6) BLOCKS */
#sdm-brand-eaton .sdm-brand-article__block{
  padding-top:26px !important;
  padding-bottom:26px !important;
  background:#ffffff !important;
}
#sdm-brand-eaton .sdm-brand-article__block--alt{
  background:rgba(0,94,184,.04) !important;
}
#sdm-brand-eaton .sdm-brand-article__h3{
  margin:0 0 14px !important;
  color:var(--eaton-text) !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  font-size:22px !important;
  line-height:1.2 !important;
}
#sdm-brand-eaton .sdm-brand-article__p{
  margin:0 !important;
  color:var(--eaton-muted) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  max-width:1020px !important;
}

/* Cards grid */
#sdm-brand-eaton .sdm-brand-grid{
  display:grid !important;
  grid-template-columns:repeat(12, 1fr) !important;
  gap:14px !important;
  margin-top:14px !important;
}
#sdm-brand-eaton .sdm-brand-card{
  grid-column:span 4 !important;
  background:var(--eaton-card) !important;
  border:1px solid var(--eaton-border) !important;
  border-radius:18px !important;
  padding:16px !important;
  box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
}
@media (max-width: 980px){
  #sdm-brand-eaton .sdm-brand-card{ grid-column:span 6 !important; }
}
@media (max-width: 640px){
  #sdm-brand-eaton .sdm-brand-card{ grid-column:span 12 !important; }
}
#sdm-brand-eaton .sdm-brand-card__t{
  margin:0 0 8px !important;
  color:var(--eaton-text) !important;
  font-weight:800 !important;
  font-size:16px !important;
  line-height:1.25 !important;
}
#sdm-brand-eaton .sdm-brand-card__d{
  margin:0 !important;
  color:var(--eaton-muted) !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

/* 7) Accordion (checkbox) */
#sdm-brand-eaton .sdm-acc{
  margin-top:14px !important;
  border:1px solid var(--eaton-border) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
}
#sdm-brand-eaton .sdm-acc__item{
  border-top:1px solid var(--eaton-border) !important;
}
#sdm-brand-eaton .sdm-acc__item:first-child{ border-top:0 !important; }
#sdm-brand-eaton .sdm-acc__check{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#sdm-brand-eaton .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 16px !important;
  cursor:pointer !important;
  background:rgba(0,94,184,.06) !important;
}
#sdm-brand-eaton .sdm-acc__ttl{
  margin:0 !important;
  color:var(--eaton-text) !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1.25 !important;
}
#sdm-brand-eaton .sdm-acc__ico{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,94,184,.22) !important;
  background:rgba(255,255,255,.72) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
}
#sdm-brand-eaton .sdm-acc__ico:before{
  content:"" !important;
  width:10px !important;
  height:10px !important;
  border-right:2px solid rgba(15,23,42,.75) !important;
  border-bottom:2px solid rgba(15,23,42,.75) !important;
  transform:rotate(45deg) !important;
  transition:transform .18s ease !important;
}
#sdm-brand-eaton .sdm-acc__body{
  max-height:0 !important;
  overflow:hidden !important;
  transition:max-height .24s ease !important;
  background:#fff !important;
}
#sdm-brand-eaton .sdm-acc__content{
  padding:14px 16px 16px !important;
  color:var(--eaton-muted) !important;
  font-size:14px !important;
  line-height:1.7 !important;
}
#sdm-brand-eaton .sdm-acc__check:checked ~ .sdm-acc__body{
  max-height:900px !important;
}
#sdm-brand-eaton .sdm-acc__check:checked + .sdm-acc__head .sdm-acc__ico:before{
  transform:rotate(225deg) !important;
}

/* 8) Footer note */
#sdm-brand-eaton .sdm-brand-article__foot{
  padding-top:24px !important;
  padding-bottom:34px !important;
  background:#ffffff !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
}
#sdm-brand-eaton .sdm-brand-article__footnote{
  margin:0 !important;
  color:var(--eaton-muted) !important;
  font-size:14px !important;
  line-height:1.65 !important;
  max-width:1020px !important;
}

/* 9) Scroll anchor offset */
#sdm-brand-eaton [id]{ scroll-margin-top:110px !important; }
@media (max-width:768px){
  #sdm-brand-eaton [id]{ scroll-margin-top:92px !important; }
}

/* ===================================================================== */


/* =====================================================================
   SDM / EATON (information_id=20) — FIX v7
   Причина "простыни/хуйни": HTML использует классы sdm-brand-hero / sdm-brand-block,
   а прошлый блок CSS был под sdm-brand-article__*.
   Ниже — правильные стили, СКОУП только на #sdm-brand-eaton.
   ===================================================================== */

/* A) Скрываем системный заголовок статьи без зависимости от класса body */
#sdm-brand-eaton{ position:relative !important; }

/* B) Ширина как у сайта (берём ширину от темы, без своей центровки) */
#sdm-brand-eaton{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
/* C) Ритм/типографика внутри лендинга */
#sdm-brand-eaton{
  color:var(--eaton-text, #0f172a) !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
#sdm-brand-eaton h2,
#sdm-brand-eaton h3{
  color:var(--eaton-text, #0f172a) !important;
  margin:0 0 12px !important;
}
#sdm-brand-eaton p{
  margin:0 0 10px !important;
  color:var(--eaton-muted, #475569) !important;
}

/* D) Общие горизонтальные отступы */
#sdm-brand-eaton .sdm-brand-nav,
#sdm-brand-eaton .sdm-brand-hero,
#sdm-brand-eaton .sdm-brand-block,
#sdm-brand-eaton .sdm-brand-bottom{
  padding-left:22px !important;
  padding-right:22px !important;
}
@media (max-width: 767px){
  #sdm-brand-eaton .sdm-brand-nav,
  #sdm-brand-eaton .sdm-brand-hero,
  #sdm-brand-eaton .sdm-brand-block,
  #sdm-brand-eaton .sdm-brand-bottom{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* E) HERO */
#sdm-brand-eaton .sdm-brand-hero{
  position:relative !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}
#sdm-brand-eaton .sdm-brand-hero__inner{
  display:grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap:18px !important;
  align-items:stretch !important;
}
@media (max-width: 991px){
  #sdm-brand-eaton .sdm-brand-hero__inner{ grid-template-columns: 1fr !important; }
}
#sdm-brand-eaton .sdm-brand-hero__left{
  position:relative !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:
    linear-gradient(90deg, rgba(2,6,23,.55) 0%, rgba(2,6,23,.36) 46%, rgba(2,6,23,.00) 100%),
    var(--eaton-hero-image, none) !important;
  background-size:cover !important;
  background-position:center !important;
  overflow:hidden !important;
  min-height:220px !important;
}
#sdm-brand-eaton .sdm-brand-hero__badge{
  display:inline-flex !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
}
#sdm-brand-eaton .sdm-brand-hero__title{
  margin:10px 0 10px !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:28px !important;
  line-height:1.15 !important;
}
@media (max-width: 767px){
  #sdm-brand-eaton .sdm-brand-hero__title{ font-size:22px !important; }
}
#sdm-brand-eaton .sdm-brand-hero__lead{
  color:rgba(255,255,255,.90) !important;
  max-width:56ch !important;
}
#sdm-brand-eaton .sdm-brand-hero__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}
#sdm-brand-eaton .sdm-brand-hero__tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-weight:600 !important;
  font-size:13px !important;
}

#sdm-brand-eaton .sdm-brand-hero__right{
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
}
#sdm-brand-eaton .sdm-brand-hero__logo img{
  display:block !important;
  max-width:220px !important;
  width:100% !important;
  height:auto !important;
}
#sdm-brand-eaton .sdm-brand-hero__meta{
  margin-top:14px !important;
  display:grid !important;
  gap:10px !important;
}
#sdm-brand-eaton .sdm-brand-hero__meta-item{
  padding:12px !important;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:rgba(0,94,184,.04) !important;
}
#sdm-brand-eaton .sdm-brand-hero__meta-k{
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--eaton-muted, #475569) !important;
  margin-bottom:4px !important;
}
#sdm-brand-eaton .sdm-brand-hero__meta-v{
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--eaton-text, #0f172a) !important;
}

/* F) Блоки/заголовки */
#sdm-brand-eaton .sdm-brand-block{
  padding-top:18px !important;
  padding-bottom:18px !important;
}
#sdm-brand-eaton .sdm-brand-block__title{
  font-size:20px !important;
  font-weight:800 !important;
  margin:0 0 10px !important;
}
#sdm-brand-eaton .sdm-brand-block__lead{
  color:var(--eaton-muted, #475569) !important;
  margin:0 0 14px !important;
}

/* G) Сетки */
#sdm-brand-eaton .sdm-brand-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}
@media (max-width: 991px){
  #sdm-brand-eaton .sdm-brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  #sdm-brand-eaton .sdm-brand-grid{ grid-template-columns: 1fr !important; }
}
#sdm-brand-eaton .sdm-brand-grid--compact{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 991px){
  #sdm-brand-eaton .sdm-brand-grid--compact{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  #sdm-brand-eaton .sdm-brand-grid--compact{ grid-template-columns: 1fr !important; }
}

/* H) Карточки */
#sdm-brand-eaton .sdm-brand-card{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:16px !important;
  padding:14px !important;
  box-shadow:0 10px 24px rgba(2,6,23,.06) !important;
}
#sdm-brand-eaton .sdm-brand-card__title{
  font-weight:800 !important;
  font-size:15px !important;
  margin:0 0 8px !important;
  color:var(--eaton-text, #0f172a) !important;
}
#sdm-brand-eaton .sdm-brand-card__text{
  font-size:14px !important;
  color:var(--eaton-muted, #475569) !important;
  margin:0 0 10px !important;
}
#sdm-brand-eaton .sdm-brand-card__chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
#sdm-brand-eaton .sdm-brand-card__chip{
  display:inline-flex !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(0,94,184,.06) !important;
  border:1px solid rgba(0,94,184,.14) !important;
  color:var(--eaton-text, #0f172a) !important;
  font-weight:700 !important;
  font-size:12px !important;
}

/* I) Решения (2 колонки bullets) */
#sdm-brand-eaton .sdm-brand-split{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:12px !important;
}
@media (max-width: 767px){
  #sdm-brand-eaton .sdm-brand-split{ grid-template-columns: 1fr !important; }
}
#sdm-brand-eaton .sdm-brand-bullet{
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:12px !important;
}
#sdm-brand-eaton .sdm-brand-bullet__t{
  font-weight:800 !important;
  color:var(--eaton-text, #0f172a) !important;
  margin:0 0 6px !important;
}
#sdm-brand-eaton .sdm-brand-bullet__d{
  color:var(--eaton-muted, #475569) !important;
  font-size:14px !important;
}

/* J) Мини-карточки отраслей */
#sdm-brand-eaton .sdm-brand-mini{
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:12px !important;
}
#sdm-brand-eaton .sdm-brand-mini__t{
  font-weight:800 !important;
  margin:0 0 6px !important;
}
#sdm-brand-eaton .sdm-brand-mini__d{
  font-size:14px !important;
  color:var(--eaton-muted, #475569) !important;
}

/* K) Шаги */
#sdm-brand-eaton .sdm-brand-steps{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}
@media (max-width: 991px){
  #sdm-brand-eaton .sdm-brand-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  #sdm-brand-eaton .sdm-brand-steps{ grid-template-columns: 1fr !important; }
}
#sdm-brand-eaton .sdm-brand-step{
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:14px !important;
}
#sdm-brand-eaton .sdm-brand-step__n{
  font-weight:900 !important;
  font-size:16px !important;
  color:var(--eaton-blue, #005EB8) !important;
  margin-bottom:6px !important;
}
#sdm-brand-eaton .sdm-brand-step__t{
  font-weight:800 !important;
  margin:0 0 6px !important;
}
#sdm-brand-eaton .sdm-brand-step__d{
  font-size:14px !important;
  color:var(--eaton-muted, #475569) !important;
}

/* L) Note */
#sdm-brand-eaton .sdm-brand-note{
  margin-top:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(0,94,184,.18) !important;
  background:rgba(0,94,184,.06) !important;
  color:var(--eaton-text, #0f172a) !important;
  font-weight:600 !important;
}

/* M) Accordion (перебиваем стили темы) */
#sdm-brand-eaton .sdm-acc{ margin-top:10px !important; }
#sdm-brand-eaton .sdm-acc__item{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:16px !important;
  background:#fff !important;
  overflow:hidden !important;
  margin-bottom:10px !important;
}
#sdm-brand-eaton .sdm-acc__toggle{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#sdm-brand-eaton .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 14px !important;
  cursor:pointer !important;
  background:rgba(0,94,184,.04) !important;
}
#sdm-brand-eaton .sdm-acc__q{
  font-weight:800 !important;
  color:var(--eaton-text, #0f172a) !important;
}
#sdm-brand-eaton .sdm-acc__ico{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,94,184,.22) !important;
  background:rgba(0,94,184,.08) !important;
  position:relative !important;
  flex:0 0 22px !important;
}
#sdm-brand-eaton .sdm-acc__ico:before,
#sdm-brand-eaton .sdm-acc__ico:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:10px !important;
  height:2px !important;
  background:var(--eaton-blue, #005EB8) !important;
  transform:translate(-50%,-50%) !important;
}
#sdm-brand-eaton .sdm-acc__ico:after{
  transform:translate(-50%,-50%) rotate(90deg) !important;
}
#sdm-brand-eaton .sdm-acc__body{
  display:none !important;
  padding:12px 14px !important;
  color:var(--eaton-muted, #475569) !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
}
#sdm-brand-eaton .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__ico:after{
  transform:translate(-50%,-50%) rotate(0deg) !important;
  opacity:0 !important;
}
#sdm-brand-eaton .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
}

/* N) Нижний блок */
#sdm-brand-eaton .sdm-brand-bottom{
  padding-top:18px !important;
  padding-bottom:26px !important;
}
#sdm-brand-eaton .sdm-brand-bottom__inner{
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  padding:16px !important;
  box-shadow:0 10px 24px rgba(2,6,23,.05) !important;
}
#sdm-brand-eaton .sdm-brand-bottom__title{
  font-weight:900 !important;
  margin:0 0 8px !important;
  font-size:16px !important;
}
#sdm-brand-eaton .sdm-brand-bottom__text{
  color:var(--eaton-muted, #475569) !important;
}

/* O) Якоря: чтобы заголовки не прятались под sticky-nav */
#sdm-brand-eaton [id]{
  scroll-margin-top:86px !important;
}


/* =========================
   SDM / EATON (info_id=20) — FIX: FAQ раскрывается полностью
   Причина: в файле остались конфликтующие правила под другой вариант accordion,
   которые задавали .sdm-acc__body max-height:0 !important.
   ========================= */
#sdm-brand-eaton .sdm-acc__body{
  max-height:none !important;
  overflow:visible !important;
  height:auto !important;
}
#sdm-brand-eaton .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
  max-height:none !important;
  overflow:visible !important;
  height:auto !important;
}

/* =====================================================================
   SDM — BALLUFF (information_id=21) — brand mini-landing (CMS Article)
   SAFE HTML: no buttons/forms; accordion via checkbox + label.
   ВАЖНО:
   - СКОУП: только страница information_id=21 и контейнер #sdm-brand-balluff-21 (и fallback #sdm-brand-balluff)
   - Без глобальных сбросов и без 100vw/negative-margins
   ===================================================================== */

/* 0) Скрываем системный заголовок статьи (если тема его рисует) */
body.information-information-21 #content > h1:first-of-type,
body.information-information-21 #content > h2:first-of-type,
body.information-information-21 #content > h3:first-of-type,
body.information-information-21 .breadcrumb + h1,
body.information-information-21 .breadcrumb + h2,
body.information-information-21 .breadcrumb + h3,
body.information-information-21 .page-title,
body.information-information-21 .heading-title,
body.information-information-21 .title-page,
body.information-information-21 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у модулей */
body.information-information-21 #content .article_description,
body.information-information-21 #content .description,
body.information-information-21 #content .information-description,
body.information-information-21 #content .info-content{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Корневой контейнер */
#sdm-brand-balluff-21,
#sdm-brand-balluff{
  --balluff-blue:#0b5aa6;
  --balluff-text:#0f172a;
  --balluff-muted:#475569;
  --balluff-border:rgba(15,23,42,.12);
  --balluff-card:#ffffff;
  --balluff-soft:rgba(11,90,166,.08);
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  color:var(--balluff-text) !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

/* 3) Типографика */
#sdm-brand-balluff-21 h2, #sdm-brand-balluff-21 h3,
#sdm-brand-balluff h2, #sdm-brand-balluff h3{
  color:var(--balluff-text) !important;
  margin:0 0 12px !important;
  letter-spacing:-.02em !important;
}
#sdm-brand-balluff-21 p,
#sdm-brand-balluff p{
  margin:0 0 10px !important;
  color:var(--balluff-muted) !important;
}

/* 4) Навигация */
#sdm-brand-balluff-21 .sdm-brand-nav,
#sdm-brand-balluff .sdm-brand-nav{
  position:sticky !important;
  top:0 !important;
  z-index:12 !important;
  backdrop-filter:saturate(140%) blur(8px) !important;
  background:rgba(255,255,255,.86) !important;
  border-bottom:1px solid rgba(15,23,42,.10) !important;
}
#sdm-brand-balluff-21 .sdm-brand-nav__inner,
#sdm-brand-balluff .sdm-brand-nav__inner{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:10px 12px !important;
}
#sdm-brand-balluff-21 .sdm-brand-nav__link,
#sdm-brand-balluff .sdm-brand-nav__link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  color:var(--balluff-text) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1 !important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}
#sdm-brand-balluff-21 .sdm-brand-nav__link:hover,
#sdm-brand-balluff .sdm-brand-nav__link:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(11,90,166,.30) !important;
  box-shadow:0 10px 22px rgba(2,6,23,.06) !important;
}

/* 5) HERO (поддержка двух вариантов: brand-article__intro и brand-hero) */
#sdm-brand-balluff-21 .sdm-brand-article__intro,
#sdm-brand-balluff .sdm-brand-article__intro,
#sdm-brand-balluff-21 .sdm-brand-hero,
#sdm-brand-balluff .sdm-brand-hero{
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 18px 46px rgba(2,6,23,.10) !important;
  background:#fff !important;
}

#sdm-brand-balluff-21 .sdm-brand-hero__inner,
#sdm-brand-balluff .sdm-brand-hero__inner{
  position:relative !important;
  min-height:420px !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
#sdm-brand-balluff-21 .sdm-brand-hero__inner:before,
#sdm-brand-balluff .sdm-brand-hero__inner:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(2,6,23,.78) 0%,
      rgba(2,6,23,.58) 34%,
      rgba(2,6,23,.18) 62%,
      rgba(2,6,23,0) 78%) !important;
}
#sdm-brand-balluff-21 .sdm-brand-hero__left,
#sdm-brand-balluff .sdm-brand-hero__left{
  position:relative !important;
  z-index:2 !important;
  max-width:720px !important;
  padding:26px 26px 24px !important;
}
#sdm-brand-balluff-21 .sdm-brand-hero__kicker,
#sdm-brand-balluff .sdm-brand-hero__kicker{
  display:inline-flex !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.92) !important;
  font-weight:800 !important;
  font-size:12px !important;
}
#sdm-brand-balluff-21 .sdm-brand-hero__title,
#sdm-brand-balluff .sdm-brand-hero__title{
  margin:10px 0 10px !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  font-size:34px !important;
  line-height:1.1 !important;
}
#sdm-brand-balluff-21 .sdm-brand-hero__lead,
#sdm-brand-balluff .sdm-brand-hero__lead{
  margin:0 !important;
  color:rgba(255,255,255,.92) !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

/* теги в интро (если используешь) */
#sdm-brand-balluff-21 .sdm-brand-article__tags,
#sdm-brand-balluff .sdm-brand-article__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}
#sdm-brand-balluff-21 .sdm-brand-article__tag,
#sdm-brand-balluff .sdm-brand-article__tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:rgba(255,255,255,.88) !important;
  font-weight:800 !important;
  font-size:12px !important;
  color:var(--balluff-text) !important;
}

/* 6) Секции */
#sdm-brand-balluff-21 .sdm-brand-block,
#sdm-brand-balluff .sdm-brand-block,
#sdm-brand-balluff-21 .sdm-brand-article__block,
#sdm-brand-balluff .sdm-brand-article__block{
  padding-top:26px !important;
  padding-bottom:26px !important;
  background:#fff !important;
}
#sdm-brand-balluff-21 .sdm-brand-block--alt,
#sdm-brand-balluff .sdm-brand-block--alt,
#sdm-brand-balluff-21 .sdm-brand-article__block--alt,
#sdm-brand-balluff .sdm-brand-article__block--alt{
  background:var(--balluff-soft) !important;
}

/* 7) Карточки */
#sdm-brand-balluff-21 .sdm-brand-grid,
#sdm-brand-balluff .sdm-brand-grid{
  display:grid !important;
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:14px !important;
}
#sdm-brand-balluff-21 .sdm-brand-card,
#sdm-brand-balluff .sdm-brand-card{
  grid-column:span 4 !important;
  background:var(--balluff-card) !important;
  border:1px solid var(--balluff-border) !important;
  border-radius:18px !important;
  padding:16px !important;
  box-shadow:0 10px 26px rgba(2,6,23,.06) !important;
}
@media (max-width: 980px){
  #sdm-brand-balluff-21 .sdm-brand-card,
  #sdm-brand-balluff .sdm-brand-card{ grid-column:span 6 !important; }
}
@media (max-width: 640px){
  #sdm-brand-balluff-21 .sdm-brand-card,
  #sdm-brand-balluff .sdm-brand-card{ grid-column:span 12 !important; }
}
#sdm-brand-balluff-21 .sdm-brand-card__t,
#sdm-brand-balluff .sdm-brand-card__t{
  margin:0 0 8px !important;
  font-weight:900 !important;
  font-size:16px !important;
  line-height:1.25 !important;
  color:var(--balluff-text) !important;
}
#sdm-brand-balluff-21 .sdm-brand-card__d,
#sdm-brand-balluff .sdm-brand-card__d{
  margin:0 !important;
  color:var(--balluff-muted) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

/* 8) Шаги */
#sdm-brand-balluff-21 .sdm-brand-steps,
#sdm-brand-balluff .sdm-brand-steps{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
}
@media (max-width: 991px){
  #sdm-brand-balluff-21 .sdm-brand-steps,
  #sdm-brand-balluff .sdm-brand-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  #sdm-brand-balluff-21 .sdm-brand-steps,
  #sdm-brand-balluff .sdm-brand-steps{ grid-template-columns: 1fr !important; }
}
#sdm-brand-balluff-21 .sdm-brand-step,
#sdm-brand-balluff .sdm-brand-step{
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:14px !important;
}
#sdm-brand-balluff-21 .sdm-brand-step__n,
#sdm-brand-balluff .sdm-brand-step__n{
  font-weight:900 !important;
  font-size:16px !important;
  color:var(--balluff-blue) !important;
  margin-bottom:6px !important;
}
#sdm-brand-balluff-21 .sdm-brand-step__t,
#sdm-brand-balluff .sdm-brand-step__t{
  font-weight:900 !important;
  margin:0 0 6px !important;
}
#sdm-brand-balluff-21 .sdm-brand-step__d,
#sdm-brand-balluff .sdm-brand-step__d{
  font-size:14px !important;
  color:var(--balluff-muted) !important;
  line-height:1.6 !important;
}

/* 9) Note */
#sdm-brand-balluff-21 .sdm-brand-note,
#sdm-brand-balluff .sdm-brand-note{
  margin-top:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(11,90,166,.22) !important;
  background:rgba(11,90,166,.06) !important;
  color:var(--balluff-text) !important;
  font-weight:650 !important;
}

/* 10) Accordion (checkbox) */
#sdm-brand-balluff-21 .sdm-acc,
#sdm-brand-balluff .sdm-acc{
  margin-top:14px !important;
}
#sdm-brand-balluff-21 .sdm-acc__item,
#sdm-brand-balluff .sdm-acc__item{
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:16px !important;
  background:#fff !important;
  overflow:hidden !important;
  margin-bottom:10px !important;
}
#sdm-brand-balluff-21 .sdm-acc__toggle,
#sdm-brand-balluff .sdm-acc__toggle{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#sdm-brand-balluff-21 .sdm-acc__head,
#sdm-brand-balluff .sdm-acc__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 14px !important;
  cursor:pointer !important;
  background:#fff !important;
}
#sdm-brand-balluff-21 .sdm-acc__q,
#sdm-brand-balluff .sdm-acc__q{
  font-weight:900 !important;
  color:var(--balluff-text) !important;
}
#sdm-brand-balluff-21 .sdm-acc__ico,
#sdm-brand-balluff .sdm-acc__ico{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  border:1px solid rgba(11,90,166,.22) !important;
  background:rgba(11,90,166,.08) !important;
  position:relative !important;
  flex:0 0 22px !important;
}
#sdm-brand-balluff-21 .sdm-acc__ico:before,
#sdm-brand-balluff-21 .sdm-acc__ico:after,
#sdm-brand-balluff .sdm-acc__ico:before,
#sdm-brand-balluff .sdm-acc__ico:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:10px !important;
  height:2px !important;
  background:var(--balluff-blue) !important;
  transform:translate(-50%,-50%) !important;
}
#sdm-brand-balluff-21 .sdm-acc__ico:after,
#sdm-brand-balluff .sdm-acc__ico:after{
  transform:translate(-50%,-50%) rotate(90deg) !important;
}
#sdm-brand-balluff-21 .sdm-acc__body,
#sdm-brand-balluff .sdm-acc__body{
  display:none !important;
  padding:12px 14px !important;
  color:var(--balluff-muted) !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
}
#sdm-brand-balluff-21 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__ico:after,
#sdm-brand-balluff .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__ico:after{
  transform:translate(-50%,-50%) rotate(0deg) !important;
  opacity:0 !important;
}
#sdm-brand-balluff-21 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body,
#sdm-brand-balluff .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block !important;
}

/* 11) Footer note / bottom */
#sdm-brand-balluff-21 .sdm-brand-article__foot,
#sdm-brand-balluff .sdm-brand-article__foot{
  margin-top:22px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(15,23,42,.08) !important;
}
#sdm-brand-balluff-21 .sdm-brand-article__foot-title,
#sdm-brand-balluff .sdm-brand-article__foot-title{
  font-size:14px !important;
  font-weight:900 !important;
  color:var(--balluff-text) !important;
  margin:0 0 6px !important;
}
#sdm-brand-balluff-21 .sdm-brand-article__foot-text,
#sdm-brand-balluff .sdm-brand-article__foot-text{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  color:var(--balluff-muted) !important;
  max-width:980px !important;
}

/* 12) Якоря: чтобы заголовки не прятались под sticky-nav */
#sdm-brand-balluff-21 [id],
#sdm-brand-balluff [id]{
  scroll-margin-top:86px !important;
}
@media (max-width:768px){
  #sdm-brand-balluff-21 .sdm-brand-hero__inner,
  #sdm-brand-balluff .sdm-brand-hero__inner{ min-height:360px !important; }
  #sdm-brand-balluff-21 .sdm-brand-hero__title,
  #sdm-brand-balluff .sdm-brand-hero__title{ font-size:26px !important; }
  #sdm-brand-balluff-21 .sdm-brand-hero__left,
  #sdm-brand-balluff .sdm-brand-hero__left{ padding:18px 16px 16px !important; }
  #sdm-brand-balluff-21 [id],
  #sdm-brand-balluff [id]{ scroll-margin-top:92px !important; }
}

/* ===================================================================== */


/* =====================================================================
   SDM — BALLUFF (information_id=21) — FIXES / polish pass
   Причины правок:
   - На скрине FAQ показывал чекбоксы и ответы (не работал accordion-вид)
   - "Отрасли" выглядели как голый текст — переводим в карточки
   ===================================================================== */

#sdm-brand-balluff,
#sdm-brand-balluff-21{
  --sdm-bf-accent:#1f7fb6; /* спокойный industrial-blue */
  --sdm-bf-text:#0f172a;
  --sdm-bf-muted:#5b6677;
  --sdm-bf-line:rgba(15,23,42,.12);
  --sdm-bf-card:#ffffff;
  --sdm-bf-soft:rgba(31,127,182,.08);
}

/* Отрасли: делаем мини-блоки карточками */
#sdm-brand-balluff .sdm-brand-grid--icons,
#sdm-brand-balluff-21 .sdm-brand-grid--icons{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px !important;
}
@media (max-width: 980px){
  #sdm-brand-balluff .sdm-brand-grid--icons,
  #sdm-brand-balluff-21 .sdm-brand-grid--icons{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  #sdm-brand-balluff .sdm-brand-grid--icons,
  #sdm-brand-balluff-21 .sdm-brand-grid--icons{
    grid-template-columns:1fr;
  }
}
#sdm-brand-balluff .sdm-brand-mini,
#sdm-brand-balluff-21 .sdm-brand-mini{
  background:var(--sdm-bf-card) !important;
  border:1px solid var(--sdm-bf-line) !important;
  border-radius:16px;
  padding:16px;
  box-shadow:0 1px 0 rgba(15,23,42,.02);
}
#sdm-brand-balluff .sdm-brand-mini__title,
#sdm-brand-balluff-21 .sdm-brand-mini__title{
  font-weight:700;
  color:var(--sdm-bf-text);
  margin:0 0 6px;
  letter-spacing:.2px;
}
#sdm-brand-balluff .sdm-brand-mini__text,
#sdm-brand-balluff-21 .sdm-brand-mini__text{
  margin:0;
  color:var(--sdm-bf-muted);
  line-height:1.45;
}

/* FAQ accordion: прячем чекбоксы, делаем кликабельную шапку и анимацию */
#sdm-brand-balluff .sdm-brand-acc,
#sdm-brand-balluff-21 .sdm-brand-acc{
  border-top:1px solid var(--sdm-bf-line) !important;
  margin-top:10px;
}
#sdm-brand-balluff .sdm-brand-acc__item,
#sdm-brand-balluff-21 .sdm-brand-acc__item{
  border-bottom:1px solid var(--sdm-bf-line) !important;
}
#sdm-brand-balluff .sdm-brand-acc__check,
#sdm-brand-balluff-21 .sdm-brand-acc__check{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none;
}
#sdm-brand-balluff .sdm-brand-acc__head,
#sdm-brand-balluff-21 .sdm-brand-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px !important;
  padding:14px 4px;
  cursor:pointer;
  user-select:none;
}
#sdm-brand-balluff .sdm-brand-acc__title,
#sdm-brand-balluff-21 .sdm-brand-acc__title{
  font-weight:600;
  color:var(--sdm-bf-text);
  line-height:1.35;
}
#sdm-brand-balluff .sdm-brand-acc__icon,
#sdm-brand-balluff-21 .sdm-brand-acc__icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:10px;
  border:1px solid var(--sdm-bf-line) !important;
  background:var(--sdm-bf-soft);
  position:relative;
}
#sdm-brand-balluff .sdm-brand-acc__icon:before,
#sdm-brand-balluff-21 .sdm-brand-acc__icon:before{
  content:"";
  position:absolute !important;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid rgba(15,23,42,.65);
  border-bottom:2px solid rgba(15,23,42,.65);
  transform:translate(-50%,-55%) rotate(45deg);
  transition:transform .18s ease;
}
#sdm-brand-balluff .sdm-brand-acc__body,
#sdm-brand-balluff-21 .sdm-brand-acc__body{
  max-height:0 !important;
  overflow:hidden !important;
  transition:max-height .22s ease !important;
}
#sdm-brand-balluff .sdm-brand-acc__content,
#sdm-brand-balluff-21 .sdm-brand-acc__content{
  padding:0 4px 14px;
  color:var(--sdm-bf-muted);
  line-height:1.5;
}

/* Открытое состояние */
#sdm-brand-balluff .sdm-brand-acc__check:checked + .sdm-brand-acc__head + .sdm-brand-acc__body,
#sdm-brand-balluff-21 .sdm-brand-acc__check:checked + .sdm-brand-acc__head + .sdm-brand-acc__body{
  max-height:420px !important; /* достаточно для 2-4 строк; при необходимости увеличим */
}
#sdm-brand-balluff .sdm-brand-acc__check:checked + .sdm-brand-acc__head .sdm-brand-acc__icon:before,
#sdm-brand-balluff-21 .sdm-brand-acc__check:checked + .sdm-brand-acc__head .sdm-brand-acc__icon:before{
  transform:translate(-50%,-45%) rotate(-135deg);
}

/* Небольшая косметика FAQ: убираем маркеры/квадраты если тема их подмешивает */
#sdm-brand-balluff #balluff-faq input[type="checkbox"],
#sdm-brand-balluff-21 #balluff-faq input[type="checkbox"]{
  margin:0;
}

/* =====================
   BALLUFF (info 21) – HOTFIX: "Отрасли" слишком узкие
   Причина: тема/старые правила задают много колонок.
   Решение: жёстко фиксируем сетку на 2 колонки на десктопе.
   Скоуп: только контейнер BALLUFF.
   ===================== */

#sdm-brand-balluff #balluff-industries .sdm-brand-grid--icons,
#sdm-brand-balluff-21 #balluff-industries .sdm-brand-grid--icons {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* если экран узкий — 1 колонка */
@media (max-width: 767px) {
  #sdm-brand-balluff #balluff-industries .sdm-brand-grid--icons,
  #sdm-brand-balluff-21 #balluff-industries .sdm-brand-grid--icons {
    grid-template-columns: 1fr !important;
  }
}

/* если контейнер очень широкий — можно 3 колонки, но карточки всё равно будут читабельными */
@media (min-width: 1440px) {
  #sdm-brand-balluff #balluff-industries .sdm-brand-grid--icons,
  #sdm-brand-balluff-21 #balluff-industries .sdm-brand-grid--icons {
    grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  }
}

/* карточки отраслей пусть не сжимаются */
#sdm-brand-balluff #balluff-industries .sdm-brand-mini,
#sdm-brand-balluff-21 #balluff-industries .sdm-brand-mini {
  width: 100% !important;
  min-width: 0 !important;
}


/* =========================================================
   SDM / FESTO (information_id=18) — width breakout fix
   Goal: make landing match module width (1140) even if
   theme's article container is ограничен (например 980px).
   ========================================================= */

/* Break out of any centered/max-width parent container */
#content .article_description #sdm-brand-festo-18,
#content .description #sdm-brand-festo-18,
#content #sdm-brand-festo-18{
  max-width: none !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* Keep inner content at module width */
#content #sdm-brand-festo-18 .sdm-brand-inner{
  max-width: 1140px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* Ensure intro/block wrappers don't re-add centering or width limits */
#content #sdm-brand-festo-18 .sdm-brand-article__intro,
#content #sdm-brand-festo-18 .sdm-brand-article__block,
#content #sdm-brand-festo-18 .sdm-brand-nav{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}


/* ==========================================================
   SDM FIX: FESTO information_id=18 — remove breakout + widen parent
   Причина "хуйни": 100vw-breakout уезжает из контейнера темы и
   может давать смещение/скролл. Делаем правильно:
   1) расширяем родительский контент (#content/description) до 100%
   2) убираем любые breakout-настройки у #sdm-brand-festo-18
   3) оставляем внутри модульный контейнер .sdm-brand-inner = 1140px
   ========================================================== */

/* 1) Разжимаем контейнер статьи только если на странице есть FESTO блок */
#content:has(#sdm-brand-festo-18),
#content .article_description:has(#sdm-brand-festo-18),
#content .description:has(#sdm-brand-festo-18),
#content .information-description:has(#sdm-brand-festo-18),
#content .info-content:has(#sdm-brand-festo-18){
  max-width: none !important;
  width: 100% !important;
}

/* Страховка для самых частых обёрток (когда :has() недоступен — всё равно не ломаем) */
#content #sdm-brand-festo-18{
  /* 2) УБИВАЕМ breakout (если он есть выше по файлу) */
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  overflow-x: clip;
}

/* 3) Модульная ширина как у “нормальных” блоков (1140 + боковые 15) */
#content #sdm-brand-festo-18 .sdm-brand-inner{
  max-width: 1140px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box;
}

/* Чтобы внутренние секции не возвращали 980px/центрирование от темы */
#content #sdm-brand-festo-18 .sdm-brand-article__intro,
#content #sdm-brand-festo-18 .sdm-brand-article__block,
#content #sdm-brand-festo-18 .sdm-brand-nav{
  max-width: none !important;
  width: 100% !important;
}

/* На всякий — запрещаем горизонтальный скролл, если где-то остались 100vw */
#content:has(#sdm-brand-festo-18){
  overflow-x: clip;
}


/* =========================================================
   SDM FIX: FESTO (information_id=18) width/layout
   Причина: глобальный лимит ширины в обёртке описания статьи.
   Решение: разжать обёртку ТОЛЬКО когда внутри есть #sdm-brand-festo-18,
   и держать контент в .sdm-brand-inner (1140px).
   ========================================================= */

/* 1) Разжимаем обёртку статьи, только если в ней FESTO */
#content .article_description:has(#sdm-brand-festo-18),
#content .description:has(#sdm-brand-festo-18),
#content .information-description:has(#sdm-brand-festo-18),
#content .info-content:has(#sdm-brand-festo-18),
#content .info_content:has(#sdm-brand-festo-18){
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) Если #content сидит в bootstrap-колонке — принудительно растягиваем */
#content:has(#sdm-brand-festo-18){
  width: 100% !important;
}
#content:has(#sdm-brand-festo-18) > .row,
#content:has(#sdm-brand-festo-18) .row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#content:has(#sdm-brand-festo-18) [class*="col-"]{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* 3) Глушим любые прошлые breakout-хаки на FESTO, если они есть */
#sdm-brand-festo-18{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  overflow: visible !important;
}

/* 4) Модульная ширина как у нормальных блоков */
#sdm-brand-festo-18 .sdm-brand-inner{
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* 5) На всякий — чтобы не ловить горизонтальный скролл от внутренних сеток */
#sdm-brand-festo-18,
#sdm-brand-festo-18 *{
  box-sizing: border-box;
}



/* =====================================================================
   SDM HOTFIX (v25) — FESTO information_id=18
   Симптом: контент статьи уезжает вправо и остаётся «пустая колонка» слева.
   Причина: на странице активен layout с колонкой (#column-left/#column-right),
   а сам #content остаётся шириной col-sm-9/col-md-9 даже если колонка пустая.
   Решение: только на странице FESTO (info=18) скрываем колонки и разжимаем #content до 100%.
   ===================================================================== */

/* --- 1) Стандартный OpenCart body-класс (если присутствует) --- */
body.information-information-18 #column-left,
body.information-information-18 #column-right{
  display:none !important;
}

body.information-information-18 #content{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
}

body.information-information-18 #content[class*="col-"]{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
}

/* На некоторых шаблонах контент живёт как .col-sm-9 внутри .row */
body.information-information-18 .row > #content{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
}

/* --- 2) Робастный вариант: если body-класса нет (UniShop бывает) --- */
@supports selector(body:has(#sdm-brand-festo-18)) {
  body:has(#sdm-brand-festo-18) #column-left,
  body:has(#sdm-brand-festo-18) #column-right{
    display:none !important;
  }

  body:has(#sdm-brand-festo-18) #content{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  body:has(#sdm-brand-festo-18) #content[class*="col-"],
  body:has(#sdm-brand-festo-18) .row > #content{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}

/* ===================================================================== */



/* =====================================================================
   SDM HOTFIX: FESTO information_id=18 — принудительная модульная ширина
   Причина: родительские обёртки темы могут оставаться зажаты (980px/col-*),
   и точечные правила по body / :has() могут не срабатывать.
   Решение: центрируем сам #sdm-brand-festo-18 относительно viewport и задаём
   ширину как у модулей, не полагаясь на ширину родителя.
   ===================================================================== */

/* 1) Делаем родительские обёртки "видимыми" (на случай, если где-то стоит overflow:hidden) */
#content:has(#sdm-brand-festo-18),
#content .article_description:has(#sdm-brand-festo-18),
#content .description:has(#sdm-brand-festo-18),
#content .information-description:has(#sdm-brand-festo-18),
#content .info-content:has(#sdm-brand-festo-18){
  overflow: visible !important;
}

/* 2) Жёстко центрируем блок относительно окна и даём ширину 1140px (с адаптацией под мобилу) */
#sdm-brand-festo-18{
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: min(1140px, calc(100vw - 30px)) !important; /* 1140 как у модулей, с запасом под padding */
  max-width: min(1140px, calc(100vw - 30px)) !important;

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  /* на всякий случай убираем любые старые breakout/offset свойства */
  right: auto !important;
  top: auto !important;
}

/* 3) Внутренний контейнер используем как обычную обёртку (без двойной центровки) */
#sdm-brand-festo-18 .sdm-brand-inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Чуть комфортнее на маленьких экранах */
@media (max-width: 767px){
  #sdm-brand-festo-18{
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}



/* =====================================================================
   SDM HOTFIX v28: FESTO information_id=18 — убираем "размерный парадокс"
   Суть: у FESTO текстовые блоки (.sdm-brand-article__lead / .sdm-brand-sub / foot-text)
   были искусственно зажаты (960/980px), из-за чего контент визуально уже сетки (1140).
   Исправление: снимаем max-width у этих элементов и возвращаем нормальную геометрию
   корневого блока (без 100vw/left/transform хака).
   ===================================================================== */

/* 1) Если в прошлых версиях был принудительный left/transform — отключаем */
#sdm-brand-festo-18{
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2) Контейнер FESTO: модульная ширина 1140 + стандартные боковые отступы */
#sdm-brand-festo-18 .sdm-brand-inner{
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* 3) Убираем зажим 960/980 у текста (это и давало ощущение "не того размера") */
#sdm-brand-festo-18 .sdm-brand-article__lead,
#sdm-brand-festo-18 .sdm-brand-sub,
#sdm-brand-festo-18 .sdm-brand-article__foot-text{
  max-width: none !important;
}

/* 4) На всякий случай: если где-то остались правила, которые зажимают всю landing */
#content .article_description #sdm-brand-festo-18,
#content .description #sdm-brand-festo-18,
#content .information-description #sdm-brand-festo-18,
#content .info-content #sdm-brand-festo-18{
  max-width: none !important;
}



/* ==========================================================
   SDM FIX (FESTO / information_id=18)
   Причина: страница статьи зажата родительским контейнером темы.
   Решение: центрируем и задаём модульную ширину самому блоку
   #sdm-brand-festo-18 независимо от ширины родителя (без 100vw).
   ========================================================== */

/* 1) Жёстко задаём ширину и центровку всего лендинга FESTO */
#sdm-brand-festo-18{
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  /* модульная ширина как у нормальных блоков (1140 + по 15px) */
  width: min(1140px, calc(100vw - 30px)) !important;
  max-width: min(1140px, calc(100vw - 30px)) !important;

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 2) Внутренний контейнер НЕ должен повторно ограничивать ширину */
#sdm-brand-festo-18 .sdm-brand-inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* 3) Страховка: если где-то оставался breakout/сдвиги, обнуляем */
#sdm-brand-festo-18{
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 4) На всякий случай убираем узкие max-width у текста внутри (если снова появятся) */
#sdm-brand-festo-18 .sdm-brand-article__lead,
#sdm-brand-festo-18 .sdm-brand-sub,
#sdm-brand-festo-18 .sdm-brand-article__foot-text{
  max-width: none !important;
}



/* =====================================================================
   SDM — FESTO 18 — v34 HARD OVERRIDE (NO body-scope)
   Причина: страница может рендериться НЕ как information route (модуль/вкладка/встроенная статья),
   поэтому body.information-information-18 не совпадает и старые фиксы не применяются.
   Этот блок цепляется ТОЛЬКО за id #sdm-brand-festo-18 (уникальный), поэтому безопасен.
   ===================================================================== */

/* 0) анти-обрезка: часто тема ставит overflow:hidden на #content/.container */
html, body{ overflow-x:hidden !important; }

/* 1) breakout самого блока FESTO на 100vw */
#sdm-brand-festo-18{
  display:block !important;
  clear:both !important;

  position:relative !important;
  left:50% !important;
  right:auto !important;

  width:100vw !important;
  max-width:100vw !important;

  margin-left:-50vw !important;
  margin-right:0 !important;

  padding:0 !important;
  box-sizing:border-box !important;

  transform:none !important;
  overflow:visible !important;
}

/* 2) на случай, если редактор оборачивает в <p> */
p > #sdm-brand-festo-18{ margin:0 !important; }

/* 3) внутренний контейнер — “как у остальных” (1140) */
#sdm-brand-festo-18 .sdm-brand-inner{
  width:100% !important;
  max-width:1140px !important;
  margin:0 auto !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
}
@media (min-width:768px){
  #sdm-brand-festo-18 .sdm-brand-inner{ padding:0 22px !important; }
}

/* 4) если внутри есть сетки/карточки — не даём им упираться в чужие max-width */
#sdm-brand-festo-18 .sdm-brand-nav,
#sdm-brand-festo-18 .sdm-brand-block,
#sdm-brand-festo-18 .sdm-brand-grid,
#sdm-brand-festo-18 .sdm-brand-steps,
#sdm-brand-festo-18 .sdm-brand-acc{
  max-width:none !important;
}

/* 5) страховка от max-width у картинок/таблиц */
#sdm-brand-festo-18 img,
#sdm-brand-festo-18 table{
  max-width:100% !important;
}

/* 6) если UniShop/Bootstrap колонки режут ширину — выбиваем только вокруг FESTO
      (важно: не трогаем глобально, только типовые контейнеры, которые чаще всего оборачивают описание) */
#content,
#content > .container,
#content > .container-fluid,
#content .container,
#content .container-fluid,
#content .row,
#content .row > [class*="col-"],
.article_description,
.description,
.information-description{
  transform:none !important;
}

/* ===================================================================== */


/* =========================================================
   SDM — FESTO (information_id=18) — FIX v36
   Проблема: большой разрыв между модулем-баннером и началом статьи.
   Решение без удаления модуля: подтягиваем #sdm-brand-festo-18 вверх
   и гасим типовые нижние отступы обёрток перед ним.
   СКОУП: только #sdm-brand-festo-18 (без зависимости от body-классов).
   ========================================================= */

/* 0) На всякий — убираем неожиданные top-margin у первой секции внутри */
#sdm-brand-festo-18{ margin-top:0 !important; }

/* 1) Подтягиваем весь блок вверх (без знания разметки модуля).
   Делаем через top, чтобы не ломать поток внизу. */
#sdm-brand-festo-18{
  position:relative !important;
  top:-90px !important;
}

/* Адаптив: на узких экранах разрыв обычно меньше */
@media (max-width: 991px){
  #sdm-brand-festo-18{ top:-70px !important; }
}
@media (max-width: 575px){
  #sdm-brand-festo-18{ top:-52px !important; }
}

/* 2) Частые виновники разрыва: большие bottom-margin у модульных контейнеров.
   Не зная точных классов — гасим у последних элементов ПЕРЕД #sdm-brand-festo-18 */
#sdm-brand-festo-18:where(:not(p)) {}

/* Если блок стоит сразу после container/row/col — подрезаем нижний отступ у ближайших родителей */
#sdm-brand-festo-18{
  scroll-margin-top:110px; /* якоря */
}



/* =====================================================================
   SDM — FESTO (information_id=18) — FINAL NORMALIZE (v38)
   Цель: убрать "дикое расширение" и привести геометрию к стандарту SDM:
   - корневой блок занимает ширину контейнера (#content) без 100vw-breakout
   - внутренний .sdm-brand-inner = 1140px (как модули)
   - убираем возможные пустые отступы сверху у описания
   ===================================================================== */

/* 0) НЕ даём старым версиям расширять на 100vw */
body.information-information-18 #sdm-brand-festo-18,
body.information-information-18 #content #sdm-brand-festo-18,
#content #sdm-brand-festo-18{
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;

  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 1) Внутренний контейнер — строго 1140 и центр */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner,
body.information-information-18 #content #sdm-brand-festo-18 .sdm-brand-inner,
#content #sdm-brand-festo-18 .sdm-brand-inner{
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner,
  body.information-information-18 #content #sdm-brand-festo-18 .sdm-brand-inner,
  #content #sdm-brand-festo-18 .sdm-brand-inner{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* 2) Разжимаем обёртку описания ТОЛЬКО на странице 18, чтобы не было "узкого" контейнера темы */
body.information-information-18 #content .article_description,
body.information-information-18 #content .description,
body.information-information-18 #content .information-description,
body.information-information-18 #content .info-content,
body.information-information-18 #content .info_content{
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Убираем верхние "пустые" отступы перед landing, если редактор добавил абзацы/бр */
body.information-information-18 #content .article_description > :first-child,
body.information-information-18 #content .description > :first-child,
body.information-information-18 #content .information-description > :first-child{
  margin-top: 0 !important;
}
body.information-information-18 #sdm-brand-festo-18{
  margin-top: 0 !important;
}

/* 4) Анти-горизонтальный скролл (мягко) */
html, body{ overflow-x: clip !important; }

/* ===================================================================== */



/* =====================================================================
   SDM / FESTO (information_id=18) — HARD FIX v39 (NO :has, NO 100vw)
   Причина "ничего не меняется" чаще всего одна из двух:
   1) селекторы с :has не срабатывают (браузер/минификатор/OC cache)
   2) тема оборачивает описание в контейнеры с padding/margins, а наш блок
      оказывается "вне" нужной геометрии.
   Делаем максимально приземлённо и специфично, без :has.
   ===================================================================== */

/* 1) Жёстко разжимаем контент-обёртки только на странице information_id=18 */
body.information-information-18 #content,
body.information-information-18 #content .container,
body.information-information-18 #content .row,
body.information-information-18 #content .col-sm-12,
body.information-information-18 #content .article_description,
body.information-information-18 #content .description,
body.information-information-18 #content .information-description,
body.information-information-18 #content .info-content,
body.information-information-18 #content .info_content{
  width: 100% !important;
  max-width: none !important;
}

/* 2) САМ FESTO блок — обычная ширина (никаких 100vw трюков) */
body.information-information-18 #sdm-brand-festo-18{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important; /* чтобы z-index работал предсказуемо */
  box-sizing: border-box !important;

  /* маркер, чтобы сразу видеть что стили применились (не ломает дизайн) */
  border-top: 2px solid rgba(0,0,0,.06) !important;
}

/* 3) Внутренний контейнер — ровно как у остальных бренд-страниц (1140) */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner{
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-inner{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* 4) Чиним "пустую" навигацию (у тебя там <br>, из-за него блок занимает место) */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav__inner br{
  display:none !important;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-nav__inner{
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 5) Чтобы блоки не прилипали к краям и совпали с остальными страницами */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__intro,
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__block{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
@media (min-width: 992px){
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__intro,
  body.information-information-18 #sdm-brand-festo-18 .sdm-brand-article__block{
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}

/* 6) Защита от "расширения" карточек/гридов темой */
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-grid,
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-steps,
body.information-information-18 #sdm-brand-festo-18 .sdm-brand-req__grid{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 7) Якоря: чтобы заголовки не уезжали под фикс-хедер */
body.information-information-18 #sdm-brand-festo-18 [id]{
  scroll-margin-top: 110px;
}


/* =====================================================================
   SDM — FESTO (information_id=23) — mini-landing (CMS Article)
   SAFE HTML: no buttons/forms; accordion via checkbox + label.
   ВАЖНО:
   - СКОУП: только страница information_id=23 и только контейнер #sdm-brand-festo-23
   - Без глобальных сбросов и без 100vw/negative-margins
   ===================================================================== */

/* 0) Скрываем системный заголовок статьи (если тема его рисует) */
body.information-information-23 #content > h1:first-of-type,
body.information-information-23 #content > h2:first-of-type,
body.information-information-23 #content > h3:first-of-type,
body.information-information-23 .breadcrumb + h1,
body.information-information-23 .breadcrumb + h2,
body.information-information-23 .breadcrumb + h3,
body.information-information-23 .page-title,
body.information-information-23 .heading-title,
body.information-information-23 .title-page,
body.information-information-23 .content-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

/* 1) Разжимаем стандартную обёртку статьи, чтобы контент был по ширине как у модулей */
body.information-information-23 #content .article_description,
body.information-information-23 #content .description,
body.information-information-23 #content .information-description,
body.information-information-23 #content .info-content{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Корневой контейнер FESTO */
body.information-information-23 #sdm-brand-festo-23{
  width:100% !important;
  margin:0 !important;
  padding: 0 0 22px !important;
  box-sizing:border-box !important;
  color:#0f172a;
}
body.information-information-23 #sdm-brand-festo-23,
body.information-information-23 #sdm-brand-festo-23 *{
  box-sizing:border-box;
}

/* 3) Внутренний контейнер для совпадения с сеткой сайта */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-inner{
  width:100% !important;
  max-width:1140px !important;
  margin:0 auto !important;
  padding: 0 18px !important;
}
@media (min-width:768px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-inner{ padding:0 22px !important; }
}

/* 4) Палитра/тени */
body.information-information-23 #sdm-brand-festo-23{
  --sdm-festo-text:#0f172a;
  --sdm-festo-muted: rgba(15,23,42,.72);
  --sdm-festo-border: rgba(15,23,42,.14);
  --sdm-festo-soft: rgba(15,23,42,.05);
  --sdm-festo-soft2: rgba(15,23,42,.08);
  --sdm-festo-shadow: 0 10px 24px rgba(15,23,42,.10);
  --sdm-festo-shadow2: 0 16px 40px rgba(15,23,42,.12);
  --sdm-festo-accent: #0b4ea2; /* нейтрально-синий, под SDM */
}

/* 5) NAV */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-nav{
  position: sticky;
  top: 82px;
  z-index: 5;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
@media (max-width:768px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-nav{ top: 62px; }
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  padding: 10px 0;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--sdm-festo-text);
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 13px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-nav__link:hover{
  background: rgba(15,23,42,.03);
  border-color: rgba(15,23,42,.16);
}

/* 6) INTRO */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__intro{
  padding: 18px 0 16px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__h2{
  margin: 0 0 10px;
  font-weight: 950;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media (min-width:768px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__h2{ font-size: 26px; }
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__lead{
          margin: 0;
  max-width: 960px;
  color: var(--sdm-festo-muted);
  line-height: 1.7;
  font-size: 14.5px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-tags{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-tag{
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(11,78,162,.07);
  border: 1px solid rgba(11,78,162,.18);
  color: rgba(15,23,42,.86);
  font-weight: 800;
}

/* 7) Блоки */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__block{
  padding: 16px 0 0;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-title{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-sub{
  margin: 0 0 12px;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  max-width: 980px;
}

/* 8) GRID карточек */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 1100px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-card{
  background:#fff;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: var(--sdm-festo-shadow);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-card__title{
  margin:0 0 8px;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.3;
  color: var(--sdm-festo-text);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-card__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.6;
  font-size: 14px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-list{
  margin: 10px 0 0;
  padding-left: 16px;
  color: var(--sdm-festo-muted);
  line-height: 1.55;
  font-size: 14px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-list li{ margin: 5px 0; }

/* 9) Steps */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-steps{
  margin-top: 12px;
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-steps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-step{
  background: rgba(15,23,42,.02);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 14px 14px 12px;
  display:flex;
  gap: 12px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-step__n{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  font-size: 14px;
  color: rgba(15,23,42,.86);
  background: rgba(11,78,162,.08);
  border: 1px solid rgba(11,78,162,.18);
  flex: 0 0 42px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-step__t{
  margin:0 0 4px;
  font-weight: 900;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-step__d{
  margin:0;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.55;
}

/* 10) Request list (что прислать) */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-req{
  margin-top: 14px;
  background: var(--sdm-festo-soft);
  border: 1px solid var(--sdm-festo-soft2);
  border-radius: 18px;
  padding: 14px 14px 12px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-req__title{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-req__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 820px){
  body.information-information-23 #sdm-brand-festo-23 .sdm-brand-req__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-req__item{
  background:#fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

/* 11) Accordion (checkbox) */
body.information-information-23 #sdm-brand-festo-23 .sdm-acc{
  margin-top: 12px;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sdm-festo-shadow);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0));
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__q{
  font-weight: 900;
  color: var(--sdm-festo-text);
  line-height: 1.35;
  font-size: 14px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__icon{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(15,23,42,.06);
  position: relative;
  border: 1px solid rgba(15,23,42,.10);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__icon::before,
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 12px;
  height: 2px;
  background: rgba(15,23,42,.55);
  transform: translate(-50%,-50%);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__icon::after{
  width: 2px;
  height: 12px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__body{
  display:none;
  padding: 0 16px 14px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 14px;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{
  display:none;
}
body.information-information-23 #sdm-brand-festo-23 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block;
}

/* 12) Foot */
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__foot{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.08);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__foot-title{
  margin: 0 0 6px;
  font-weight: 950;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
body.information-information-23 #sdm-brand-festo-23 .sdm-brand-article__foot-text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 13px;
  max-width: 980px;
}

/* 13) Якоря: чтобы не прятались под фиксированной шапкой */
body.information-information-23 #sdm-brand-festo-23 [id]{
  scroll-margin-top: 110px;
}
@media (max-width:768px){
  body.information-information-23 #sdm-brand-festo-23 [id]{ scroll-margin-top: 92px; }
}

/* ===================================================================== */


/* --- FESTO23 FALLBACK (если body class не information-information-23) --- */
/* 2) Корневой контейнер FESTO */
#sdm-brand-festo-23{
  width:100% !important;
  margin:0 !important;
  padding: 0 0 22px !important;
  box-sizing:border-box !important;
  color:#0f172a;
}
#sdm-brand-festo-23,
#sdm-brand-festo-23 *{
  box-sizing:border-box;
}

/* 3) Внутренний контейнер для совпадения с сеткой сайта */
#sdm-brand-festo-23 .sdm-brand-inner{
  width:100% !important;
  max-width:1140px !important;
  margin:0 auto !important;
  padding: 0 18px !important;
}
@media (min-width:768px){
  #sdm-brand-festo-23 .sdm-brand-inner{ padding:0 22px !important; }
}

/* 4) Палитра/тени */
#sdm-brand-festo-23{
  --sdm-festo-text:#0f172a;
  --sdm-festo-muted: rgba(15,23,42,.72);
  --sdm-festo-border: rgba(15,23,42,.14);
  --sdm-festo-soft: rgba(15,23,42,.05);
  --sdm-festo-soft2: rgba(15,23,42,.08);
  --sdm-festo-shadow: 0 10px 24px rgba(15,23,42,.10);
  --sdm-festo-shadow2: 0 16px 40px rgba(15,23,42,.12);
  --sdm-festo-accent: #0b4ea2; /* нейтрально-синий, под SDM */
}

/* 5) NAV */
#sdm-brand-festo-23 .sdm-brand-nav{
  position: sticky;
  top: 82px;
  z-index: 5;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
@media (max-width:768px){
  #sdm-brand-festo-23 .sdm-brand-nav{ top: 62px; }
}
#sdm-brand-festo-23 .sdm-brand-nav__inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  padding: 10px 0;
}
#sdm-brand-festo-23 .sdm-brand-nav__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--sdm-festo-text);
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 13px;
}
#sdm-brand-festo-23 .sdm-brand-nav__link:hover{
  background: rgba(15,23,42,.03);
  border-color: rgba(15,23,42,.16);
}

/* 6) INTRO */
#sdm-brand-festo-23 .sdm-brand-article__intro{
  padding: 18px 0 16px;
}
#sdm-brand-festo-23 .sdm-brand-article__h2{
  margin: 0 0 10px;
  font-weight: 950;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media (min-width:768px){
  #sdm-brand-festo-23 .sdm-brand-article__h2{ font-size: 26px; }
}
#sdm-brand-festo-23 .sdm-brand-article__lead{
          margin: 0;
  max-width: 960px;
  color: var(--sdm-festo-muted);
  line-height: 1.7;
  font-size: 14.5px;
}
#sdm-brand-festo-23 .sdm-brand-tags{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#sdm-brand-festo-23 .sdm-brand-tag{
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(11,78,162,.07);
  border: 1px solid rgba(11,78,162,.18);
  color: rgba(15,23,42,.86);
  font-weight: 800;
}

/* 7) Блоки */
#sdm-brand-festo-23 .sdm-brand-article__block{
  padding: 16px 0 0;
}
#sdm-brand-festo-23 .sdm-brand-title{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
#sdm-brand-festo-23 .sdm-brand-sub{
  margin: 0 0 12px;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  max-width: 980px;
}

/* 8) GRID карточек */
#sdm-brand-festo-23 .sdm-brand-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px){
  #sdm-brand-festo-23 .sdm-brand-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 1100px){
  #sdm-brand-festo-23 .sdm-brand-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#sdm-brand-festo-23 .sdm-brand-card{
  background:#fff;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: var(--sdm-festo-shadow);
}
#sdm-brand-festo-23 .sdm-brand-card__title{
  margin:0 0 8px;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.3;
  color: var(--sdm-festo-text);
}
#sdm-brand-festo-23 .sdm-brand-card__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.6;
  font-size: 14px;
}
#sdm-brand-festo-23 .sdm-brand-list{
  margin: 10px 0 0;
  padding-left: 16px;
  color: var(--sdm-festo-muted);
  line-height: 1.55;
  font-size: 14px;
}
#sdm-brand-festo-23 .sdm-brand-list li{ margin: 5px 0; }

/* 9) Steps */
#sdm-brand-festo-23 .sdm-brand-steps{
  margin-top: 12px;
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px){
  #sdm-brand-festo-23 .sdm-brand-steps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}
#sdm-brand-festo-23 .sdm-brand-step{
  background: rgba(15,23,42,.02);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 14px 14px 12px;
  display:flex;
  gap: 12px;
}
#sdm-brand-festo-23 .sdm-brand-step__n{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  font-size: 14px;
  color: rgba(15,23,42,.86);
  background: rgba(11,78,162,.08);
  border: 1px solid rgba(11,78,162,.18);
  flex: 0 0 42px;
}
#sdm-brand-festo-23 .sdm-brand-step__t{
  margin:0 0 4px;
  font-weight: 900;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
#sdm-brand-festo-23 .sdm-brand-step__d{
  margin:0;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.55;
}

/* 10) Request list (что прислать) */
#sdm-brand-festo-23 .sdm-brand-req{
  margin-top: 14px;
  background: var(--sdm-festo-soft);
  border: 1px solid var(--sdm-festo-soft2);
  border-radius: 18px;
  padding: 14px 14px 12px;
}
#sdm-brand-festo-23 .sdm-brand-req__title{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  color: var(--sdm-festo-text);
}
#sdm-brand-festo-23 .sdm-brand-req__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 820px){
  #sdm-brand-festo-23 .sdm-brand-req__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#sdm-brand-festo-23 .sdm-brand-req__item{
  background:#fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--sdm-festo-muted);
  font-size: 13.5px;
  line-height: 1.45;
}

/* 11) Accordion (checkbox) */
#sdm-brand-festo-23 .sdm-acc{
  margin-top: 12px;
  border: 1px solid var(--sdm-festo-border);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sdm-festo-shadow);
}
#sdm-brand-festo-23 .sdm-acc__item + .sdm-acc__item{
  border-top: 1px solid rgba(15,23,42,.10);
}
#sdm-brand-festo-23 .sdm-acc__toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#sdm-brand-festo-23 .sdm-acc__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0));
}
#sdm-brand-festo-23 .sdm-acc__q{
  font-weight: 900;
  color: var(--sdm-festo-text);
  line-height: 1.35;
  font-size: 14px;
}
#sdm-brand-festo-23 .sdm-acc__icon{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(15,23,42,.06);
  position: relative;
  border: 1px solid rgba(15,23,42,.10);
}
#sdm-brand-festo-23 .sdm-acc__icon::before,
#sdm-brand-festo-23 .sdm-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 12px;
  height: 2px;
  background: rgba(15,23,42,.55);
  transform: translate(-50%,-50%);
}
#sdm-brand-festo-23 .sdm-acc__icon::after{
  width: 2px;
  height: 12px;
}
#sdm-brand-festo-23 .sdm-acc__body{
  display:none;
  padding: 0 16px 14px;
}
#sdm-brand-festo-23 .sdm-acc__text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 14px;
}
#sdm-brand-festo-23 .sdm-acc__toggle:checked + .sdm-acc__head .sdm-acc__icon::after{
  display:none;
}
#sdm-brand-festo-23 .sdm-acc__toggle:checked + .sdm-acc__head + .sdm-acc__body{
  display:block;
}

/* 12) Foot */
#sdm-brand-festo-23 .sdm-brand-article__foot{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.08);
}
#sdm-brand-festo-23 .sdm-brand-article__foot-title{
  margin: 0 0 6px;
  font-weight: 950;
  font-size: 14px;
  color: var(--sdm-festo-text);
}
#sdm-brand-festo-23 .sdm-brand-article__foot-text{
  margin:0;
  color: var(--sdm-festo-muted);
  line-height: 1.65;
  font-size: 13px;
  max-width: 980px;
}

/* 13) Якоря: чтобы не прятались под фиксированной шапкой */
#sdm-brand-festo-23 [id]{
  scroll-margin-top: 110px;
}
@media (max-width:768px){
  #sdm-brand-festo-23 [id]{ scroll-margin-top: 92px; }
}

/* ===================================================================== */



/* =====================================================================
   SDM HERO — module_id=48 (HOME HTML module) — background image fix
   Symptom: вместо фоновой картинки видна серая "плитка" (фон .home-page .html-module),
            потому что в HTML указан неверный путь (часто '/image1/...') или тема затирает фон.
   Fix: задаём фон через CSS с !important + отключаем повтор.
   ===================================================================== */
#module-48 .sdm-hero,
#module_48 .sdm-hero,
#module48 .sdm-hero{
  background-image:url('/image/catalog/demo/banners/hero_blueprint_1920x400.webp') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
  background-color:transparent !important;
}

/* если тема даёт серую подложку модулю — убираем её именно у #module-48 */
.home-page #module-48.html-module,
.home-page #module-48 .html-module,
.home-page #module-48{
  background:transparent !important;
  padding:0 !important;
}



/* =========================================================
   SDM ZIP — STABLE BUTTON ACCORDION VERSION
   ========================================================= */

.sdm-zip__acc-body{
  /* default: visible for <details> variant */
  display:block;
  padding: 12px 16px 16px;
}

/* ===============================
   ACCORDION VARIANTS SUPPORT
   1) <details class="sdm-zip__acc"><summary>...</summary><div class="sdm-zip__acc-body">...</div></details>
      - works with the styles above.
   2) Checkbox variant:
      <div class="sdm-zip__acc">
        <input class="sdm-zip__acc-i" type="checkbox" id="x">
        <label class="sdm-zip__acc-s" for="x">...</label>
        <div class="sdm-zip__acc-body">...</div>
      </div>
   3) Button + .is-open variant:
      <div class="sdm-zip__acc is-open">
        <button class="sdm-zip__acc-s" type="button">...</button>
        <div class="sdm-zip__acc-body">...</div>
      </div>
   =============================== */

/* --- Checkbox variant (no JS required) --- */
.sdm-zip__acc > input.sdm-zip__acc-i{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.sdm-zip__acc > input.sdm-zip__acc-i + label.sdm-zip__acc-s + .sdm-zip__acc-body{
  display:none;
}

.sdm-zip__acc > input.sdm-zip__acc-i:checked + label.sdm-zip__acc-s + .sdm-zip__acc-body{
  display:block;
}

/* --- Button variant (requires JS to toggle .is-open) --- */
.sdm-zip__acc > button.sdm-zip__acc-s + .sdm-zip__acc-body{
  display:none;
}

.sdm-zip__acc.is-open > button.sdm-zip__acc-s + .sdm-zip__acc-body{
  display:block;
}

/* Common header (label or button) styling */
.sdm-zip__acc-s{
  width:100%;
  text-align:left;
  background:none;
  border:none;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  padding:14px 16px;
  color: var(--zip-accent2, #084b8a);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.sdm-zip__acc-s::after{
  content:"+";
  font-weight:900;
  line-height:1;
  margin-left:auto;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border: 1px solid rgba(11,90,166,.28);
  background: rgba(11,90,166,.06);
  box-shadow: inset 0 0 0 999px rgba(255,255,255,.35);
}

.sdm-zip__acc.is-open > .sdm-zip__acc-s::after{
  content:"–";
}

.sdm-zip__acc > input.sdm-zip__acc-i:checked + .sdm-zip__acc-s::after{
  content:"–";
}

.sdm-zip__acc-s:focus{
  outline:none;
}

.sdm-zip__acc-s:focus-visible{
  box-shadow: 0 0 0 3px rgba(11,90,166,.18);
}

  text-align:left;
  background:none;
  border:none;
  font-weight:700;
  font-size:18px;
  cursor:pointer;
  padding:14px 0;
}

.sdm-zip__acc-s:focus{
  outline:none;
}




/* ==========================================================
   SDM • ZIP-комплекты — правка по задаче
   Требование: убрать "ссылки" в заголовках и убрать выпадающие меню
   Решение: делаем аккордеоны статичными (весь контент всегда виден),
            заголовки выглядят как обычный текст.
   Scope: ONLY inside .sdm-zip
   ========================================================== */

.sdm-zip .sdm-zip__acc-i{
  display:none !important;
}

/* Заголовок "как ссылка" -> обычный текст */
.sdm-zip .sdm-zip__acc-s,
.sdm-zip .sdm-zip__acc > summary{
  color: var(--zip-text) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: default !important;
  pointer-events: none !important; /* отключаем клики (без выпадашек) */
}

/* Убираем стрелки/иконки, если они добавлены псевдоэлементами */
.sdm-zip .sdm-zip__acc-s::before,
.sdm-zip .sdm-zip__acc-s::after,
.sdm-zip .sdm-zip__acc > summary::before,
.sdm-zip .sdm-zip__acc > summary::after{
  display:none !important;
  content:none !important;
}

/* Контент всегда показан */
.sdm-zip .sdm-zip__acc-body{
  display:block !important;
  max-height:none !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
}

/* На всякий случай нейтрализуем состояния */
.sdm-zip .sdm-zip__acc:not(.is-open) .sdm-zip__acc-body{
  display:block !important;
  max-height:none !important;
}


/* ===== SDM: Contact page managers ===== */
#contact-page .sdm-contact-team{margin:24px 0 8px;}
#contact-page .sdm-contact-team .heading{margin-bottom:14px;}
#contact-page .sdm-contact-team__grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:16px;
}
#contact-page .sdm-contact-team__card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
	height:100%;
}
#contact-page .sdm-contact-team__photo{
	position:relative;
	width:100%;
	padding-top:125%; /* 4:5 */
	background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.05));
}
#contact-page .sdm-contact-team__photo img{
	position:absolute; inset:0;
	width:100%; height:100%;
	object-fit:cover;
	display:block;
	filter:saturate(1.02) contrast(1.02);
}
#contact-page .sdm-contact-team__body{
	padding:14px 14px 16px;
	display:flex;
	flex-direction:column;
	gap:6px;
}
#contact-page .sdm-contact-team__name{
	font-weight:700;
	font-size:16px;
	line-height:1.2;
	color:#111;
}
#contact-page .sdm-contact-team__role{
	font-size:13px;
	line-height:1.35;
	color:#333;
	font-weight:600;
}
#contact-page .sdm-contact-team__focus{
	font-size:12px;
	line-height:1.45;
	color:#555;
}
#contact-page .sdm-contact-team__meta{
	margin-top:10px;
	display:flex;
	flex-direction:column;
	gap:6px;
}
#contact-page .sdm-contact-team__link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#034ec2;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
	line-height:1.2;
	word-break:break-word;
}
#contact-page .sdm-contact-team__link:hover{color:#003a9a; text-decoration:underline;}

@media (max-width:1199px){
	#contact-page .sdm-contact-team__grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:767px){
	#contact-page .sdm-contact-team{margin-top:18px;}
	#contact-page .sdm-contact-team__grid{grid-template-columns:1fr; gap:12px;}
	#contact-page .sdm-contact-team__body{padding:12px 12px 14px;}
}
/* ===== /SDM: Contact page managers ===== */

/* ===== SDM: Contact page structure (spacing + cards) ===== */
#contact-page .contacts{margin-top:26px; padding-top:26px; border-top:1px solid rgba(0,0,0,.06);}

#contact-page .contacts .heading{
	margin:0 0 14px;
	font-weight:800;
	letter-spacing:.2px;
}

/* Левая часть: адрес/режим/контакты */
#contact-page .contacts .row-flex{display:flex; gap:16px; flex-wrap:wrap;}
#contact-page .contacts__address,
#contact-page .contacts__contacts{
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	padding:14px 14px 16px;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
}
#contact-page .contacts__address{flex:1 1 320px; min-width:260px;}
#contact-page .contacts__contacts{flex:1 1 320px; min-width:260px;}

#contact-page .contacts__heading{font-weight:800; margin:0 0 8px;}
#contact-page .contact-list__item{margin:0 0 8px;}
#contact-page .contact-list__item:last-child{margin-bottom:0;}

/* Правая часть: карта */
#contact-page .contacts__map{
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	padding:14px 14px 16px;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
}
#contact-page .contacts__map .heading{margin-bottom:12px;}
#contact-page .contacts__map iframe,
#contact-page .contacts__map .map,
#contact-page .contacts__map .uni-map,
#contact-page .contacts__map .contact-map,
#contact-page .contacts__map .uni-contact-map{
	width:100% !important;
	height:360px !important;
	border:0 !important;
	border-radius:12px;
	overflow:hidden;
}

/* Текстовый блок под картой/контактами */
#contact-page #content .row + br{display:none;}

@media (max-width:991px){
	#contact-page .contacts > .row{gap:12px;}
	#contact-page .contacts__map iframe,
	#contact-page .contacts__map .map,
	#contact-page .contacts__map .uni-map,
	#contact-page .contacts__map .contact-map,
	#contact-page .contacts__map .uni-contact-map{height:320px !important;}
}

@media (max-width:767px){
	#contact-page .contacts{margin-top:20px; padding-top:20px;}
	#contact-page .contacts .row-flex{gap:12px;}
	#contact-page .contacts__map iframe,
	#contact-page .contacts__map .map,
	#contact-page .contacts__map .uni-map,
	#contact-page .contacts__map .contact-map,
	#contact-page .contacts__map .uni-contact-map{height:280px !important;}
}
/* ===== /SDM: Contact page structure ===== */


/* ===== SDM Contact: side blocks (steps + requisites) ===== */
#contact-page .contacts__map .sdm-contact-side{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:16px;
}
#contact-page .sdm-contact-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:16px 16px 14px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
#contact-page .sdm-contact-card__title{
  font-weight:800;
  font-size:16px;
  line-height:1.2;
  margin:0 0 12px;
}
#contact-page .sdm-contact-steps{
  margin:0;
  padding:0 0 0 18px;
}
#contact-page .sdm-contact-steps li{
  margin:0 0 8px;
  color:#333;
  font-size:13px;
  line-height:1.35;
}
#contact-page .sdm-contact-steps li span{font-weight:700;}
#contact-page .sdm-contact-kv{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap:8px 10px;
}
#contact-page .sdm-contact-kv__k{
  color:#777;
  font-size:12px;
  line-height:1.25;
}
#contact-page .sdm-contact-kv__v{
  color:#222;
  font-size:13px;
  line-height:1.25;
  font-weight:600;
}
#contact-page .sdm-contact-note{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.08);
  color:#666;
  font-size:12px;
  line-height:1.35;
}
@media (max-width: 991px){
  #contact-page .contacts__map .sdm-contact-side{gap:12px; margin-bottom:12px;}
  #contact-page .sdm-contact-kv{grid-template-columns: 96px 1fr;}
}
/* ===== /SDM Contact: side blocks ===== */



/* SDM Contact: map moved into left column to form a full rectangle with side blocks */
#contact-page .sdm-contact-map-block{
  margin-top:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:14px 14px 12px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

#contact-page .sdm-contact-map-block .heading{
  margin:0 0 10px !important;
}

#contact-page .sdm-contact-map-block iframe,
#contact-page .sdm-contact-map-block .map,
#contact-page .sdm-contact-map-block .contacts-map,
#contact-page .sdm-contact-map-block .contact-map{
  width:100% !important;
  max-width:100% !important;
}

#contact-page .sdm-contact-map-block iframe{
  border:0;
  border-radius:10px;
  overflow:hidden;
  min-height:260px;
}

/* Make the 2-column contact area feel like a single block */
#contact-page .contacts > .row{
  align-items:stretch;
}



/* === SDM CONTACT RECT FIX v4 (force 2-column rectangle) === */
#contact-page .contacts .sdm-contact-rect{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important;align-items:stretch !important;}
#contact-page .contacts .sdm-contact-rect:before,
#contact-page .contacts .sdm-contact-rect:after{content:none !important;}
#contact-page .contacts .sdm-contact-rect > [class*="col-"]{float:none !important;width:auto !important;max-width:none !important;}
#contact-page .contacts .sdm-contact-rect__left,
#contact-page .contacts .sdm-contact-rect__right{min-width:0 !important;}
#contact-page .contacts .sdm-contact-side{display:flex !important;flex-direction:column !important;gap:16px !important;height:100% !important;}
#contact-page .contacts .sdm-contact-card--req{flex:1 1 auto !important;}
#contact-page .contacts .sdm-contact-map-block{margin-top:16px !important;}
#contact-page .contacts .sdm-contact-map-block iframe,
#contact-page .contacts .sdm-contact-map-block .map,
#contact-page .contacts .sdm-contact-map-block #map{width:100% !important;}
@media (max-width: 991px){
  #contact-page .contacts .sdm-contact-rect{grid-template-columns:1fr !important;}
}
/* === /SDM CONTACT RECT FIX v4 === */



/* --- SDM Contacts: two-row grid for equal heights (left == right) --- */
#contact-page .sdm-contact-rect{
  display:grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
  align-items: stretch;
}

/* disable bootstrap column behavior only inside our grid */
#contact-page .sdm-contact-rect > [class*="col-"]{
  float: none !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#contact-page .sdm-contact-cell{ min-width: 0; }
#contact-page .sdm-contact-cell--lt{ grid-column:1; grid-row:1; }
#contact-page .sdm-contact-cell--rt{ grid-column:2; grid-row:1; }
#contact-page .sdm-contact-cell--lb{ grid-column:1; grid-row:2; }
#contact-page .sdm-contact-cell--rb{ grid-column:2; grid-row:2; }

/* make cards fill their grid cell height */
#contact-page .sdm-contact-cell > .sdm-contact-card{
  height: 100%;
}

/* map block should fill remaining card area nicely */
#contact-page .sdm-contact-card--map .sdm-contact-map-block{
  margin-top: 10px;
}
#contact-page .sdm-contact-card--map iframe,
#contact-page .sdm-contact-card--map .ymaps-2-1-79-map,
#contact-page .sdm-contact-card--map [class*="ymaps"]{
  width: 100% !important;
}

/* Mobile: stack */
@media (max-width: 991px){
  #contact-page .sdm-contact-rect{
    grid-template-columns: 1fr;
  }
  #contact-page .sdm-contact-cell--lt,
  #contact-page .sdm-contact-cell--rt,
  #contact-page .sdm-contact-cell--lb,
  #contact-page .sdm-contact-cell--rb{
    grid-column: 1;
  }
  #contact-page .sdm-contact-cell--lt{ grid-row:1; }
  #contact-page .sdm-contact-cell--rt{ grid-row:2; }
  #contact-page .sdm-contact-cell--lb{ grid-row:3; }
  #contact-page .sdm-contact-cell--rb{ grid-row:4; }
}


/* ===== SDM Contact grid v2 fixes ===== */

#contact-page .sdm-contact-rect{ margin-left:0 !important; margin-right:0 !important; }
#contact-page .sdm-contact-mini{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
}
#contact-page .sdm-contact-mini__card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:14px 14px 12px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
#contact-page .sdm-contact-mini__card .contacts__heading{ margin-top:0; }
@media (max-width: 991px){
  #contact-page .sdm-contact-mini{ grid-template-columns:1fr; }
}
/* Map sizing: keep rectangle feel */
#contact-page .sdm-contact-card--map .sdm-contact-map-block{ height:100%; }
#contact-page .sdm-contact-card--map iframe{ min-height:360px; display:block; border:0; }


/* === SDM CONTACT: hard fix for Yandex map inside tile + equal height with right column === */
#contact-page .sdm-contact-card--map{
  display:flex;
  flex-direction:column;
}

#contact-page .sdm-contact-card--map .sdm-contact-map-block{
  flex:1 1 auto;
  overflow:hidden;           /* clip map UI to rounded corners */
  border-radius:12px;
  min-height:360px;          /* keeps rectangle and matches right bottom */
}

/* If an iframe is used (common case) */
#contact-page .sdm-contact-card--map .sdm-contact-map-block iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;    /* fill the tile */
  min-height:360px !important;
  border:0 !important;
}

/* If map is injected as divs (ymaps), force it to obey the container */
#contact-page .sdm-contact-card--map .sdm-contact-map-block [class*="ymaps"],
#contact-page .sdm-contact-card--map .sdm-contact-map-block [class*="yandex"],
#contact-page .sdm-contact-card--map .sdm-contact-map-block [id*="map"]{
  max-width:100% !important;
}

@media (max-width: 991px){
  #contact-page .sdm-contact-card--map .sdm-contact-map-block{
    min-height:260px;
  }
  #contact-page .sdm-contact-card--map .sdm-contact-map-block iframe{
    min-height:260px !important;
  }
}