/* PLITKOIN plitkoin.ru — стили шаблона plitkoin_template из веб-архива (снимок 17.10.2026, /bitrix/cache/css/s2/plitkoin_template/…).
   Перенесены как есть; изменены только пути шрифтов (/assets/fonts/…). Новые блоки витрины — в shop.css. */

/* bootstrap.min.css */
html{box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit;margin:0;padding:0}:root{--c0:#008080;--c1:#333333;--c2:#ffffff;--c3:#868686;--c4:#ECECEC;--animation1:all .15s ease-out;--radius1:5px;--shadow1:0px 2px 16px 0px rgba(34, 60, 80, 0.2);--red:#dc3545;--orange:#fd7e14;--green:#28a745;--teal:#20c997;--cyan:#17a2b8}input,select,textarea{border:1px #ddd solid}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:0;background:linen;border-radius:var(--radius1)}@media (max-width:992px){button,input,select,textarea{-webkit-appearance:none}button[type=checkbox],input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{-webkit-appearance:checkbox}button[type=radio],input[type=radio],select[type=radio],textarea[type=radio]{-webkit-appearance:radio}}input[type=password],input[type=text],select{padding:0 15px;height:35px}textarea{padding:15px}button{padding:0;border:0;background:0 0;cursor:pointer}.btn,a{color:var(--c0);cursor:pointer}a:active{position:relative;bottom:-1px}img{max-width:100%!important;height:auto!important}.btn{display:inline-block;height:35px;background:#fff;padding:0 30px;line-height:35px;text-decoration:none;border-radius:35px;transition:var(--animation1);cursor:pointer!important;border:1px var(--c0) solid}@media (max-width:768px){.btn{padding:0 20px;height:30px;line-height:29px;border-radius:30px}}.btn:hover{background:var(--c1);border:1px var(--c1) solid;color:#fff}.btn2{background:var(--c0);color:var(--c2)}.btn_manager_get{display:flex;align-items:center;width:250px;height:52px;border:2px var(--c0) solid;border-radius:52px;padding:2px;transition:var(--animation1);background:#fff}.btn_manager_get img{width:47px;height:47px;border-radius:100%}.btn_manager_get span{font-weight:700;text-align:left;flex:1;padding-left:15px;color:var(--c0)}.btn_manager_get:hover{border:2px var(--c1) solid}.btn_manager_get:hover span{color:var(--c1)}.dn,.hidden{display:none!important;overflow:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-999999999999px!important}.clb{clear:both;width:100%;display:table;height:0}.pos_stiker{position:sticky;top:90px}.flex_center{justify-content:center;align-items:center}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;display:block}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1250px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}@media (max-width:768px){.row{margin-right:-3px;margin-left:-3px}}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;width:100%;padding-right:10px;padding-left:10px}.col-auto{position:relative;padding-right:10px;padding-left:10px}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}@media (max-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:3px;padding-left:3px}}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1,.col-2,.col-3{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2,.col-3{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5,.col-6{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5,.col-6{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7,.col-8,.col-9{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8,.col-9{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11,.col-12{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11,.col-12{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (max-width:1200px){.dn_1200{display:none!important}}@media (max-width:992px){.dn_992{display:none!important}}@media (max-width:768px){.dn_768{display:none!important}}

/* fonts/montserrat (Montserrat, OFL) — только используемые начертания, woff2 */
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat/Montserrat-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat/Montserrat-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat/Montserrat-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}


/* components/bitrix/menu/top_header/ */
.top_header_menu_ul{list-style:none;margin:0;padding:0;display:flex}@media (max-width:992px){.top_header_menu_ul{position:fixed;height:calc(100vh - 40px);width:215px;left:-215px;top:40px;z-index:1000;background:var(--c1);flex-direction:column;box-shadow:var(--shadow1);transition:var(--animation1);padding-top:20px}.top_header_menu_ul_show{left:0}}.top_header_menu_ul li a{display:block;padding-right:30px;color:#555;text-decoration:none;transition:var(--animation1)}@media (max-width:1200px){.top_header_menu_ul li a{padding-right:25px}}@media (max-width:992px){.top_header_menu_ul li a{padding:10px 17px;border-top:#444 solid;color:#f6f6f6}}.top_header_menu_ul li a:hover,.top_header_menu_ul_selected{color:var(--c0)}@media (max-width:992px){.top_header_menu_ul li a:hover{color:#fff}}.top_header_mobile_menu{display:none}@media (max-width:992px){.top_header_mobile_menu{display:flex;align-items:center;height:30px;padding:0 15px;background:#000;gap:5px;border-radius:30px;margin-right:15px;color:var(--c2)}.top_header_mobile_menu svg{width:15px;height:15px}}.top_header_menu_ul_mobile{display:none}@media (max-width:992px){.top_header_menu_ul_mobile{display:flex;width:100%;flex-direction:column}.top_header_menu_ul_mobile button{display:flex;width:100%;align-items:center;color:#ddd;padding:10px 17px}}.top_header_menu_ul_mobile_link{height:35px;margin:10px 15px 15px;background:var(--c0);border-radius:35px;display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:13px;text-decoration:none;gap:5px;transition:var(--animation1)}.top_header_menu_ul_mobile_link svg{width:15px;height:15px}.top_header_menu_ul_mobile_link span{position:relative;top:-3px;right:-2px}.top_header_menu_ul_mobile_link:hover{background:var(--c0)}.top_header_mobile_menu_over{position:fixed;height:calc(100vh - 40px);display:none;width:100%;left:0;top:40px;z-index:900;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);transition:var(--animation1)}.top_header_mobile_menu_over_show{display:block}
/* 06.10: кнопка салона в мобильном меню — текст не вылезает за кнопку (раньше height:35px и перенос строки) */
.top_header_menu_ul li a.top_header_menu_ul_mobile_link{height:auto;min-height:38px;padding:6px 10px;text-align:center;line-height:1.25;border-top:0;white-space:nowrap}
.top_header_menu_ul_mobile_link span{top:0;right:0}

/* components/bitrix/search.title/header_search/ */
.header_search{width:100%;height:35px;display:flex;overflow:hidden;border-radius:35px;justify-content:space-between;background:var(--c4);padding:0 10px}.header_search input{width:calc(100% - 62px);padding:0 10px;height:35px;outline:0;border:0;background:0 0;font-size:14px}.header_search button{width:35px;display:flex;align-items:center;height:35px;background:0 0;justify-content:center;padding:0;border:0;cursor:pointer}.header_search button svg{width:13px;height:13px}.header_search button:active{position:relative;bottom:-1px}.bx_searche{background:#fff;padding:10px;box-shadow:var(--shadow1);position:relative;z-index:2000;border-radius:var(--radius1);overflow:hidden}.bx_searche .btn{margin:10px 0 10px 15px}.popap_items{display:flex;justify-content:space-between;text-decoration:none;color:#333;align-items:center;border-bottom:dashed 1px var(--c3);font-size:13px;line-height:17px;margin-bottom:3px;padding-bottom:3px}.popap_items_img{width:50px;height:50px;overflow:hidden}.popap_items_img span{background-size:cover;background-position:center;width:50px;height:50px;display:block}.popap_items_name{padding-left:10px;text-align:left;flex:1}.popap_items_name small{color:#888}.popap_items_price{color:#333;font-weight:700;width:80px;overflow:hidden;text-align:right}.popap_items:hover .popap_items_name{color:var(--c1)}

/* components/bitrix/sale.basket.basket.line/top_header_basker/ */
@media (max-width:992px){.bottom_mobile_cart span span{display:none}}.header_cart{position:relative}.header_cart_list{position:absolute;top:auto;right:0;width:600px;background:#fff;z-index:100;padding:15px;box-shadow:var(--shadow1);border-radius:var(--radius1);display:none}.header_cart:hover .header_cart_list{display:block}@media (max-width:992px){.header_cart_list{display:none}}.header_cart_item{display:flex;justify-content:space-between;padding:5px 0;margin:5px 0;border-bottom:1px var(--c4) dotted;position:relative}.header_cart_item a{display:flex;align-items:center;font-size:14px;flex:1}.header_cart_item_pict{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center}.header_cart_item_name{padding:0 10px;flex:1;font-size:13px;font-weight:500;line-height:16px}.header_cart_item_price{position:relative;color:#888;display:block;margin-top:5px}.header_cart_item_price del{font-size:12px;color:red}.header_cart_item_summ{color:var(--c0);width:130px;text-align:right}.header_cart_item button{padding:0;background:0 0;color:red;width:20px;height:20px;position:absolute;top:1px;border-radius:100%;left:1px;border:1px var(--c4) solid;background:#fff;display:flex;align-items:center;justify-content:center;transition:var(--animation1)}.header_cart_item button:hover{color:var(--c0)}.header_cart_list_footer{display:flex;align-items:center;justify-content:space-between;padding:10px 0}

/* components/bitrix/catalog.section.list/site_main_menu/ */
.site_catalog_menu ul li a,.site_main_menu_catalog_btn{display:flex;transition:var(--animation1);align-items:center}.site_main_menu_catalog_btn{width:240px;height:35px;background:var(--c0);justify-content:center;border-radius:35px;gap:5px}@media (max-width:1200px){.site_main_menu_catalog_btn{width:175px}}.site_main_menu_catalog_btn svg{width:18px;height:13px}.site_main_menu_catalog_btn span{color:var(--c2);font-size:13px}.site_main_menu_catalog_btn small{color:#d7d7d7;font-size:13px}@media (max-width:1200px){.site_main_menu_catalog_btn small{display:none}}.site_main_menu_catalog_btn:hover{background:var(--c1)}.site_main_menu_catalog_btn_show{position:relative;z-index:2000}.site_catalog_menu{position:absolute;top:50px;display:none;background:#fff;z-index:2000;left:0;width:100%}.site_catalog_menu_show{display:block}.site_catalog_menu .container{position:relative}.site_catalog_menu ul{list-style:none;margin:0;padding:30px 0 0;width:240px;border-right:1px var(--c4) solid;height:100vh}.site_catalog_menu ul li a{padding:10px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px var(--c4) solid}.site_catalog_menu ul li a span{width:40px;height:40px;border-radius:var(--radius1);background-size:contain;background-position:center;background-repeat:no-repeat;filter:grayscale(100%)}.site_catalog_menu ul li a strong{flex:1;padding-left:15px}.site_catalog_menu ul li a:hover{color:var(--c0);background:var(--c4)}.site_catalog_menu ul li a:hover span,.site_catalog_menu ul li:hover a.lev1 span{filter:grayscale(0%)}.site_catalog_menu ul li ul{position:absolute;top:0;display:none;left:255px;width:calc(100% - 240px);height:100vh;padding:30px 0 50px;margin:0;overflow-y:scroll;border-right:none}.site_catalog_menu ul li ul::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}.site_catalog_menu ul li ul::-webkit-scrollbar-thumb,.site_catalog_menu ul li ul::-webkit-scrollbar-thumb:hover{background-color:#fff}.site_catalog_menu ul li ul li{width:calc(33.333333% - 10px);padding:0 5px}.site_catalog_menu ul li ul li a{align-items:center;padding:13px 15px;font-size:15px;line-height:19px;color:#666}.site_catalog_menu ul li:hover a.lev1{color:var(--c1)}.site_catalog_menu ul li:hover ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.site_catalog_menu ul li:last-child ul{flex-direction:column}.site_catalog_menu_over{position:fixed;height:calc(100vh - 40px);display:none;width:100%;left:0;top:0;z-index:900;background:rgba(0,0,0,.5);transition:var(--animation1)}.site_catalog_menu_over_show{display:block}

/* components/bitrix/menu/site_main_menu/ */
.site_main_menu_ul{list-style:none;margin:0;padding:0;display:flex;flex:1;gap:20px}@media (max-width:1230px){.site_main_menu_ul{gap:14px}}@media (max-width:1200px){.site_main_menu_ul{gap:10px}}.site_main_menu_ul li a{display:block;padding:0;color:var(--c1);text-decoration:none;transition:var(--animation1);font-weight:700}@media (max-width:1200px){.site_main_menu_ul li a{font-weight:500}}.site_main_menu_ul li a:hover{color:var(--c0)}.site_main_menu_ul_selected{color:var(--c0)!important}

/* styles.css */
h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 22px;
    line-height: 30px;
  }
}

p {
  margin: 0;
  padding: 0px 0px 15px 0px;
}
@media (max-width: 768px) {
  p {
    padding: 0px 0px 10px 0px;
  }
}

h2, h3 {
  font-weight: 500;
  margin: 0;
  padding: 20px 0px;
  font-size: 23px;
  line-height: 30px;
}
@media (max-width: 1200px) {
  h2, h3 {
    font-size: 20px;
    line-height: 27px;
  }
}
@media (max-width: 768px) {
  h2, h3 {
    font-size: 17px;
    line-height: 25px;
  }
}
h2 span, h3 span {
  display: block;
  font-weight: 400;
  color: var(--c3);
  font-size: 17px;
}

.main_page_text {
  background: var(--c4);
  padding: 40px 0px;
  margin: 30px 0px;
}
.main_page_text h2 {
  padding: 15px 0px 0px 0px;
}
.main_page_text h2 a {
  color: var(--c0);
}

.static_page p {
  margin: 0;
  padding: 0px 0px 20px 0px;
}
@media (max-width: 768px) {
  .static_page p {
    padding: 0px 0px 15px 0px;
  }
}
.static_page ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px 20px 0px;
}
@media (max-width: 768px) {
  .static_page ul {
    padding: 0px 0px 15px 0px;
  }
}
.static_page ul li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 4px;
}
.static_page ul li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--c0);
  position: absolute;
  top: 8px;
  left: 0;
}
.static_page blockquote {
  padding: 10px 20px;
  border-left: 4px var(--c0) solid;
  color: #555;
  margin: 0px 0px 20px 0px;
}
@media (max-width: 768px) {
  .static_page blockquote {
    margin: 0px 0px 15px 0px;
  }
}



/* template_styles.min.css */
@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100%0,100%0,100%0,100%0)}75%,to{clip-path:polygon(50% 50%,0 0,100%0,100% 100%,100% 100%,100% 100%)}}body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-weight:500;color:var(--c1);font-size:14px;line-height:21px}@media (max-width:1200px){body{font-size:13px}}body.not_scroll{overflow:hidden}.top_header{padding-top:10px}@media (max-width:992px){.top_header{background:var(--c1);padding:5px 0;position:fixed;top:0;left:0;width:100%;z-index:1000}}.top_header .container{display:flex;justify-content:space-between;align-items:center}@media (max-width:992px){.top_header .container{justify-content:flex-start}}.top_header_geo{display:flex;align-items:center;gap:5px;width:160px;overflow:hidden}@media (max-width:992px){.top_header_geo{display:none}}.top_header_geo svg{width:16px;height:19px}.top_header_menu{flex:1;display:flex}@media (max-width:992px){.top_header_menu{justify-content:flex-start;flex:0}}.top_header_link{height:35px;background:var(--c0);border-radius:35px;padding:0 20px;display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:13px;text-decoration:none;gap:5px;transition:var(--animation1)}@media (max-width:1200px){.top_header_link{padding:0 14px}}@media (max-width:992px){.top_header_link{display:none}}.top_header_link svg{width:15px;height:15px}.top_header_link:hover{background:var(--c1)}.top_header_tel{font-weight:700;margin:0 23px;color:var(--c1);text-decoration:none;transition:var(--animation1)}@media (max-width:1205px){.top_header_tel{margin:0 12px}}@media (max-width:1200px){.top_header_tel{margin:0 8px}}@media (max-width:992px){.top_header_tel{color:#fff;margin:0}}.site_footer_tel a:hover,.site_header_user a:hover,.top_header_tel:hover{color:var(--c0)}.top_header_recall{height:35px;border:1px solid var(--c0);border-radius:35px;padding:0 18px;display:flex;justify-content:center;align-items:center;color:var(--c0);text-decoration:none;transition:var(--animation1);background:#fff}.top_header_recall svg{display:none}@media (max-width:1200px){.top_header_recall{font-size:0;padding:0;width:35px}.top_header_recall svg{display:block;width:13px;height:13px}}@media (max-width:992px){.top_header_recall{display:none}}.site_footer_tel button:hover,.top_header_recall:hover{border:1px solid var(--c1);color:var(--c2);background:var(--c1)}.site_header,.site_main_menu .container{display:flex;justify-content:space-between;align-items:center}.site_header{gap:25px;padding:20px 0}@media (max-width:992px){.site_header{margin-top:50px;margin-bottom:10px;padding:0}}@media (max-width:768px){.site_header{flex-wrap:wrap;gap:10px}}.site_header_logo{width:240px;display:flex;align-items:center}@media (max-width:768px){.site_header_logo{width:100%;display:flex;justify-content:center}}.site_header_logo img{width:100%}@media (max-width:768px){.site_header_logo img{width:250px}}.site_header_search{flex:1}@media (max-width:768px){.site_header_search{width:100%;flex:auto}}.site_header_user{width:285px;display:flex;justify-content:flex-end;gap:20px;align-items:center}@media (max-width:1200px){.site_header_user{position:fixed;gap:15px;bottom:0;left:0;width:100%;z-index:1100;background:#fff;justify-content:center;box-shadow:var(--shadow1);padding:8px 15px}}@media (max-width:1200px) and (max-width:500px){.site_header_user{justify-content:space-between}}.site_header_user_catalog{display:none!important}@media (max-width:992px){.site_header_user_catalog{display:flex!important;align-items:center;gap:7px;color:#fff;background:var(--c1);border:1px var(--c1) solid}.site_header_user_catalog svg{width:16px;height:11px}.site_header_user_catalog span{color:#fff;font-size:12px}}.site_header_user a{display:flex;color:var(--1);align-items:center}.site_header_user a svg{width:20px;height:20px}.site_header_user a i{width:4px;height:4px;background:var(--c0);border-radius:100%;margin:0 5px}.site_main_menu{border-top:1px var(--c4) solid;border-bottom:1px var(--c4) solid;padding:7px 0;background:#fff;transition:var(--animation1);position:relative}.site_main_menu_clb{clear:both;height:0}.site_main_menu_clb_show{height:51px}@media (max-width:992px){.site_main_menu_clb_show{height:0}}.site_main_menu_scroll{position:fixed;top:0;left:0;width:100%;z-index:500;box-shadow:var(--shadow1)}.site_main_menu .container{gap:30px}@media (max-width:1200px){.site_main_menu .container{gap:20px}}.site_main_menu_3d{width:280px;cursor:pointer;color:var(--c0);font-weight:700;border-left:2px var(--c0) solid;text-align:center;text-decoration:none;transition:var(--animation1)}@media (max-width:1200px){.site_main_menu_3d{width:auto;padding:0 0 0 10px}.site_main_menu_3d_desctop{display:none}}.site_main_menu_3d_mobile{display:none}@media (max-width:1200px){.site_main_menu_3d_mobile{display:block;font-weight:500}}.site_main_menu_3d:hover{color:var(--c1)}.inside_h1_title h1{font-size:31px;margin:0 0 20px;line-height:39px}@media (max-width:992px){.inside_h1_title h1{font-size:22px;margin-bottom:10px;padding-bottom:10px;line-height:30px}}@media (max-width:768px){.inside_h1_title h1{border-bottom:none}}.site_footer{border-top:1px var(--c4) solid;padding:30px 0;margin-top:20px}.site_footer_copy p{font-size:13px;margin:0;padding:0 0 15px}.site_footer_tel{display:flex;justify-content:flex-end;gap:15px;align-items:center;margin-top:20px}@media (max-width:1200px){.site_footer_tel{gap:8px}}@media (max-width:992px){.site_footer_tel{display:none}}.site_footer_tel a,.site_footer_tel button,.site_header_user a{text-decoration:none;transition:var(--animation1)}.site_footer_tel a{font-weight:700;margin:0 15px;color:var(--c1)}.site_footer_tel button{height:35px;border:1px solid var(--c0);border-radius:35px;padding:0 18px;display:flex;justify-content:center;align-items:center;color:var(--c0)}@media (max-width:1200px){.site_footer_tel button{padding:0 10px}}.site_footer_pub{font-size:13px;margin-top:45px;text-align:right}@media (max-width:992px){.site_footer_pub{margin-top:15px;text-align:left}}.super_footer{background:var(--c1);padding:20px 0}@media (max-width:992px){.super_footer{padding:15px 0 70px}}.super_footer .container{display:flex;justify-content:space-between;align-items:center;gap:70px}@media (max-width:992px){.super_footer .container{display:block}}.super_footer .container p{color:#999;font-size:13px;margin:0;padding:0}@media (max-width:992px){.super_footer .container p{text-align:center;display:block}}.super_footer .container p a{color:#999;text-decoration:none}.super_footer .container p a:hover{text-decoration:underline}.super_footer .container img{width:180px}@media (max-width:992px){.super_footer .container img{display:block;margin:15px auto 0}}.tabs_container_links{display:flex;justify-content:center;gap:20px;margin:0 0 30px}@media (max-width:992px){.tabs_container_links{margin:15px 0 20px;flex-wrap:wrap;gap:10px}}.tabs_container_links_link{font-size:23px;position:relative;color:var(--c3);transition:var(--animation1);cursor:pointer;padding:7px 0}@media (max-width:1200px){.tabs_container_links_link{font-size:20px}}@media (max-width:992px){.tabs_container_links_link{font-size:18px;padding:2px 0}}@media (max-width:768px){.tabs_container_links_link{font-size:16px;padding:2px 0 5px}}.tabs_container_links_link:after{transition:var(--animation1);position:absolute;width:0;height:4px;background:0 0;content:"";display:block;bottom:0;left:0;border-radius:2px}.tabs_container_links_link:hover:after{background:var(--c3);width:10px}.tabs_container_links_link.active{color:var(--c1)}.tabs_container_links_link.active:after{background:var(--c0);width:20px}.tabs_container_content{display:none;transition:var(--animation1)}.tabs_container_content.active{display:block;transition:var(--animation1)}.loading_body{display:none;position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;align-items:center;justify-content:center;left:0;top:0}.loading_body_show{display:flex!important}.loading_body .loader{display:block;width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loading_body .loader::after,.loading_body .loader::before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #fff;animation:prixClipFix 2s linear infinite}.loading_body .loader::after{inset:8px;transform:rotate3d(90,90,0,180deg);border-color:var(--c0)}.pq-hbtn{display:none}@media (max-width:768px){.pq-hbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;padding:3px 10px;border:0;border-radius:12px;background:var(--c0,#2f7d7a);color:#fff;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;max-height:36px}}
@media (max-width:992px){.top_header{height:44px;padding:0;box-sizing:border-box}.top_header .container{height:100%}}

@media (max-width:768px){.site_header_logo img{width:200px}}

/* myplitka.com components/bitrix/breadcrumb/bread/ (тот же движок, plitkoin.ru в архив не попал) */
.bx-breadcrumb{margin:15px 0 5px}@media (max-width:992px){.bx-breadcrumb{margin:10px 0 0;border-top:1px var(--c4) solid;padding:5px 0;font-size:12px}}.bx-breadcrumb i{color:#ddd;line-height:13px;font-size:12px;vertical-align:middle;margin-right:0;font-style:normal}@media (max-width:768px){.bx-breadcrumb i{display:none}}.bx-breadcrumb .bx-breadcrumb-item{float:left;white-space:nowrap;vertical-align:middle;margin-right:3px}.bx-breadcrumb .bx-breadcrumb-item span{white-space:normal;color:#888}@media (max-width:768px){.bx-breadcrumb .bx-breadcrumb-item span{margin:2px;background:#f6f6f6;padding:2px 5px}}.bx-breadcrumb .bx-breadcrumb-item a{text-decoration:none}.bx-breadcrumb .bx-breadcrumb-item a span{border-bottom:none;text-decoration:none;color:#666}.bx-breadcrumb .bx-breadcrumb-item a span:hover{color:var(--c0)}

/* myplitka.com components/bitrix/menu/aside/ (тот же движок, plitkoin.ru в архив не попал) */
.aside_menu{list-style:none;margin:0;padding:0;border:1px #ddd dotted;border-radius:var(--radius1);overflow:hidden;transition:var(--animation1)}.aside_menu:hover{box-shadow:var(--shadow1)}@media (max-width:768px){.aside_menu{display:none}}.aside_menu li a{display:block;padding:10px 15px;border-bottom:1px var(--c4) dotted;text-decoration:none;color:var(--c1);transition:var(--animation1)}.aside_menu li a:hover{color:#fff;background:var(--c0)}.aside_menu li:last-child a{border-bottom:none}.selected{color:#fff!important;background:var(--c0)}

/* myplitka.com collections_list */
.collections_list_item{text-decoration:none;display:block;margin-bottom:20px;height:400px;position:relative;border-radius:var(--radius1);overflow:hidden;color:var(--c1);background-size:cover;background-position:center;background-repeat:no-repeat;transition:var(--animation1);border:1px var(--c4) solid}@media (max-width:768px){.collections_list_item{height:300px;margin-bottom:6px}}.collections_list_item strong{position:absolute;bottom:0;left:0;padding:20px;width:100%;background:rgba(255,255,255,.95)}@media (max-width:768px){.collections_list_item strong{padding:15px}}.collections_list_item strong span{display:block;color:var(--c0);margin-bottom:5px;font-weight:700}.collections_list_item strong u{text-decoration:none;display:block;height:50px;overflow:hidden}@media (max-width:768px){.collections_list_item strong u{font-weight:500;height:auto}}.collections_list_item strong i{position:absolute;right:15px;bottom:15px;border-radius:100%;width:25px;height:25px;background:var(--c0);display:flex;align-items:center;justify-content:center}@media (max-width:768px){.collections_list_item strong i{right:10px;bottom:10px;width:20px;height:20px}}.collections_list_item strong i svg{fill:var(--c2)}.collections_list_item:hover{color:#fff}.collections_list_item:hover strong{background:rgba(0,0,0,.6)}.collections_list_show_all{width:100%;display:flex;justify-content:center}

/* inspire/hero.css */
.hero { position: relative; height: 325px; margin-top: 30px; overflow: hidden; border-radius: var(--radius1, 14px); background: #15191c; color: #fff; }
@media (max-width: 1200px) { .hero { height: 300px; } }
@media (max-width: 992px) { .hero { margin-top: 0; } }
@media (max-width: 768px) { .hero { height: 440px; } }
.hero-s { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s ease; }
.hero-s.is-on { opacity: 1; }
.hero-s picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-s img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.hero-s.is-on img { animation: heroKb 8s ease-out both; }
@keyframes heroKb { from { transform: scale(1.02); } to { transform: scale(1.1); } }
.hero-shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(90deg, rgba(10,14,18,.8) 0%, rgba(10,14,18,.45) 42%, rgba(10,14,18,0) 72%); }
.hero-txt { position: absolute; left: 36px; top: 50%; z-index: 2; max-width: 440px; transform: translateY(-54%); }
.hero-kicker { margin-bottom: 12px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; opacity: .75; }
.hero-h { margin-bottom: 12px; font-size: 38px; font-weight: 700; line-height: 1.05; letter-spacing: -.02em; }
.hero-sub { margin-bottom: 20px; font-size: 15px; line-height: 1.4; opacity: .85; }
.hero-act { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-btn, .hero-btn2 { padding: 12px 22px; border-radius: 999px; font-size: 14px; text-decoration: none; transition: transform .2s, background .2s; }
.hero-btn { background: #fff; color: #111; font-weight: 700; }
.hero-btn:hover { transform: translateY(-1px); color: #111; }
.hero-btn2 { border: 1px solid rgba(255,255,255,.55); color: #fff; font-weight: 600; }
.hero-btn2:hover { background: rgba(255,255,255,.12); color: #fff; }
.hero-cap { position: absolute; right: 18px; bottom: 18px; z-index: 2; max-width: 46%; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 999px; background: rgba(15,18,22,.55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font-size: 12px; text-decoration: none; }
.hero-cap:hover { color: #fff; }
.hero-cap-k { flex: none; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; opacity: .6; }
.hero-cap-n { overflow: hidden; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.hero-cap-go { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: #111; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.hero-prog { position: absolute; left: 36px; bottom: 22px; z-index: 2; display: flex; gap: 6px; }
.hero-prog button { width: 34px; height: 14px; padding: 0; border: 0; background: none; cursor: pointer; display: flex; align-items: center; }
.hero-prog i { position: relative; display: block; width: 100%; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.35); }
.hero-prog i:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; }
.hero-prog button.is-on i:after { animation: heroProg 6.5s linear forwards; }
@keyframes heroProg { to { width: 100%; } }
@media (max-width: 768px) {
  .hero-shade { background: linear-gradient(180deg, rgba(10,14,18,0) 28%, rgba(10,14,18,.88) 100%); }
  .hero-txt { left: 18px; right: 18px; top: auto; bottom: 66px; max-width: none; transform: none; }
  .hero-kicker { margin-bottom: 8px; font-size: 10px; }
  .hero-h { font-size: 30px; }
  .hero-sub { margin-bottom: 14px; font-size: 13px; }
  .hero-btn, .hero-btn2 { padding: 11px 18px; font-size: 13px; }
  .hero-cap { left: 18px; right: auto; bottom: 16px; max-width: calc(100% - 130px); }
  .hero-prog { left: auto; right: 18px; bottom: 28px; }
  .hero-prog button { width: 22px; }
}
@media (prefers-reduced-motion: reduce) { .hero-s.is-on img { animation: none; } .hero-prog button.is-on i:after { animation: none; width: 100%; } }

/* Подпись и переключатель кадров стояли в одном ряду — развели.
   Действие называем словом, а не символом. */
.hero-cap { max-width: 56%; }
.hero-cap-go { width: auto; height: auto; padding: 5px 12px; border-radius: 999px;
  font-size: 11px; white-space: nowrap; }
.hero-kicker { opacity: .9; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
@media (max-width: 768px) {
  .hero-prog { top: 16px; right: 16px; left: auto; bottom: auto; }
  .hero-cap { max-width: calc(100% - 36px); }
}
@media (max-width: 768px) {
  .hero-cap-k { display: none; }
  .hero-cap { font-size: 12.5px; padding-left: 16px; }
}

/* 05.10.2026 планшет (769–1200): текст сверху, подпись «В кадре» — отдельной строкой внизу слева, переключатель кадров — внизу справа */
@media (min-width: 769px) and (max-width: 1200px) {
  .hero-txt { top: 24px; transform: none; max-width: 420px; }
  .hero-kicker { margin-bottom: 8px; }
  .hero-h { margin-bottom: 8px; font-size: 32px; }
  .hero-sub { margin-bottom: 14px; font-size: 14px; }
  .hero-btn, .hero-btn2 { padding: 11px 20px; font-size: 13px; }
  .hero-cap { left: 36px; right: auto; bottom: 16px; max-width: calc(100% - 300px); }
  .hero-prog { left: auto; right: 24px; bottom: 30px; }
  .hero-prog button { width: 24px; }
}

/* components/bitrix/news.line/main_banners/ */
.main_banners{display:flex;flex-direction:column;gap:30px;margin-top:30px}@media (max-width:992px){.main_banners{display:flex;flex-direction:row}}@media (max-width:768px){.main_banners{margin-top:5px;gap:10px}}.main_banners_item{height:147.5px;background-size:cover;background-position:center;border-radius:var(--radius1)}@media (max-width:1200px){.main_banners_item{height:219px}.main_banners_item:nth-child(2){display:none}}@media (max-width:992px){.main_banners_item{height:120px;width:calc(50% - 15px)}.main_banners_item:nth-child(2){display:block}}@media (max-width:768px){.main_banners_item{width:50%;height:120px}}
/* 05.10.2026: баннер акции вёрсткой — как на фасаде магазина (узнаваемость): квадрат 60x60 и высокая 120x60, ленты через угол,
   цены с белой обводкой; цены — из каталога (см. template.php). Фото салона — подпись (s2). */
.main_banners_item { position: relative; overflow: hidden; container-type: size; }
.mbp { background: #ed5b06 !important; color: #ed5b06; text-decoration: none !important; }
.mbp:hover { color: #ed5b06; }
.mbp-in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; --G: 120px; }
@supports (width: 1cqh) { .mbp-in { --G: min(86cqh, 60cqw); } }
.mbp-tiles { display: flex; align-items: center; gap: calc(var(--G) * .1); }
.mbp-t { position: relative; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: calc(var(--G) * .05);
  background: #d9d9d9 center / cover no-repeat; line-height: 1;
  box-shadow: inset -2px -2px 0 rgba(255, 255, 255, .45), calc(var(--G) * .035) calc(var(--G) * .06) calc(var(--G) * .09) rgba(80, 20, 0, .6); }
.mbp-sq { width: calc(var(--G) * .82); height: calc(var(--G) * .82); background-image: none; background-image: image-set(none type('image/webp'), none type('image/jpeg')); }
.mbp-v { width: calc(var(--G) * .5); height: var(--G); background-image: none; background-image: image-set(none type('image/webp'), none type('image/jpeg')); }
.mbp-rib { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.mbp-rib b { position: absolute; width: calc(var(--G) * .9); transform: translate(-50%, -50%) rotate(-30deg); background: linear-gradient(180deg, #fdd864 0%, #f6b63c 100%);
  color: #7b1c08; font-size: calc(var(--G) * .088); font-weight: 800; line-height: 1.35; text-align: center; letter-spacing: .01em; box-shadow: 0 1px 3px rgba(80, 20, 0, .3); }
.mbp-sq .mbp-rib b { left: calc(var(--G) * .19); top: calc(var(--G) * .107); }
.mbp-v .mbp-rib b { left: calc(var(--G) * .16); top: calc(var(--G) * .095); font-size: calc(var(--G) * .08); }
.mbp-n, .mbp-u { position: relative; font-weight: 800; white-space: nowrap; --o: .06em;
  text-shadow: var(--o) 0 #fff, calc(var(--o) * -1) 0 #fff, 0 var(--o) #fff, 0 calc(var(--o) * -1) #fff,
    calc(var(--o) * .72) calc(var(--o) * .72) #fff, calc(var(--o) * -.72) calc(var(--o) * .72) #fff, calc(var(--o) * .72) calc(var(--o) * -.72) #fff, calc(var(--o) * -.72) calc(var(--o) * -.72) #fff,
    var(--o) calc(var(--o) * .45) #fff, calc(var(--o) * -1) calc(var(--o) * .45) #fff, var(--o) calc(var(--o) * -.45) #fff, calc(var(--o) * -1) calc(var(--o) * -.45) #fff,
    calc(var(--o) * .45) var(--o) #fff, calc(var(--o) * -.45) var(--o) #fff, calc(var(--o) * .45) calc(var(--o) * -1) #fff, calc(var(--o) * -.45) calc(var(--o) * -1) #fff,
    .02em .09em .12em rgba(0, 0, 0, .28); }
.mbp-n { letter-spacing: -.01em; }
.mbp-sq .mbp-n { font-size: calc(var(--G) * .3); }
.mbp-v .mbp-n { font-size: calc(var(--G) * .195); }
.mbp-u { --o: .085em; margin-top: .1em; font-size: calc(var(--G) * .1); }
.mbp-v .mbp-u { font-size: calc(var(--G) * .092); }
.mbp-side { display: none; margin-right: calc(var(--G) * .3); color: #fff; line-height: 1.2; }
.mbp-side b { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; opacity: .9; }
.mbp-side span { display: block; font-size: 15px; font-weight: 700; }
.mbp-side i { display: inline-block; margin-top: 8px; padding: 4px 11px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 20px; font-size: 12px; font-style: normal; font-weight: 600; }
@container (min-aspect-ratio: 9/4) and (min-width: 320px) { .mbp-side { display: block; } }
.mbs::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .35) 38%, rgba(0, 0, 0, 0) 62%); pointer-events: none; }
.mbs-cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 0 12px 10px; color: #fff; line-height: 1.2; }
.mbs-k { display: block; margin-bottom: 3px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
.mbs-h { display: flex; align-items: center; gap: 5px; font-size: 17px; font-weight: 700; }
.mbs-h svg { flex: none; width: 15px; height: 15px; fill: #ff8a05; }
.mbs-s { display: block; margin-top: 3px; font-size: 12px; opacity: .9; }
@media (max-width: 768px) {
  .mbs-cap { padding: 0 8px 7px; }
  .mbs-k, .mbs-x { display: none; }
  .mbs-h { font-size: 14px; }
  .mbs-s { font-size: 11px; }
}

/* /local/inspire/primerka_home.css */
/* 13.10.2026: баннер примерки на главной plitkoin.ru (/local/includes/primerka_home.php) */
.plk-tryon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin:16px 0 0;border-radius:12px;overflow:hidden;background:#f3f6f5;color:#1d2a2a}
.plk-tryon-txt{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px 40px}
.plk-tryon-k{font:600 12px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e9560b}
.plk-tryon h2{margin:0;font:700 30px/1.15 Montserrat,Arial,sans-serif;color:#1d2a2a;text-wrap:balance}
.plk-tryon p{margin:0;font:400 16px/1.5 Montserrat,Arial,sans-serif;color:#46514f;max-width:46ch}
.plk-tryon-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
.plk-tryon a.plk-tryon-btn,.plk-tryon a.plk-tryon-btn:active{position:static;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:30px;background:#e9560b;color:#fff;font:600 16px/1 Montserrat,Arial,sans-serif;text-decoration:none}
.plk-tryon a.plk-tryon-btn:hover{background:#d04a06;color:#fff}
.plk-tryon-note{font:500 13px/1.3 Montserrat,Arial,sans-serif;color:#6b7674}
.plk-tryon-img{position:relative;display:block;min-height:300px;overflow:hidden}
.plk-tryon-img picture,.plk-tryon-img img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 70%}
/* 13.10: подвижная линия «до | после» */
.plk-ba{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.plk-ba.is-drag{cursor:ew-resize}
.plk-ba-before{clip-path:inset(0 calc(100% - var(--x, 50%)) 0 0)}
.plk-ba-line{position:absolute;top:0;bottom:0;left:var(--x, 50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.35);z-index:2;pointer-events:none}
.plk-ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#1d2a2a;box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;touch-action:none}
.plk-ba-knob:focus-visible{outline:3px solid #e9560b;outline-offset:2px}
.plk-ba-l,.plk-ba-r{position:absolute;bottom:10px;z-index:2;padding:5px 8px;border-radius:6px;background:rgba(0,0,0,.45);color:#fff;font:600 12px/1 Montserrat,Arial,sans-serif;pointer-events:none}
.plk-ba-l{left:10px}.plk-ba-r{right:10px}
@media(max-width:768px){
  .plk-tryon{grid-template-columns:1fr;margin-top:12px}
  .plk-tryon-img{order:-1;min-height:0;aspect-ratio:3/2}
  .plk-tryon-txt{padding:20px 18px 22px;gap:10px}
  .plk-tryon h2{font-size:22px}
  .plk-tryon p{font-size:14.5px}
  .plk-tryon a.plk-tryon-btn{width:100%;justify-content:center}
}

/* components/bitrix/catalog.section.list/main_page_sections/ */
.main_page_sections h1{width:100%;text-align:center;margin:0;padding:35px 15px}@media (max-width:992px){.main_page_sections h1{padding:20px 10px}}.main_page_sections_item{position:relative;height:300px;margin-bottom:30px;text-decoration:none;color:var(--c1);transition:var(--animation1);display:block;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius1);border:1px var(--c4) solid;overflow:hidden}@media (max-width:992px){.main_page_sections_item{height:250px;border-bottom:1px var(--c0) solid;margin-bottom:15px}}.main_page_sections_item strong{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,.95);padding:20px;font-size:20px;transition:var(--animation1)}@media (max-width:1200px){.main_page_sections_item strong{font-size:17px;padding:20px}}@media (max-width:992px){.main_page_sections_item strong{font-size:14px;padding:15px;height:65px}}.main_page_sections_item strong small{font-size:13px;font-weight:400}@media (max-width:992px){.main_page_sections_item strong small{display:none}}.main_page_sections_item strong span{color:var(--c0);display:flex;align-items:center;margin-top:5px;font-size:14px;gap:6px;font-weight:400}@media (max-width:992px){.main_page_sections_item strong span{display:none}}.main_page_sections_item strong span svg{fill:var(--c0)}.main_page_sections_item strong span:hover{color:#fff}.main_page_sections_item:hover img{opacity:.8}.main_page_sections_item:hover strong{background:rgba(0,0,0,.7);color:#fff}

/* /local/inspire/bento.css */
.bento-wrap { margin-bottom: 30px; }
.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; gap: 14px; }
.bento .bento-it.b-big { grid-column: span 2; grid-row: span 2; }
.bento .bento-it.b-w2 { grid-column: span 2; }
.bento .bento-it.b-w4 { grid-column: span 4; }
.bento-it { position: relative; display: block; overflow: hidden; border-radius: 18px; background: #e9ebef; color: #fff; text-decoration: none; transform: translateZ(0); transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
.bento-it:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.18); color: #fff; }
.bento-ph, .bento-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bento-img { opacity: 0; transition: opacity 1.4s ease; }
.bento-img.is-on { opacity: 1; }
.bento-img picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bento-img img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.bento-img.is-on img { animation: bentoKb 9s ease-out both; }
@keyframes bentoKb { from { transform: scale(1); } to { transform: scale(1.09); } }
.bento-it:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.62)); pointer-events: none; }
.bento-cap { position: absolute; left: 20px; right: 72px; bottom: 18px; z-index: 2; display: flex; flex-direction: column; gap: 4px; }
.bento-name { font-size: 22px; font-weight: 700; line-height: 1.15; text-shadow: 0 1px 12px rgba(0,0,0,.25); }
.bento .b-big .bento-name { font-size: 32px; }
.bento-cnt { font-size: 13px; opacity: .85; }
.bento-go { position: absolute; right: 16px; bottom: 16px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-8px); transition: opacity .3s, transform .3s; }
.bento-go svg { fill: #1d1d1f; }
.bento-it:hover .bento-go { opacity: 1; transform: none; }
@media (hover: none) { .bento-go { opacity: 1; transform: none; } }
@media (max-width: 1100px) { .bento { grid-auto-rows: 170px; gap: 10px; } .bento .b-big .bento-name { font-size: 26px; } }
@media (max-width: 768px) {
  .bento { grid-template-columns: 1fr 1fr; grid-template-rows: 200px; grid-auto-rows: 150px; gap: 8px; }
  .bento .bento-it.b-big, .bento .bento-it.b-w2, .bento .bento-it.b-w4 { grid-column: auto; grid-row: auto; }
  .bento .bento-it.b-m2 { grid-column: span 2; }
  .bento-it { border-radius: 12px; }
  .bento-cap { left: 12px; right: 48px; bottom: 10px; gap: 2px; }
  .bento-name { font-size: 16px; }
  .bento .b-big .bento-name { font-size: 22px; }
  .bento-cnt { font-size: 11px; }
  .bento-go { right: 10px; bottom: 10px; width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .bento-img.is-on img { animation: none; } .bento-it { transition: none; } }
/* 05.10.2026: строка под заголовком главной (салон, живое число образцов) */
.main_page_sections.bento-wrap h1 { padding-bottom: 8px; }
@media (max-width: 992px) { .main_page_sections.bento-wrap h1 { padding-bottom: 6px; } }
.bento-sub { margin: 0 auto 24px; max-width: 760px; color: #6b6f76; font-size: 15px; line-height: 1.45; text-align: center; text-wrap: balance; }
@media (max-width: 768px) { .bento-sub { margin-bottom: 16px; font-size: 13px; } }

/* components/bitrix/catalog.item/card/ */
.card_item{padding:10px;min-height:420px;border:1px var(--c4) dotted;border-radius:var(--radius1);transition:var(--animation1);margin-bottom:20px}@media (max-width:768px){.card_item{margin-bottom:6px;padding:10px;min-height:330px}}.card_item:hover{box-shadow:var(--shadow1)}.card_item_link{text-decoration:none;color:var(--c1)}.card_item_link_picture{width:100%;height:170px;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:flex;align-items:center;border-radius:var(--radius1)}.card_item_link_picture img{width:100%!important;border-radius:var(--radius1)}@media (max-width:768px){.card_item_link_picture{height:150px}}.card_item_link_picture .bazarow_add_favor{position:absolute;top:5px;right:5px;background:#fff;width:22px;height:22px;border-radius:100%;text-align:center}.card_item_link_picture .bazarow_add_favor svg{position:relative;bottom:-3px;width:15px;height:15px;opacity:.6;filter:grayscale(100%)}.card_item_link_picture .bazarow_add_favor.in-favor svg{opacity:1;filter:grayscale(0%)}.card_item_link_discount{position:absolute;background:var(--green);padding:0 10px;height:25px;border-radius:25px;bottom:10px;right:10px;text-align:center;line-height:24px;font-size:12px;color:#fff;border:1px #fff solid}.card_item_link_name{font-size:15px;padding:5px 0;display:block;font-weight:500;height:90px;overflow:hidden;margin-bottom:15px}.card_item_link_name span{display:block;font-size:12px;color:var(--c3);font-weight:400;height:20px;overflow:hidden;margin-top:5px}.card_item_link_name:hover{color:var(--c0)}.card_item_price{display:flex;font-size:17px;flex-direction:column;font-weight:600}.card_item_price del{font-weight:400;text-decoration:line-through;text-decoration-color:red;font-size:13px;color:var(--c3)}@media (max-width:768px){.card_item_price del{font-size:12px}}.card_item_price i{font-size:14px;font-weight:400;color:#666;font-style:normal}@media (max-width:992px){.card_item_price i{font-size:12px}}.card_item_btns{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.show_more_container{width:100%;display:flex;justify-content:center}.card_item_link_picture.is-fit picture{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:block}.card_item_link_picture.is-fit img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain;mix-blend-mode:multiply;border-radius:0}
.card_item_link_picture .bazarow_add_favor{z-index:5;cursor:pointer}.card_item_link_picture .bazarow_add_favor svg{pointer-events:none}.card_item_link_picture .bazarow_add_favor::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}@media (hover:none) and (pointer:coarse){.card_item_link_picture .bazarow_add_favor{top:8px;right:8px;width:30px;height:30px}.card_item_link_picture .bazarow_add_favor svg{width:17px;height:17px;bottom:-4px}.card_item_link_picture .bazarow_add_favor::after{width:48px;height:48px}}
.akc-stock{display:block;margin-top:4px;color:#2f7d7a;font-size:13px;font-weight:600;font-style:normal}.akc-stock.is-low{color:#e9560b}.akc-stock:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:1px}

.akc-stock.is-plan{color:#8a6a1f}

/* вертикальные фото (is-tall): заполнить квадрат серединой — 04.10.2026 */
.card_item_link_picture.is-tall{background:#f2f3f2}.card_item_link_picture.is-tall picture{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:stretch}.card_item_link_picture.is-tall img{display:block;width:auto!important;height:100%!important;max-width:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 0 7px rgba(0,0,0,.3))}

/* 13.10 (Сергей: плитка 60×60 в списке выглядела прямоугольной — окно фото 170 px высотой при ширине 204–268): окно фото квадратное, как на /akciya/ */
.card_item_link_picture{height:auto!important;aspect-ratio:1/1}
/* 13.10: горизонтальная плитка в квадратном окне — на сером фоне с тенью, как вертикальная (is-tall) */
.card_item_link_picture.is-wide{background:#f2f3f2}
.card_item_link_picture.is-wide img{border-radius:0;filter:drop-shadow(0 0 7px rgba(0,0,0,.3))}

/* /local/inspire/facts.css */
.facts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 10px 0 18px; }
.fact { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px; border: 1px solid #e8eaee; border-radius: 18px; background: #fff; color: #1d1d1f; font: inherit; text-align: left; text-decoration: none; transition: transform .3s, box-shadow .3s; }
a.fact:hover, .fact-cta:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.08); color: #1d1d1f; }
.fact-n { color: var(--c0, #2f7d7a); font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -.02em; white-space: nowrap; }
.fact-t { color: #555; font-size: 14px; line-height: 1.35; }
.fact-cta { border-color: transparent; background: var(--c0, #2f7d7a); cursor: pointer; }
.fact-cta .fact-n { color: #fff; }
.fact-cta .fact-t { color: rgba(255,255,255,.88); }
.about-more { margin: 0 0 12px; }
.about-more summary { display: inline-flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--c0, #2f7d7a); font-weight: 600; list-style: none; cursor: pointer; }
.about-more summary::-webkit-details-marker { display: none; }
.about-more summary:after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.about-more[open] summary:after { transform: rotate(-135deg) translateY(-1px); }
.about-more > .row { margin-top: 10px; color: #555; }
@media (max-width: 1100px) { .facts { grid-template-columns: repeat(3, 1fr); } .fact-cta { grid-column: span 2; } }
@media (max-width: 768px) {
  .facts { grid-template-columns: 1fr 1fr; gap: 8px; }
  .fact { padding: 16px 14px; border-radius: 14px; gap: 6px; }
  .fact-n { font-size: 26px; }
  .fact-t { font-size: 12px; }
  .fact-cta { grid-column: span 2; }
}

/* inline: меню «Примерить», бейджи цены, «Новинки производителей» (novb) */
.plk-menu-try{flex:none;display:flex;align-items:center;gap:6px;padding:0 14px;color:var(--c0);font-weight:bold;text-decoration:none;border-left:2px var(--c0) solid;white-space:nowrap}
        .plk-menu-try:hover{color:var(--c1)}.plk-menu-try .m{display:none}@media(max-width:1200px){.plk-menu-try{padding:0 0 0 10px;font-weight:500}.plk-menu-try .d{display:none}.plk-menu-try .m{display:inline}}
.plk-pbadge{position:absolute;left:8px;top:8px;z-index:3;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;line-height:1.3;color:#fff;background:#d4380d;letter-spacing:.02em;pointer-events:none}.plk-pbadge.is-promo{background:#e9560b}.plk-promo-tag{display:inline-block;margin:0 0 6px;padding:2px 8px;border-radius:4px;font-size:13px;font-weight:700;color:#fff;background:#d4380d}.plk-promo-tag.is-promo{background:#e9560b}.plk-rrc-old{display:block;color:#8b8b8b;font-size:13px;font-weight:400;text-decoration:line-through}
.novb{background:var(--c4,#f4f6f6);padding:40px 0 34px}
.novb h3{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 0 5px;margin:0}
.novb h3 a{font-weight:400;font-size:14px}
.novb-sub{text-align:center;color:#6b7575;font-size:14px;margin:4px 0 20px}
.novb-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.novb-c{display:block;background:#fff;border-radius:12px;overflow:hidden;color:#222;text-decoration:none!important}
.novb-c:hover{color:#222;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.novb-c:nth-child(n+5){display:none}
.novb-ph{position:relative;display:block;aspect-ratio:5/4;background:#eef1f1;overflow:hidden}
.novb-ph img{width:100%;height:100%!important;object-fit:cover;display:block;transition:transform .3s}
.novb-c:hover .novb-ph img{transform:scale(1.04)}
.novb-tag{position:absolute;left:8px;bottom:8px;display:flex;gap:5px;flex-wrap:wrap}
.novb-tag i{font-style:normal;font-size:12px;line-height:1;padding:5px 8px;border-radius:12px;background:#ff8a05;color:#fff;font-weight:600}
.novb-tag i.s{background:#0e7c7b}
.novb-try{position:absolute;right:8px;top:8px;z-index:2;display:flex;align-items:center;gap:5px;background:#ff8a05;color:#fff;font-size:12px;font-weight:700;line-height:1.2;padding:5px 10px 5px 8px;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.18);cursor:pointer}
.novb-try:before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.novb-tx{display:block;padding:10px 12px 12px}
.novb-n{display:block;font-size:15px;font-weight:600;line-height:1.3}
.novb-m{display:block;font-size:13px;color:#6b7575;line-height:1.4;margin-top:2px}
.novb-p{display:block;font-size:15px;font-weight:600;color:#0e7c7b;margin-top:4px}
@media(max-width:767px){
.novb{padding:28px 0 24px}
.novb-g{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 15px;margin:0 -15px;padding:0 15px 6px;scrollbar-width:none}
.novb-g::-webkit-scrollbar{display:none}
.novb-c,.novb-c:nth-child(n+5){display:block;flex:0 0 72%;scroll-snap-align:start}
.novb-n{font-size:14px}.novb-p{font-size:14px}
}
