@font-face{font-family:ALSRubl;src:url(styles/rouble.ttf);}
.ruble{font-family:ALSRubl, Arial, sans-serif;line-height:normal;}
html,body,div,span,object,iframe,h1,h2,div.h2,h3,div.h3,h4,div.h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,hr small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
html{overflow-y:scroll;}
ol,ul{list-style:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
abbr[title],dfn[title]{border-bottom:1px dotted;}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0;}
input,select{vertical-align:middle;font-size:11px;border:1px solid #33cccc;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img{border:0;}
body,select,textarea{font-size:14px;font-family:arial,verdana,sans-serif; }
p{font-size:13px;font-family:arial,verdana,sans-serif;color:#383838;font-weight:400; line-height: 1.3;}
a{text-decoration:none;color:#477bbf;outline:none;}
a:hover{text-decoration:none;color:#e36413;}
#btn{background-color:#477bbf;height:35px;width:198px;border:1px solid #fff;box-shadow:0 1px 2px #8c8c8c;color:#fff;font-size:14px;}
body{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:13px;background-color:#444;background-repeat:no-repeat;background-position:top center;margin:0 auto;padding:0;}
body.fancybox-active {
max-height: 100vh;
}
#sliderGeneral {background-color:#e0dcce; height:320px; border:0px solid #000; padding:0 25px; }
/*
#navMenuGen{height:41px;width:100%;margin:0;padding:0;}

#navMenuWrapperON a:link,#navMenuWrapperON a:hover,#navMenuWrapperON a:visited,#navMenuWrapperOFF a:link,#navMenuWrapperOFF a:hover,#navMenuWrapperOFF a:visited{color:#FFF;text-decoration:underline;}
#navMenuWrapperON{background-color:#477bbf;min-width:90px;width:auto;height:37px;float:left;line-height:34px;color:#FFF;position:relative;padding:0 0 0 17px;}
#navMenuWrapperOFF{border:0;background-color:#9d9d9d;width:auto;position:relative;min-width:90px;height:37px;float:left;line-height:34px;padding:0 15px;}
#navMenuNarrowOFF{background-image:url(img/navMenu/nav-arrow-bg1.png);background-position:right center;background-repeat:no-repeat;height:37px;width:12px;position:absolute;right:-12px;top:0;z-index:1;}
#navMenuNarrowON{background-image:url(img/navMenu/nav-arrow-bg.png);background-position:right center;background-repeat:no-repeat;height:37px;width:12px;position:absolute;right:-12px;top:0;z-index:1;}
 */

 /* =========================
   NAV (breadcrumbs) — TABLET / MID
   styles.css
   501px–1299px
   ========================= */

#navMenuGen{
  margin: 10px 0 12px !important;
  padding: 10px 12px !important;

  background: #f7f9ff !important;
  border: 1px solid #dbe6fb !important;
  border-radius: 12px !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;

  text-align: left !important;
}

/* каждый пункт */
#navMenuGen > div{
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* выключаем старые стрелки */
#navMenuNarrowOFF,
#navMenuNarrowON{
  display: none !important;
}

/* разделитель */
#navMenuGen > div + div::before{
  content: "•";
  color: #9aa9c6;
  font-size: 14px;
  line-height: 1;
  margin: 0 10px;
  display: inline-block;
}

/* ссылки */
#navMenuWrapperOFF a{
  display: inline-flex !important;
  align-items: center !important;

  padding: 7px 10px !important;
  border-radius: 10px !important;

  background: transparent !important;
  border: 1px solid transparent !important;

  color: #1f3f75 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;

  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

#navMenuWrapperOFF a:hover{
  background: #eaf2ff !important;
  border-color: #cfe0ff !important;
  color: #0f2f63 !important;
  text-decoration: none !important;
}

/* активный пункт */
#navMenuWrapperON{
  display: inline-flex !important;
  align-items: center !important;

  padding: 7px 10px !important;
  border-radius: 10px !important;

  background: #eaf2ff !important;
  border: 1px solid #cfe0ff !important;

  color: #0f1f33 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;

  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#navMenuWrapperON::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #477bbf;
  margin-right: 8px;
  flex: 0 0 auto;
}

#pageWrapper{width:1245px;height:auto;margin:0 auto;}
#pageWrapperLeftBlock{width:150px;height:auto;float:left;margin-top:470px;}
#pageWrapperRightBlock{width:150px;height:100%;float:right;margin-top:470px;}

#page{width:945px;height:auto;background-color:#fff;box-shadow:0 10px 10px #050708;margin:0 auto;padding:0;}
#underheader{width:100%;height:auto;background:url(img/header-bg.png) no-repeat;position:relative;}

#wrapperUnderheaderBlock {background:url(img/underheader/logo.png) left no-repeat; width:293px; height:129px; position:relative; float:left; z-index:10}
#wrapperUnderheaderBlock1 {color:#007ce5; position:absolute; bottom:86px; left:61px; z-index:3; width: 230px;}
#underheaderWrapper {height:125px;padding: 0px 25px; background-image:url(img/underheader/bg_header_bottom.png);background-repeat:repeat-x; background-position:bottom;}

#atvHeaderLeft {background-image:url(img/header-atv-left.png); background-repeat:no-repeat; background-position:center; height:83px; width:110px; z-index:1; position:absolute; right:528px; top: 42px;}
/*#atvTravaHeaderLeft {background-image:url(img/header-atv-left-sneg.png); background-repeat:no-repeat; background-position:center; height:20px; width:183px; z-index:1; position:absolute; right:493px; top: 105px;}*/
#atvTravaHeaderLeft {background-image:url(img/header-atv-left-trava.png); background-repeat:no-repeat; background-position:center; height:20px; width:183px; z-index:1; position:absolute; right:493px; top: 105px;}
#atvHeaderRight {background-image:url(img/header-atv-right.png); background-repeat:no-repeat; background-position:center; height:87px; width:119px; z-index:4; position:absolute; right:160px; top: 40px;}
#atvHeaderRight2 {background-image:url(img/header-atv-right3.png); background-repeat:no-repeat; background-position:center; height:114px; width:176px; z-index:4; position:absolute; right:160px; top: 20px;}
#atvHeaderRightSnow {background-image:url(img/header-atv-right-snow.png); background-repeat:no-repeat; background-position:center; height:114px; width:176px; z-index:4; position:absolute; right:160px; top: 20px;}

/*#atvTravaHeaderRight {background-image:url(img/header-atv-right-trava.png); background-repeat:no-repeat; background-position:center; height:20px; width:183px; z-index:11; position:absolute; right:140px; top: 104px;}*/
/*#atvTravaHeaderRight {background-image:url(img/header-atv-left-sneg.png); background-repeat:no-repeat; background-position:center; height:20px; width:183px; z-index:11; position:absolute; right:140px; top: 85px;}*/
#ReklamaSliderGeneralBlock {background-color:#e0dcce; height:320px; border:0px solid #000; padding:0 25px;}
#rightSliderReklamaBlock {

margin-left:730px; padding-top:8px;
margin-top:0px; margin-bottom:20px;
width:168px; height:250px;
border:0px solid #00C;
cursor:pointer;
position:relative;
}
#headerBlockSml{background-color:#e0dcce;height:46px;border:0 solid #000;box-shadow:0 0 2px #747474;padding:3px 25px 7px;}
#wrappersheaderIcons{margin-left:5px;float:left;width:70px;border:2px solid #000;cursor:pointer;}
#headerIconsCalculator{width:70px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:0 75px;z-index:10;}
#headerIconsCalculator:hover,#headerIconsCalculatorActive{width:70px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:0 0;cursor:pointer;z-index:10;}
#headerIconsCashe{margin-left:5px;width:70px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:120px 75px;}
#headerIconsCashe:hover,#headerIconsCasheActive{margin-left:5px;width:70px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:120px 0;}
#headerIconsQuestion{margin-left:5px;width:65px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:64px 75px;}
#headerIconsQuestion:hover,#headerIconsQuestionActive{margin-left:5px;width:65px;height:75px;background-image:url(img/underheader/iconstxt.png);background-position:64px 0;}
#sliderIconsRightBlock1{margin-top:2px;width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:0 0;border:0 solid #000;}
#sliderIconsRightBlock1:hover{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:169px 0;}
#sliderIconsRightBlock2{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:0 -63px;border:0 solid #000;}
#sliderIconsRightBlock2:hover{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:169px -63px;}
#sliderIconsRightBlock3{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:0 -124px;border:0 solid #000;}
#sliderIconsRightBlock3:hover{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:169px -124px;}
#sliderIconsRightBlock4{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:0 -186px;border:0 solid #000;}
#sliderIconsRightBlock4:hover{width:168px;height:61px;background-image:url(img/underheader/sliderRightBlock.png);background-position:169px -186px;}

#underHeaderWrapperIcons{margin-left:380px; padding-top:30px; font-size:11px;}

#underheaderRight{position:absolute;right:25px;top:3px; }
#underheaderRight a:link,#underheaderRight a:hover, #underheaderRight a:visited {color:#477bbf;}
.underheaderRight1{color:#477bbf;font-size:16px;text-decoration:none;}
.underheaderRight1-1-2{font-size:18px; font-weight:bold; color:#477bbf;}



.underheaderRightTxt{float:right;font-size:13px;color:#383838;margin:0;}
.underheaderRight2{margin-top:0;float:right;font-size:11px;color:#000;font-weight:400;}
#header{width:898px;height:195px;background-image:url(img/header_anim.gif);background-repeat:no-repeat;position:relative;margin:0 auto;padding:0;}
#header_new{width:898px;height:214px;position:relative;}
#header_reklama{position:absolute;top:33px;right:8px;width:256px;height:163px;border:0;}
h1{color:#e36413;font-size:1em;margin-top:-4px;font-weight:700;}
h2,div.h2{color:#477bbf;font-weight:700;font-size:14px;margin-top:-4px;}
h3,div.h3{color:#e36413;font-weight:700;font-size:13px;margin-bottom:5px;}
h4,div.h4{color:#e36413;font-weight:700;font-size:12px;margin-bottom:5px;}
#navigation{height:50px;margin:10px 0 1px;padding:0;}
#nav_menu{width:898px;margin-top:10px;}
#nav_menu a:link{color:#000;text-decoration:none;font-weight:900;}
#nav_menu a:visited{color:#000;margin-right:10px;font-weight:900;}
#nav_menu a:hover{color:red;}
.nav_menu{background-color:#FFF;width:96px;height:35px;float:left;border-right:solid 2px #167fe9;text-decoration:underline;}
#nav_menu_active{width:96px;height:30px;float:left;border-right:solid 2px #167fe9;font-weight:bolder;}
#nav_menu_active a:link,#nav_menu_active a:visited{color:#0470dc;}
#navigationMenu{background-repeat:repeat-x;height:35px;position:relative;width:905px;display:block;font-size:12px;margin:10px 0 15px;padding:0 20px;}

#naviAttnetion{
width: auto; height:50px; margin: 15px 23px 20px 22px;background-color: #e0dccf; color: #444444; padding:10px 20px 20px; border: 1px solid #fb631f; border-radius: 2px; font-family: Arial, sans-serif; font-size: 14px; }

.naviAttnetionSmall {
display:none;    }

/*@media screen and (max-width:520px) {
    #navigationMenu
    {
        display:none;
    }
}*/
.menuDivFirst{color:#FFF;font-weight:700;font-size:12px;float:left;height:24px;text-decoration:none;margin:0;padding:8px 10px 0;}
.menuDiv{display:block;position:relative;cursor:pointer;color:#FFF;font-weight:700;font-size:11px;float:left;height:35px;text-decoration:none;background-image:url(img/navMenu/bg.png);background-repeat:repeat-x;width:109px;margin:1px 2px;padding:7px 0 0;}
.menuDiv:hover{background-image:url(img/navMenu/bg-a.png);background-repeat:repeat-x;height:35px;}
#menuDivActive{background-image:url(img/navMenu/bg-a.png);background-repeat:repeat-x;height:35px;cursor:default;padding:8px 0;}
#content{
    height: auto;
    width: 670px;
    margin-left: 250px;
    margin-bottom: 20px;
    padding-right: 20px;
    display: flow-root;
}
#catDescr {}
#kofrSelector {}
#SelectMarkaTovarKofrLogotype {}
#switcher {}

#content #form input select{vertical-align:middle;display:block;width:280px;height:22px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-position:center right 3px;background-repeat:no-repeat;border:1px solid #9c9c9c;padding:3px 5px;}
#content td{height:35px;}
#atvCat{margin-bottom:10px; }
#atvCatCont{display:inline-block;height:120px;}
#atvCatLeft{float:left;color:red;height:45px;margin:10px;}
/*#atvCatLeft:hover,#atvCatRight:hover,#atvCatRight2:hover{float:left;border-bottom:3px solid red;} */

#atvCatRight{float:left;color:red;margin-left:20px;margin-top:7px;height:28px;}
#atvCatRight2{float:left;color:red;margin-left:20px;height:35px;}
#content-left{position:relative; height:auto;width:663px;padding:0;display:inline-table; }

#shin_param_result {
    display: flex; /* Активирует flexbox для этого контейнера */
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: center; /* Центрирует элементы по горизонтали */
    align-items: start; /* Выравнивает элементы по верхнему краю */
    width: 100%; /* Занимает всю доступную ширину */
    margin: 0 auto; /* Центрирует контейнер в рамках родительского элемента */
}




#content-left-general{height:auto;width:670px;display:inline-table;padding:0;}
#content-left-general {height:220px;}

   #content-left-general-right {
    width:310px; float:right;padding:10px;
}
 /* стили комплекта шин https://kvadrodel.ru/wheels_complect_view.php?id=38 */
#wheelComplectRightBlock {
    width: 310px;
    margin-left: 10px;
    padding: 10px;
    font-size: 13px;
    float: right;
    border: 0px solid #000;
    box-sizing: border-box;
}

#wheelComplectRightBlockWrapper {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    min-height: 180px;
    box-sizing: border-box;
}

#wheelComplectRightBlockWrapper .blockShiniComlectSml {
    border: 0;
    width: calc((100% - 24px - 16px) / 2);
    min-height: 180px;
    text-align: center;
    box-sizing: border-box;
}

#wheelComplectRightBlockWrapper .wheelComplectCard {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 180px;
    padding: 10px 8px;
    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 10px;
    box-sizing: border-box;
}

#wheelComplectRightBlockWrapper .wheelComplectCardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 8px;
}

#wheelComplectRightBlockWrapper .wheelComplectCardType {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    background: #477bbf;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

#wheelComplectRightBlockWrapper .wheelComplectCardCount {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;
    color: #1f3f75;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

#wheelComplectRightBlockWrapper .wheelComplectCardLink,
#wheelComplectRightBlockWrapper .wheelComplectCardLink:link,
#wheelComplectRightBlockWrapper .wheelComplectCardLink:visited {
    display: block;
    color: #163b70;
    text-decoration: none;
}

#wheelComplectRightBlockWrapper .wheelComplectCardLink:hover {
    color: #e36413;
    text-decoration: none;
}

#wheelComplectRightBlockWrapper .images-container {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-bottom: 8px;
}

#wheelComplectRightBlockWrapper .wheel-image-shell {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e6eefc;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

#wheelComplectRightBlockWrapper .wheel-image {
    max-width: 52px;
    max-height: 52px;
    display: block;
}

#wheelComplectRightBlockWrapper .blockShiniComlectSmlTitle {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#wheelComplectRightBlockWrapper .wheelComplectCardTitle {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #163b70;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;
    text-align: center;
}

#wheelComplectRightBlockWrapper .availabilityWheelComplect {
    width: auto;
    text-align: center;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #e6eefc;
}

#wheelComplectRightBlockWrapper .availabilityWheelComplectLabel {
    color: #6a778b;
    font-size: 11px;
    font-weight: 600;
}

#wheelComplectRightBlockWrapper .availabilityWheelComplectValue {
    color: #179b45;
    font-size: 11px;
    font-weight: 700;
}

#wheelComplectRightBlockWrapper .plus-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-height: 180px;
    flex: 0 0 24px;
}

#wheelComplectRightBlockWrapper .plus-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

#wheelComplectRightBlockWrapper .plus-image-text {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #edf4ff;
    border: 1px solid #dbe6fb;
    color: #477bbf;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
/* стили комплекта шин https://kvadrodel.ru/wheels_complect_view.php?id=38 */
/* =========================================================
   Главная страница: современные карточки категорий товаров
   HTML-классы: #generalPageCatWrapper, .product, .product-bg, .product-space
   styles.css — 501px–1299px
   ========================================================= */

#generalPageCatWrapper{
    height:auto;
    min-height:0;
    display:flow-root;
    margin-bottom:16px;
}

.product-block{
    height:auto;
}

.product,
.product *{
    box-sizing:border-box;
}

.product{
    position:relative;
    float:left;

    width:160px;
    height:174px;

    margin:7px 6px 12px 0;
    padding:0;

    background:#fff;
    border:1px solid #e5eaf2;
    border-radius:6px;
    overflow:hidden;

    text-align:center;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(15,31,51,0.04);

    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.product > a:first-child{
    display:flex;
    align-items:center;
    justify-content:center;
    height:122px;
    padding:12px 10px;
    background:#fff;
}

.product img{
    display:block;
    max-width:100%;
    max-height:94px;
    width:auto !important;
    height:auto !important;
    object-fit:contain;
    margin:0 auto;
    transition:transform .18s ease;
}

.product-bg{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:52px;
    margin:0;
    padding:6px 8px 8px;

    background:#f6f7f9;
    border-top:1px solid #edf0f5;

    text-align:center;
    line-height:1.2;
    transition:background .18s ease, border-color .18s ease;
}

.product .h3{
    width:100%;
    margin:0;
    padding:0;
    color:#172331;
    font-size:12.5px;
    line-height:1.2;
    font-weight:800;
}

.product .h3 a,
.product .h3 a:link,
.product .h3 a:visited{
    display:block;
    color:#172331 !important;
    text-decoration:none !important;
}

.product::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:#e36413;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .18s ease;
}

.product:hover,
.product:focus-within{
    border-color:#e36413;
    box-shadow:0 10px 22px rgba(15,31,51,0.12);
    transform:translateY(-3px);
}

.product:hover img,
.product:focus-within img{
    transform:scale(1.04);
}

.product:hover .product-bg,
.product:focus-within .product-bg{
    background:#fff7f0;
    border-top-color:#f2c6a6;
    color:#172331;
}

.product:hover .h3 a,
.product:focus-within .h3 a{
    color:#e36413 !important;
}

.product:hover::after,
.product:focus-within::after{
    transform:scaleX(1);
}

.product-space{
    float:left;
    width:10px;
    height:10px;
}





/* Стили для выбора марки на странице addlight.php  */
/* Стили для лаптопов */
.brand-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}

.brand-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 5 - 15px); /* Разбиваем на 4 колонки */
    margin: 10px 0;
    background-color: #f9f9f9;
    padding: 10px;
    box-sizing: border-box;
    min-height: 100px; /* Минимальная высота для выравнивания блоков */
}

.brand-block-bg {
    height: 42px;
    background-color: #efefef;
    text-align: center;
}

.brand-image {
    width: 100%;
    height: auto;
    max-width: 130px;
    max-height: 100px; /* Ограничение по высоте изображения */
    margin: 0 auto;
}

.brand-title {
    color: #0470dc;
    font-size: 14px;
    padding: 5px;
}

/* Стили для выбора марки на странице addlight.php  */


#LeftBlock{width:220px;height:auto;float:left;margin-left:22px;}
#searchBlock{background-color:#efefef;height:130px;width:220px;margin-bottom:10px;}
.searchBlockH3 {background-image:url(img/menu/backgrounds-leftMenuf.png); width:220px; height:37px;
}
#search{width:170px;height:20px;margin-top:10px;padding:5px;}
#submit{margin-top:5px;}
#right_price{list-style:none;padding-bottom:20px;}
#right_price li a:hover{background-image:url(img/kvdr_gl.gif);background-position:left;background-repeat:no-repeat;color:#e36413;padding-left:15px;}
#leftMenu{width:220px;height:auto;font-size:12px;margin-bottom:20px;}
.leftMenuBlock{height:60px;position:relative;}
.leftMenuBlock img {float:left; margin:15px 0 0 7px; width:50px; border:1px solid #dddddd;}

.leftMenuBlock:hover{border-left:3px solid #e36413;margin-left:-3px;}

.menuBlock{border:0;color:#0470dc;height:50px;margin-left:75px;margin-right:10px; font-size:13px;}
.menuBlock a:link,.menuBlock a:visited{height:40px;display:block;padding-top:20px;}
#leftMenuBlockActive{border-left:3px solid #e36413;margin-left:-2px;}
#banner_right1{width:210px;height:270px;font-size:12px;border:1px dotted #167fe9;margin-bottom:20px;padding:2px;}

.leftMenuBlockCat {
 background-color:#fff; height:80px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0;   display: table;
  width: 100%;

}





.leftMenuBlockCatBigBlockInner {
height:70px; display: table-cell;
vertical-align: middle;
text-align: center;
margin: 0px;
padding: 0px;
}

.leftMenuBlockCatBigBlock {
display: table-cell;    min-width: 65px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color:#fff;

}


.leftMenuBlockCatBigBlock:hover{ }

.leftMenuBlockCatBigBlockActive{background-image:url(img/menu/atv-sml-catalog-active-blue.png); width:65px; height:65px;}

.imgCatBigBlock  { background-image:url(img/menu/sml-catalog-menu.png); width:65px; height:46px; background-position: top 0px left -5px}
.imgCatBigBlock:hover  { background-image:url(img/menu/sml-catalog-menu.png); width:65px; height:46px; background-position: top 138px left -6px}
.imgCatBigBlock2 { background-image:url(img/menu/sml-catalog-menu.png); width:65px; height:46px;  background-position: top 0px  left 145px;}
.imgCatBigBlock2:hover { background-image:url(img/menu/sml-catalog-menu.png); width:65px; height:46px;  background-position: top 135px left 145px;}
.imgCatBigBlock3 { background-image:url(img/menu/sml-catalog-menu.png); width:65px; height:46px;  background-position: top 4px right 5px; }
.imgCatBigBlock3:hover { background-image:url(img/menu/sml-catalog-menu.png);  width:65px; height:46px;  background-position: top 139px right 5px; }



#bannerContacts{background-color:#efefef;height:215px;width:220px;margin-top:10px;}

#blockSelectModel {margin-top:10px;  height:100%; position:relative; display:block;}
#blockSelectModelWrapperHead {  background-image:url(img/menu/backgrounds-leftMenuf.png); width:auto; height:37px;
      }
#blockArticles{background-color:#efefef;height:315px;width:220px;margin-top:10px;}

#banner-block{color:#0470dc;display:table-cell;height:60px;vertical-align:middle;margin-left:75px;width:140px;}
#banner_right2{width:210px;height:350px;font-size:12px;border:1px dotted #167fe9;margin-bottom:20px;padding:5px;}
#spec_offers{width:210px;height:330px;font-size:12px;border:1px dotted #167fe9;margin-bottom:20px;padding:5px;}
.so_header{background-color:#0073e8;}
.so_container{position:relative;height:100px;}
.so_descr{position:absolute;right:3px;width:130px;height:50px;background:#ffe61b;font-size:12px;font-weight:700;padding-left:4px;}
.so_price{position:absolute;right:3px;bottom:29px;width:80px;height:20px;background:red;color:#fff;font-weight:700;}
#banner_right3{width:210px;height:310px;font-size:12px;margin-bottom:20px;padding:5px 10px 5px 5px;}
#partners{width:205px;height:160px;font-size:12px;border:1px dotted #167fe9;margin-bottom:20px;padding:5px;}
#video{width:205px;height:auto;font-size:12px;border:1px dotted #167fe9;margin-top:20px;padding:20px 5px;}
#articles{height:200px;width:215px;font-size:12px;border:1px dotted #167fe9;margin-top:20px;margin-bottom:20px;padding:5px;}
#article{height:80px;margin-top:5px;}
#article img{float:left;margin-right:10px;margin-left:5px;width:70px;}
.article-p{color:#000;font-size:12px;font-weight:700;}
#filterDnishe{border:1px dotted #7cb7f3;width:345px;margin-left:130px;font-size:12px;margin-bottom:5px;padding-bottom:3px;}
#page-banner{margin-top:15px;border:1px dotted #167fe9;height:140px;width:640px;padding:10px;}
#center-block{border:1px dotted #167fe9;height:auto;width:640px;margin-top:20px;margin-bottom:50px;padding:10px;}
#center-block a:link,#article-block a:visited,#article-block a:hover{text-decoration:none;color:#477bbf;}
#center-block h2,#center-block div.h2{padding:5px;}
#center-block-wrapper{height:510px;}
#text{height:auto;clear:both;margin:20px;}
#text p {
          line-height:1.5;
}

#int_content{width:800px;height:auto;background-color:#f0f3f3;margin:0 auto;padding:0;}
#int-content-product-a{color:#00f;text-decoration:underline;}
.int_content_product{width:650px;height:100%;margin:10px 10px;}
.int_content_product-h3{color:#477bbf;text-decoration:none;font-size:12px;padding:4px;}
.int_content_product-zashita-h3{background-color:#167fe9;color:#fff;text-decoration:none;font-size:12px;padding:4px;}

/* =========================
   PM Header — clean, modern, site-blue
   (без теней и без боковой полосы)
   ========================= */

.pm-header{
  margin: 10px 0 14px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #dbe6fb;
  border-radius: 12px;

  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 14px;
}

/* аккуратный верхний акцент в цвет меню (не полоса слева) */
.pm-header{
/*   border-top: 3px solid #477bbf;   */
}

.pm-title{
  margin: 0;
  flex: 1 1 520px;      /* на больших экранах занимает левую часть */
  min-width: 260px;

  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.2px;
  color: #0f1f33;
  text-align: left;
}

/* мета уезжает вправо на десктопе */
.pm-meta{
  flex: 0 0 auto;
  margin-left: auto;

  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* “плашки” бренда/артикула — в стиле сайта */
.pm-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 7px 10px;
  border-radius: 999px;

  background: #f3f7ff;
  border: 1px solid #dbe6fb;

  color: #1f3f75;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.pm-chip b{
  font-weight: 700;
  color: #0f1f33;
}

.pm-chip--muted{
  background: #ffffff;
  color: #3a4f6a;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1100px){
  .pm-title{ font-size: 22px; }
  .pm-header{ padding: 12px 14px; }
}

@media (max-width: 720px){
  .pm-header{
    border-radius: 10px;
    padding: 12px 12px;
  }
  .pm-title{
    font-size: 20px;
    flex-basis: 100%;
  }
  .pm-meta{
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 420px){
  .pm-title{ font-size: 18px; }
  .pm-chip{ font-size: 12.5px; padding: 7px 9px; }
}


 /* block для защиты днища, стиль прописан в самом файле zashita-dnisha.php */

.block {
  width: 100%;
   min-height: 50px; /* Минимальная высота блока */
  background-color: #efefef;
  border: 1px solid #efefef;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.zakazButtonContainer        {
height:30px; margin: 12px 0 12px;                 }


.priceBlock {
    height:50px;
}

#block2{height:25px;background-color:#efefef;}

.divider {
  width: 100%;
  text-align: center;
  background-image: url('img/underheader/lineTXTrazdel.png');
  background-position: center;
  background-repeat: repeat-x;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.divider h2 {
  width: 280px;
  height: 15px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 11px;
  padding: 4px 10px;
}



.int_content_product-zashita1-h3{color:#0470dc;text-decoration:none;font-size:13px;  height:auto; min-height: 75px; /* Минимальная высота заголовка */}

.int_content_product-rashiriteli-h3{color:#383838;text-decoration:none;font-size:12px;background-color:#efefef;height:100%;padding:3px 3px 0;}

.more-link {
  margin-top: auto; /* Расположить ссылку внизу блока */
  text-align: right; /* Выравнивание по правому краю */
  width: 100%;
}

.more-link a {
  font-size: 11px;
  color: #167fe9;
  text-decoration: none;
  padding: 5px;
}

.more-link a:hover {
  text-decoration: underline;
}
#registrationForm{width:540px;background-color:#efefef;padding:20px 0;}
#registrationFormTable{border:2px solid #fff; padding:20px; width:360px;}
#registrationFormTableAccaunt{border:2px solid #fff; padding:20px; width:360px;}
#registrationForm input{width:285px;border:1px solid #9c9c9c;height:21px;}
#registrationForm table tr{height:45px;}
.int_content_product-img{border:0;width:160px;margin:5px;}
.conteiner-sml-img{float:left;border:1px dotted #167fe9;height:30px;display:inline-table;margin:3px;}
.sml-img{float:left;width:95px;}
span#fancy_left_ico{left:-9999px;background:transparent url(img/fancyBox/fancy_left.png) no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url(img/fancyBox/fancy_right.png) no-repeat;}
.sml-img1{float:left;width:55px;}
.int-content-product-table-td{width:420px;}
.right-block{float:right;padding:5px 0;}
.int-content-product-p{font-size:12px;color:#7c7c7c;margin:5px;}
.center-block{margin-left:140px;margin-right:140px;}
.sklad-nal{color:#39f;font-weight:700;text-decoration:none;font-size:12px;}
.sklad-price{font-weight:700;font-size:12px;color:#39f;}
#sklad-link a:hover{text-decoration:none;color:#e36413;font-weight:700;}

/*
.zakaz{background-color:#477bbf;height:25px;width:198px;border:1px solid #fff;box-shadow:0 1px 2px #8c8c8c;color:#fff;font-size:14px;padding-top:10px;margin-top:0;}
*/
.zakaz-container {
    display: flex;
    justify-content: center; /* Центрируем кнопки по горизонтали */
    gap: 10px; /* Расстояние между кнопками */
    margin-top: 20px; /* Отступ сверху для отделения от других элементов */
    flex-wrap: wrap; /* Перенос кнопок на новую строку при недостаточной ширине */
}

.zakaz {
    padding: 10px 20px; /* Паддинги для удобства клика */
    font-size: 16px; /* Размер шрифта */
    font-weight: bold; /* Жирность текста */
    color: white; /* Цвет текста */
    background-color: #27ae60; /* Зеленый фон */
    border: none; /* Без рамок */
    border-radius: 5px; /* Скругленные углы */
    text-decoration: none; /* Убрать подчеркивание у ссылок */
    cursor: pointer; /* Курсор в виде руки */
    transition: background-color 0.3s; /* Плавное изменение фона при наведении */
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px; /* Минимальная ширина кнопок */
    max-height:55px;
    flex: 1; /* Растягиваем кнопки равномерно */
}


.zakaz:hover {
    background-color: #2ecc71; /* Светлее при наведении */
}

.zakaz a {
    color: inherit; /* Цвет текста наследуется */
    text-decoration: none; /* Убрать подчеркивание у ссылок */
    width: 100%; /* Занимать всю ширину кнопки */
    text-align: center; /* Центрировать текст */
}
.zakaz p{color:#FFF;font-weight:700;text-decoration:underline;}



/* Контейнер корзины */
/* Блок кнопок */
.cart-actions {
    display: flex;
    justify-content: center;
    gap: 20px;              /* Расстояние между кнопками */
    max-width: 700px;       /* Опционально, чтобы не растягивалось на 100% */
    margin: 0 auto;         /* Центрируем */
}
/* Стили самих кнопок */
.cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;       /* Убираем подчёркивание у ссылок */
    color: #fff !important;      /* Принудительно белый цвет текста */
    background-color: #27ae60;   /* Зелёный фон */
    padding: 12px 20px;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.cart-btn:hover {
    background-color: #2ecc71;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
/* заказ кнопок */


.rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* =========================
   PRICE + AVAILABILITY
   карточка товара и комплект шин
   styles.css — 501px–1299px
   ========================= */

.price-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-top: 10px;
    margin-bottom: 10px;

    box-sizing: border-box;
    overflow: visible;
}

.price-container,
.price-container * {
    box-sizing: border-box;
}

.price-block {
    display: flex;
    align-items: stretch;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    font-size: inherit;
    font-weight: 400;
    color: inherit;
}

.price-block .priceCard,
.price-block .priceCard * {
    box-sizing: border-box;
}

.price-block .priceCard {
    width: 100%;
    min-width: 0;
    max-width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    padding: 12px;

    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
}

.price-block .priceCardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.price-block .priceCardType {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;

    background: #477bbf;
    border-radius: 999px;

    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.price-block .priceCardCount {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;

    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;

    color: #1f3f75;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.price-block .priceCardRow {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.price-block .priceCardRow + .priceCardRow {
    margin-top: 6px;
}

.price-block .priceCardLabel {
    color: #66778f;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

.price-block .priceCardOldValue,
.price-block .priceCardOldValue .ruble {
    color: #98a2b3;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: line-through;
    white-space: nowrap;
}

.price-block .priceCardMainValue {
    white-space: nowrap;
}

.price-block .priceCardMainValue,
.price-block .priceCardMainValue b,
.price-block .priceCardMainValue .ruble {
    color: #1459c7;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
}

.price-block .priceCardBenefit {
    display: inline-block;
    margin-top: 9px;
    padding: 5px 9px;

    background: #edf8f1;
    border: 1px solid #d7eedf;
    border-radius: 999px;

    color: #198754;
    font-size: 11px;
    line-height: 1.2;
}

.price-block .priceCardBenefit strong,
.price-block .priceCardBenefit .ruble {
    color: #198754;
    font-weight: 700;
}

.price-block .priceCardSubNote {
    margin-top: 9px;

    color: #66778f;
    font-size: 11px;
    line-height: 1.35;
}

.availability-block {
    display: flex;
    justify-content: stretch;
    align-items: stretch;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 1 auto;

    padding-top: 0;

    font-size: inherit;
    color: inherit;

    box-sizing: border-box;
}

.availabilityCard,
.availabilityCard * {
    box-sizing: border-box;
}

.availabilityCard {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    padding: 12px;

    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;

    text-align: left;
}

.availabilityCardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.availabilityCardType {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;

    background: #477bbf;
    border-radius: 999px;

    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.availabilityCardState {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    max-width: 100%;
    padding: 0 9px;

    border-radius: 999px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: normal;
    overflow-wrap: anywhere;
}

.availabilityCard--in .availabilityCardState {
    background: #edf8f1;
    border: 1px solid #d7eedf;
    color: #198754;
}

.availabilityCard--out .availabilityCardState {
    background: #fff2f2;
    border: 1px solid #f0caca;
    color: #c0392b;
}

.availabilityCardNote {
    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #e6eefc;

    color: #66778f;
    font-size: 11px;
    line-height: 1.35;
}

/* =========================
   PRICE COMPLECT
   wheels_complect_view.php — цена комплекта шин
   ========================= */

.PriceComplect {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 14px 0 14px !important;
    padding: 0;

    display: block;
    text-align: left !important;

    box-sizing: border-box;
}

.PriceComplect,
.PriceComplect * {
    box-sizing: border-box;
}

#wheelComplectRightBlock .PriceComplect {
    clear: both;
}

.priceComplectCard {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    padding: 12px;

    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;

    text-align: left;
}

.priceComplectCardLabel {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    margin-bottom: 10px;

    background: #477bbf;
    border-radius: 999px;

    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.priceComplectRow {
    width: 100%;
    min-width: 0;

    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;

    padding: 7px 0;
    border-top: 1px solid #e6eefc;
}

.priceComplectCardLabel + .priceComplectRow {
    border-top: 0;
    padding-top: 0;
}

.priceComplectRowLabel {
    min-width: 0;

    color: #66778f;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

.priceComplectOldValue {
    color: #98a2b3;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

.priceComplectOldValue strike {
    color: #98a2b3;
    text-decoration: line-through;
}

.priceComplectMainValue {
    white-space: nowrap;
}

.priceComplectMainValue,
.priceComplectMainValue b,
.priceComplectMainValue .ruble {
    color: #1459c7;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
}

.priceComplectBenefit {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 10px;

    background: #edf8f1;
    border: 1px solid #d7eedf;
    border-radius: 999px;

    color: #198754;
    font-size: 11px;
    line-height: 1.2;
}

.priceComplectBenefit strong {
    color: inherit;
    font-weight: 700;
}

.priceComplectBenefit--club {
    background: #fff8e8;
    border-color: #ffe2a3;
    color: #ad6b00;
}

.priceComplectSubNote {
    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #e6eefc;

    color: #66778f;
    font-size: 11px;
    line-height: 1.35;
}

.priceComplectSubNote strong {
    color: #163b70;
    font-weight: 700;
}



.store-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.store-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #555;
}

.store-info-item img {
    width: 40px;
    height: 40px;
}

.zakaz2{background-color:red;position:relative;border-radius:5px;width:103px;float:right;font-size:12px;font-weight:700;margin:5px 0;padding:3px;}

.footer-p{font-size:12px;margin-top:10px;}
.field{border:dotted #167fe9 1px;background-color:#EAF7FF;}
.field-search{border:dotted #167fe9 1px;background-color:#FEF8E0;}
.field-img{border:dotted #167fe9 1px;background-color:#DEFEC0;}
#tovar{border:1px dotted #167fe9;width:150px;height:200px;float:left;font-size:12px;position:relative;display:block;margin:10px 4px;}
#exit{position:absolute;top:0;right:0;background-color:#6CF;width:100px;height:100px;font-size:12px;font-weight:700;padding:5px;}
#exit a:link,#exit a:visited{color:#fff;}


#shopButton{margin-right:50px;background-color:#477bbf;height:35px;width:198px;border:1px solid #fff;box-shadow:0 1px 2px #8c8c8c;color:#ffffff;font-size:14px;padding:5px;}
#description2{float:right;}
#pageQuestion{margin-left:5px;background-color:#efefef;height:110px;width:669px;position:relative;padding:0;}
#pageQuestionQuest{position:absolute;background-image:url(img/makeQuest.png);width:160px;height:34px;right:0;top:0;}
#pageQuestion h5{color:#383838;font-size:30px;margin-top:15px;font-style:italic;}
#pageQuestion h6{color:#383838;font-size:12px;font-style:italic;}
.artBlock{font-size:12px;color:#477bbf;text-decoration:underline;}

#rimsSearch{font-size:12px;line-height:18px;margin:5px;padding:10px; display:inline-table;}
/*#wrapperShiniSearch {   position: sticky; top: 0; background-color:#fff; z-index:100;
} */

#wrapperShiniSearch {
}

#shiniSearch{font-size:12px;line-height:18px;margin:5px;padding:10px; display:inline-block; }




.content_block1{float:left;width:180px;margin:5px 20px; border:1px solid #efefef}
#content_block1_active {
  border:1px solid #e36413;
}

.content_block1 img { width:169px;}
.content_block1 span { color:#206fc0; font-size:12px;}


.simple_overlay{background-color:#fff;border:1px solid #666;display:none;width:470px;position:fixed!important;}




.stars {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.star-container {
    display: flex;
    position: relative;
}

.star {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    background-color: #ccc; /* Серый цвет для пустых звезд */
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.star.filled {
    background-color: #FFA41C; /* Оранжевый цвет для заполненных звезд, как на Amazon */
}

.star.half {
    background: linear-gradient(to right, #FFA41C 50%, #ccc 50%);
}

.starsSpan {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.starsSpan img {
    margin-right: 5px;
}



.rating_stars{float:left;height:30px;margin-right:10px;overflow:hidden;width:175px;margin-top:5px;padding:0;}
.rating_stars li{border:0 none;clear:none!important;float:left;list-style-type:none;margin-bottom:0;text-align:center;width:35px;padding:0;}
.rating_stars li a{background:url(img/stars_big.png) no-repeat scroll 0 0 transparent;color:#AAA;display:block;height:30px;text-decoration:none;width:35px;}
.rating_stars li.act1 a{background:url(img/stars_big.png) no-repeat scroll 0 -150px transparent;}
.rating_stars li.act2 a{background:url(img/stars_big.png) no-repeat scroll 0 -120px transparent;}
.rating_stars li.act3 a{background:url(img/stars_big.png) no-repeat scroll 0 -90px transparent;}
.rating_stars li.act4 a{background:url(img/stars_big.png) no-repeat scroll 0 -60px transparent;}
.rating_stars li.act5 a{background:url(img/stars_big.png) no-repeat scroll 0 -30px transparent;}
 /*
#stara{font-size:12px;margin:10px;}
.stars{background:url(img/stars.png) repeat scroll 0 0 transparent;height:14px;overflow:hidden;width:80px;display:inline-block;position:relative;top:4px;margin-bottom:3px; margin-left:10px;}
.stars div{background:url(img/stars.png) repeat scroll 0 0 transparent;height:15px;overflow:hidden;}
*/

.clear{clear:both;height:0;overflow:hidden;}
#rate ul li{margin-bottom:6px;}
.shiniBigBlock{position:relative;display:inline-block;width:670px;margin-top:15px;}
/*.shiniBlock{width:132px;height:278px;position:relative;float:left;margin:1px;} */
/*.shiniBlock{width:155px;height:333px;position:relative;float:left;margin:10px 3px; padding:3px;} */

.shiniBlock {
    width: calc(24% - 10px); /* Ширина каждого блока с учетом отступов */
    height: auto;
    position: relative;
    margin: 5px;
    border: 1px solid #efefef;
    padding: 5px;
    background-color: #fff;
    float:left;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex: 0 1 calc(24% - 10px); /* Минимальная ширина и отсутствие растягивания */
}




/* Общие стили для текста */
.text-container {
    margin: 20px 10px; /* Отступы вокруг контейнера */
    padding: 10px;
    border: 1px solid #efefef;
    background-color: #ffffff;
    border-radius: 5px;
}

.intro-text {
    color: #626262;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    font-weight: 400;
    margin-bottom: 10px; /* Отступ снизу */
}

.splLink {
    font-size: 12px;
    text-decoration: underline;
    display: block; /* Чтобы ссылка занимала всю ширину */
    margin: 10px 0; /* Отступы сверху и снизу */
}

.splCont {
    margin-top: 10px; /* Отступ сверху */
    padding: 10px;
    border-top: 1px solid #efefef;
}

.detailed-text {
    color: #626262;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    font-weight: 400;
    line-height: 1.5; /* Межстрочный интервал */
    margin: 0;
}















#descrWheel{font-size:12px;margin-bottom:20px;padding:10px; line-height:1.5;}
#descrWheel p{color:#626262;}
.attention{color:red;font-weight:700;}
#basketBlock{background-color:#efefef;height:180px;width:220px;}
.basketBlockH3 {color:#FFF; font-size:12px; padding-top:12px; font-weight:bold; }

.basketBlockWraperHeader {background-image:url(img/menu/backgrounds-leftMenuf.png); width:220px; height:37px; margin-top:10px;}
.basketBlockTable {margin-left:5px; padding-left:10px; height:58px; width:210px; }

#personal_account {background-color:#efefef; height:190px; width:220px; margin-top:10px;}
#paWrapper {height:auto; border:2px #333; margin-top:15px; }
#personal_accountWraperHeader {background-image:url(img/menu/backgrounds-leftMenuf.png); width:100%; height:37px; font-size:12px;}
#personal_accountWraperHeader {width:100%; height:37px;}
.paLevel {width:auto; margin:5px;}
.paLevel input {width: 130px; height:20px;padding:3px 5px;  border:1px solid #33cccc;}
.paLeft {width:50px; float:left; margin-top:7px;}
#wrapperRegistrForm { width:200px;}
#wrapperRegistrFormBtnLeft { float:left; width:200px;  margin-top:10px;}
#wrapperRegistrFormBtn {width:70px; margin-top:10px;}
#wrapperRegistrFormBtn input {background-color:#477bbf; width:80px; height:30px; border:1px solid #FFF; color:#fff; font-size:11px;}

#fullCart{position:absolute;display:none;z-index:10;background:#FFF;border:1px solid #000;width:600px;text-align:center;padding:10px;}
#add_to_cart{ margin:0;}

#add_to_cart2{margin-left:5px;margin-right:5px; margin:15px 0 20px;}
.zakaz_min{cursor:pointer;background-color:#477bbf;position:relative;vertical-align:middle;text-align:center;width:130px;border:1px solid #fff;box-shadow:0 1px 2px #8c8c8c;color:#fff;font-size:12px;margin:12px 0 12px;padding:6px 2px;}
.zakaz_min p{font-size:12px;color:#FFF;font-weight:700;text-decoration:underline;text-align:center;width:100%;margin:0;}
#goods_price_slider{width:300px;height:50px;padding-top:20px;margin:0 auto;}
#comments{padding:20px;}
#comments .comment-answer-button-container{width:100%;position:relative;text-align:right;}
.article{display:block;height:70px;margin-bottom:10px;border-bottom:1px dashed #c6c6c6;}
#form-group{width:100%;}
#activePageNavBlock{font-size:12px;color:#231f20;}
#activePageNavBlock a:link,#activePageNavBlock a:visited{color:#231f20;}
























#wrappersheaderIcons a:link,a:hover,.leftMenuBlock:hover a:link,.leftMenuBlock:hover a:visited,#leftMenuBlockActive .menuBlock a:visited,#pageQuestion a:hover,#price_in_cart,#activePageNavBlock a:hover,.activePageNav{color:#e36413;}
#underheader a:link,#underheader a:hover,#underheader a:visited,#block a:link,#block a:visited{text-decoration:none;}
.menuDivFirst:hover,#menuDivFirstActive{background-image:url(img/menu/menu_bg_active.png);background-repeat:repeat-x;height:24px;}
.menuDivFirst a:link,.menuDivFirst a:visited,.menuDiv a:link,.menuDiv a:visited{color:#fff;text-decoration:none;}
.menuDivFirst a:hover,.menuDiv a:hover{text-decoration:none;color:#FFF;}
.roundMenu,.round{border-radius:7px;}
#content a:link,#content a:visited,#text a:link,#text a:visited,#text a:hover,#pageQuestion a:link,a:visited{color:#477bbf;}

#giftBlockLeft,#giftBlock{border:2px solid #167fe9;width:65px;height:70px;float:left;margin-left:5px;}
#giftBlockLeft span,#giftBlock span{font-size:12px;font-weight:700;}
#content-left-general a:link,#content-left-general a:visited{color:#383838;}
.product-bg a:link,.product-bg a:visited{color:#172331!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:inherit;padding:0;}
.product:hover a:link,.product:hover a:visited,.product:focus-within a:link,.product:focus-within a:visited{color:#e36413!important;}
#right_price a:visited,#right_price li a:link{color:#477bbf;text-decoration:none;font-weight:900;background-image:url(img/kvdr.gif);background-position:left;background-repeat:no-repeat;padding-left:15px;}
#article a:link,#article a:hover,#article a:visited{text-decoration:none;font-size:12px;font-weight:700;color:#167fe9;}
#page-banner2,.page-banner2{margin-top:10px;height:140px;width:663px;padding:10px;}
.int_content_product table,#text_descr,#form_atv{font-size:13px; margin-top:10px; margin-bottom:20px; line-height:1.5;}

.container-wrapper {
display:inline-table; border:0px solid #000;width:100%;
}


   .wrapper-good,.int_content_product_block{  width:150px;height: auto;position:relative;float:left;border:1px solid #efefef;margin:5px 3px; padding:3px;}


 /* Контейнер для изображений */
.wrapper-good-image-container {
    width: 150px; /* Установите ширину чуть меньше ширины .wrapper-good */
    height: 150px; /* Фиксированная высота контейнера для изображения */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Скрывает части изображения, выходящие за пределы контейнера */
    margin: 0 auto 10px; /* Центрирование контейнера и отступ снизу */

}
.wrapper-good-image-container img {
 max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Сохраняет пропорции изображения */

}
/*
.wrapper-good img {
  width: 100%;
  max-width: 300px; */   /* или другое подходящее значение */
/*  height: auto;
  display: block;
}
*/
.wrapper-child-good {width:200px;height:325px;position:relative;float:left;border:1px solid #efefef;margin:5px 3px; padding:3px;}
.wrapper-good-cat{width:155px;height:198px;position:relative;float:left;border:1px solid #efefef;margin:5px 3px;}

.imagesRims {
    width:134px; height:134px;
}

/*
.wrapper-good-cat2{width:118px;height:128px;position:relative;float:left;border:1px solid #efefef;margin:5px 3px;}
.wrapper-good-cat2 img { width:89px; height:89px;}
*/

.wrapper-good-cat2{width:150px;height:198px;position:relative;float:left;border:1px solid #efefef;margin:5px 3px;}
.wrapper-good-cat2 img { width:134px; height:134px;}

#nalichie {
 color:#edf1f0;  background-color:#17a425; width:73px; height:12px; font-size:10px; font-weight:bold; padding:  2px 14px 2px 2px; margin-bottom:7px;
}
#rasprodano {
  color:#f44336;  background-color:#edf1f0; width:73px; height:12px; font-size:10px; font-weight:bold; padding:  2px 14px 2px 2px; margin-bottom:7px;
}
#more-info {
color:#fff;  background-color:#267bc1; width:73px; height:12px; font-size:10px; font-weight:bold; padding:  2px 14px 2px 2px; margin-bottom:7px;
 }

.left-block,#description{float:left;}
#sklad,.sklad{font-size:12px;font-weight:700;text-decoration:none;}
#sklad a:link,#sklad a:visited{text-decoration:none;color:#477bbf;font-weight:700;}
#h4_reklama,.h4_reklama{background-color:#e36413;color:#fff;width:200px;margin-left:10px;position:absolute;padding:4px;}
#description p,#description2 p{font-style:italic;color:#999;}


/*.starsSpan,#rate,#formCart{font-size:12px;}          */
#basketBlock:hover,.zakaz:hover{cursor:pointer;}
/*
#wrapperBlockModelSelect {width:90px; height:120px; position:relative; float:left; margin:4px; padding:5px; border:1px solid #e2e2e2; font-size:12px;}
#wrapperBlockModelSelectActive {width:90px; height:120px; position:relative; float:left; margin:4px; padding:5px; border:1px solid #e36413; font-size:12px;}
#wrapperBlockModelSelect img,#wrapperBlockModelSelectActive  img { width:90px;}
 */

.containerSelectModel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

#wrapperBlockModelSelect, #wrapperBlockModelSelectActive {
    flex: 0 0 calc(20% - 2%); /* Для 5 элементов в ряду */
    min-height: 160px;
    position: relative;
    margin: 1%;
    padding: 4px;
    border: 1px solid #e2e2e2;
    font-size: 0.75em; /* Уменьшенный размер шрифта из-за меньшей ширины блока */
    box-sizing: border-box;
}

#wrapperBlockModelSelectActive {
    border-color: #e36413;
}

#wrapperBlockModelSelect img, #wrapperBlockModelSelectActive img {
    width: 110px;
}



#spoilerFIX {display:none;}
#spoiler {display:none;}
.spoiler-title{cursor:pointer; font-size:12px;}
.spoiler-body{display:none;background:#f1f1f1;}

#RimsSelectModelBlock {padding:5px; }

#int_content_productBlockRight {width:auto; margin-left:10px;}

#sposobi {}
#contactInfo {
    display: grid;
    height: auto;
    box-sizing: border-box;
    clear: both;

    background: #f7f9ff;
    border: 1px solid #dbe6fb;
    border-radius: 8px;

    text-align: left;
    overflow: hidden;
}

#contactInfo,
#contactInfo * {
    box-sizing: border-box;
}

#contactInfo > br {
    display: none;
}

#contactInfoTop {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 132px;
    padding: 22px;

    background: #f7f9ff;
    border-bottom: 1px solid #dbe6fb;
}

#contactInfoTopText {
    min-width: 0;
}

#contactInfoLabel {
    margin: 0 0 6px;
    color: #e36413;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

#contactInfoTitle {
    max-width: 560px;
    margin: 0;
    color: #152238;
    font-size: 24px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.25px;
}

#contactInfoText {
    max-width: 610px;
    margin: 10px 0 0;
    color: #5b6b82;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
}

#contactInfoExperience {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 15px;

    background: #fff7ed;
    border: 1px solid #f0bf80;
    border-radius: 7px;

    color: #9a460b;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
}

.contactsImg {
    width:580px;
    height:435px;
}

.contactInfoInner {
    display: flex;
    align-items: center;
    height: auto;
    margin: 0 !important;
    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #e3ebf8;
    border-radius: 6px;

    float: none;
    vertical-align: middle;
    overflow: hidden;

    color: #333333;
    line-height: 1.35;
}

.contactInfoInner:hover {
    background: #ffffff;
    border-color: #e3ebf8;
}

.contactInfoInner img {
    float: none !important;
    display: block;
    object-fit: contain;
    margin: 0 !important;
}

.contactInfoInner > div {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    color: #333333;
    line-height: 1.35;
}

.contactInfoInner span {
    display: inline-block;
    margin: 0 0 4px;
    color: #477bbf !important;
    line-height: 1.2;
    font-weight: 800;
}

.contactInfoInner a,
.contactInfoInner a:link,
.contactInfoInner a:visited {
    color: #111827;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.contactInfoInner a:hover {
    color: #e36413;
    text-decoration: none;
}
#contactInfo {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 650px;
    margin: 20px 0 16px;
    padding: 0 12px 12px;
}

#contactInfoTop {
    min-height: 128px;
    padding: 20px;
}

#contactInfoTitle {
    font-size: 22px;
}

#contactInfoText {
    font-size: 15px;
}

#contactInfoExperience {
    min-height: 42px;
    padding: 0 13px;
    font-size: 14px;
}

.contactInfoInner {
    min-height: 84px;
    padding: 12px;
    font-size: 13px;
}

.contactInfoInner img {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px;
    margin-right: 11px !important;
}

.contactInfoInner > div {
    font-size: 13px;
}

.contactInfoInner span {
    font-size: 12px;
}

#ContentLeftBlock {float:left; height:auto; width:55%; display:inline-table;}

#otziv {width:610px;}
#ContentRightBlock {float:left;height:100%; width:45%; }

#commentBlock { background-color:#efefef; border:1px solid #fff; width:auto; padding:5px; margin:10px; }
#commentBlock p {
           line-height:1.5;
}

#commentBlock table { width:520px }

#starsS {float:left;}

#GeneralWrapperIMG {position:relative; margin-top:10px;}
#GeneralWrapperIMG img {width:260px;}
#AdditionWrapperIMG {display:inline-table; margin:20px 0;}

#WrapperContentBlocks {
    display:inline-table; height:auto;width:100%;
}

#divBlocksLeftRight {
    width:100%; height:100%; display:inline-block;
}

.PodborShinWrapper {width:300px;  height:75px; float:left; }

#navMenuWrapperOFF a:link, #navMenuWrapperOFF a:hover, #navMenuWrapperOFF a:visited {color:#FFF;}
.PodborShinBlock {margin-left:78px; height:50px; padding-top:25px;}

/*#wrapperTXTBlock {padding:10px; font-size:10px; line-height:14px; margin-bottom:20px;} */
.spoiler-body {
display: block !important;}
#SpoilerActiveMenuWrapper { display:none;}
#SpoilerActiveMenuWrapperActive{ display:none;}
#spoiler3{ display:none;}

.splCont{display:none;border:0px solid #cccccc;padding:0px 0px;}


#modal_form {
    width: 300px;
    height: 300px; /* Рaзмеры дoлжны быть фиксирoвaны */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
    left: 50%; /* пoлoвинa экрaнa слевa */
    margin-top: -150px;
    margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
    display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
    z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
    padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}
/* Пoдлoжкa */
#overlay {
    z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position:fixed; /* всегдa перекрывaет весь сaйт */
    background-color:#000; /* чернaя */
    opacity:0.8; /* нo немнoгo прoзрaчнa */
    -moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
    filter:alpha(opacity=80);
    width:100%;
    height:100%; /* рaзмерoм вo весь экрaн */
    top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
    left:0;
    cursor:pointer;
    display:none; /* в oбычнoм сoстoянии её нет) */
}

#outterZaga
{
    background-color:#dcdcdc;
    height:30px;
    line-height: 30px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
}
#outterZagaPrice
{
    background-color:#dcdcdc;
    height:30px;
    line-height: 30px;
    width: 198px;
    text-align: center;
    vertical-align: middle;
}
#innerZagaPrice {
   width: 198px;
   white-space: nowrap;
   overflow: hidden; color:#000;
}

#innerZaga {
   width: 300px;
   white-space: nowrap;
   overflow: hidden; color:#000;
}
#outterZagaSml
{
    background-color:#dcdcdc;
    height:30px;
    line-height: 30px;
    width: 200px;
    text-align: center;
    vertical-align: middle;
    margin-top:5px;
}

#innerZagaSml {
   width: 200px;
   white-space: nowrap;
   overflow: hidden; color:#000;
}

#rimsBlockModel {
    float:left; width:140px; height:160px; margin:10px; border:1px solid #efefef;
}

#rimsBlockModel img {
       width:125px;
}

  .tab-pane {
      border-bottom:2px solid #ddd;
  }


.nav li a, .nav li a:visited { color:#fff !important}
.nav-tabs li.active a, .nav-tabs li.active a:visited { color:#000 !important}

.poster{
    position:relative;
    float:right;
    height:31px;
    width:27px;
    margin-left:5px;
    background-image:url(img/cenaOkSml.png);background-position:right center;background-repeat:no-repeat;
}


.descr{
    display:none;

    padding:10px;
    margin-top:-40px;
    background:#f3f3f3;
    height:30px;
     width:130px;
     border-radius:8px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster:hover .descr{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    z-index:9999;

}
.poster2{
    position:relative;

    height:auto;
    width:auto;
    border:0px solid #000;
    margin-left:5px;

}

.descr2{
    display:none;
    padding:10px;
    margin-top:-40px;
    background:#f3f3f3;
    height:250px;
     width:260px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster2:hover .descr2{
    display:block;
    position:absolute;
    top:0px;
    left:30px;
    z-index:9999;

}


.poster3{
    position:relative;

    height:auto;
    width:auto;
    border:0px solid #000;
    margin-left:5px;
}

.descr3{
    display:none;
    padding:10px;
    margin-top:-40px;
    background:#f3f3f3;
    height:75px;
     width:260px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster3:hover .descr3{
    display:block;
    position:absolute;
    top:0px;
    left:30px;
    z-index:9999;
}

.posterClubnieLudi{
    position:relative;
    float:left;
    height:36px;
    width:44px;
    margin-left:5px;
    margin-top:-7px;
    background-image:url(img/clubnie-ludi.png);background-position:right center;background-repeat:no-repeat;
}

.posterClubnieLudidescr{
    display:none;
    padding:10px;
    margin-top:-40px;
    background:#f3f3f3;
    height:15px;
     width:200px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.posterClubnieLudi:hover .posterClubnieLudidescr{
    display:block;
    position:absolute;
    top:0px;
    left:30px;
    z-index:9999;
}


#checkOutStatusDesc {    display:none;
         height:67px; width:630px; background-image:url(img/navimenubuyer.jpg);
}

.preimushestva {
margin-top:30px;  width:300px; height:150px;
}
.preimushestvaBlock {  float:left;  width:140px;   height:140px;   color:#383838;
    }

    .fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 480px;
    max-height : 80%;
    margin: 0;
}

.blogerLikeSmall {
    display:none;}

#kofrSelectBlock{
 display:inline-block;
 background-image:url(img/background-rabotaem.jpg); background-position: right bottom; background-repeat: no-repeat;
}

#selectBlockModel {
  display:inline-table; width:100%; margin-bottom:10px;
}
/* Общий контейнер для всех карточек статей */
.articles-list {
    display: flex;
    flex-wrap: wrap; /* позволяет элементам переноситься на следующую строку */
    gap: 20px; /* промежуток между карточками */
    justify-content: space-between; /* равное расстояние между карточками */
}

/* Стиль для каждой карточки статьи */
.article-card {
    flex: 1; /* каждый блок занимает равное пространство */
    border: 1px solid #e0e0e0;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* тень для современного вида */
    border-radius: 10px; /* скругленные углы */
    max-width: calc(50% - 10px); /* максимальная ширина с учетом промежутка */
    box-sizing: border-box;
    transition: transform 0.3s, box-shadow 0.3s; /* анимация при наведении */
}

.article-card img {
    max-width: 100%;
    height: auto;
}

.article-card a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s; /* анимация при наведении на ссылку */
}

.article-card:hover {
    transform: translateY(-5px); /* небольшое движение вверх при наведении */
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.article-card a:hover {
    color: #007BFF; /* меняем цвет ссылки при наведении */
}


#info-block {
    display: none; /* Скрываем блок на устройствах с шириной экрана больше 500 пикселей */
}
.info-content {
    display: none;}
  #hamburger {
        display: none;
    }
    .hamburger-menu {
        display: none;
    }
    #menu-block > .leftMenuBlock:nth-child(odd) {
        background-color: #f9f9f9;
    }
    #menu-block > .leftMenuBlock:nth-child(even) {
        background-color: #efefef;
    }
    #mobile-top-bar {
 display:none;
}
     #top-bar  { display:none;
        }




        /* выборка марки и менбю для дальнейшего подбора товаров по модели*/
#container {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

#brandsContainer, #modelsContainer, #selectedModelContainer {
    border: 1px solid #ddd;
    padding: 10px;
    flex: 1;
    margin: 10px;
    height: 150px;  /* Устанавливаем фиксированную высоту */
    display: flex;  /* Убедитесь, что установлено свойство display: flex; */
    align-items: flex-start;  /* Выравнивание содержимого по верху */
    justify-content: flex-start;  /* Выравнивание содержимого по началу */
    flex-direction: column;  /* Устанавливаем направление главной оси на вертикальное */
}

#showBrandsButton {
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    cursor: pointer;
}

#showModelsButton {
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    cursor: pointer;
}




#selectionContainer {
    height: auto;  /* или другое значение, которое вам подходит */
    overflow-y: auto;
    border: 1px solid ddd;  /* Цвет и толщина границы по вашему усмотрению */


    position: relative;
    /*border: 1px solid #ddd;  */
    width: 100%;
    margin-top: 20px;
    display: none;

    padding-top: 20px;
}

#selectionList {
    padding: 10px;
}

.close-button {
   position: absolute;
    z-index: 10;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.modelImage {
    min-width:90px;
   max-width: 80%;
    max-height: 80%;
    height: auto;
    display: block;
    margin: auto;
}




/* login.php style */
/*
.login-form {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 400px;
}
*/
.login-form h2 {
    margin: 0 0 15px 0;
}

.login-form p {
    font-style: italic;
    margin: 0 0 15px 0;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    margin-bottom: 5px;
}

.input-group input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


             .old-price {
            font-size: 13px;
            color: #999;
            text-decoration: line-through;
        }
        .your-price {
            font-size: 16px;
            color: #e60000;
            font-weight: bold;
        }



/*
button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}
  */

  .sale-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    overflow: hidden; /* чтобы блеск не выходил за пределы метки */
}

/* Цвета для различных типов скидок */
.sale-tag.promo-5 {
    background-color: blue; /* Синий фон для 5% скидки */
}

.sale-tag.promo-10 {
    background-color: orange; /* Оранжевый фон для 10% скидки */
}

.sale-tag.promo-15 {
    background-color: green; /* Зеленый фон для 15% скидки */
}

.sale-tag.promo-akciya {
    background-color: red; /* Красный фон для акции */
}

/* Блеск только для больших изображений */
.sale-tag.big::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
    transform: skewX(-20deg);
  /*  animation: shine 2s 1;    */
        animation: shine 2s infinite;
}

@keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Стили для маленьких и больших меток */
.sale-tag.small {
    font-size: 10px;
    padding: 3px 7px;
}

.sale-tag.big {
    font-size: 14px;
    padding: 7px 12px;
}



/* рейтинг шин категорий из общей оценки модели*/
    .rating-block .votes img {
        width: 18px;
        opacity: 0.5;
    }
    .rating-block .votes span {
        color: #555;
    }
    .rating-block {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        padding-right: 10px;
        margin: 5px 0;
    }
    .rating-block .rate {
        display: flex;
        flex-flow: row nowrap;
        padding-right: 5px;
    }
    .rating-block .rate-value {
        color: #555;
    }
    .rating-block .rate-star {
        margin: 5px 0;
        position: relative;
        display: block;
        color: #f2b450;
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-bottom: 7px solid #f2b450;
        border-left: 10px solid transparent;
        transform: rotate(35deg) scale(0.8);
    }
    .rating-block .rate-star::before {
        border-bottom: 8px solid #f2b450;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -4.5px;
        left: -6.5px;
        display: block;
        content: '';
        transform: rotate(-35deg);
    }
    .rating-block .rate-star::after {
        position: absolute;
        display: block;
        color: red;
        top: 0.3px;
        left: -10.5px;
        width: 0px;
        height: 0px;
        border-right: 10px solid transparent;
        border-bottom: 7px solid #f2b450;
        border-left: 10px solid transparent;
        transform: rotate(-70deg);
        content: '';
    }

/* рейтинг шин категорий из общей оценки модели*/
 	.rating-block .votes img {
        width: 18px;
        opacity: 0.5;
    }
    .rating-block .votes span {
        color: #555;
    }
    .rating-block {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        padding-right: 10px;
        margin: 5px 0;
    }
    .rating-block .rate {
        display: flex;
        flex-flow: row nowrap;
        padding-right: 5px;
    }
    .rating-block .rate-value {
        color: #555;
    }
    .rating-block .rate-star {
        margin: 5px 0;
        position: relative;
        display: block;
        color: #f2b450;
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-bottom: 7px solid #f2b450;
        border-left: 10px solid transparent;
        transform: rotate(35deg) scale(0.8);
    }
    .rating-block .rate-star::before {
        border-bottom: 8px solid #f2b450;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -4.5px;
        left: -6.5px;
        display: block;
        content: '';
        transform: rotate(-35deg);
    }
    .rating-block .rate-star::after {
        position: absolute;
        display: block;
        color: red;
        top: 0.3px;
        left: -10.5px;
        width: 0px;
        height: 0px;
        border-right: 10px solid transparent;
        border-bottom: 7px solid #f2b450;
        border-left: 10px solid transparent;
        transform: rotate(-70deg);
        content: '';
    }

/* рейтинг шин категорий из общей оценки модели*/
.filter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 20px; /* Add bottom margin */
}

.filter-section {
    flex: 1 1 calc(33.333% - 20px); /* Adjust the width as needed, and subtract the total gap size */
    padding: 15px;
    background: #ffffff;
    border: 1px solid #efefef;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 10px; /* Ensure there is a gap at the bottom in case of wrapping */
}

.filter-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.filter-item {
    margin-bottom: 10px;
}

.filter-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-checkbox {
    margin: 0 10px 0 0 !important;
}

.filter-name {
    flex-grow: 1;
}

.count, .selected-count, .similar-count, .other-count {
    font-size: 12px !important;
    display: inline-block !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
}

.count {
    background-color: #4CAF50 !important;
    color: white !important;
}

.selected-count {
    font-size: 12px !important;
    display: inline-block !important;
    padding: 2px 4px !important;
    border-radius: 12px !important;
    background-color: #FF8C00 !important;
    color: white !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

.selected-count:hover {
    background-color: #FF7F00 !important;
}

.similar-count {
    font-size: 12px !important;
    display: inline-block !important;
    padding: 3px 7px !important;
    border-radius: 12px !important;
    background-color: #1E90FF !important;
    color: white !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

.similar-count:hover {
    background-color: #1C86EE !important;
}

.other-count {
    font-size: 12px !important;
    display: inline-block !important;
    padding: 3px 7px !important;
    border-radius: 12px !important;
    background-color: #A9A9A9 !important;
    color: white !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

.other-count:hover {
    background-color: #909090 !important;
}

.disabled {
    color: #A9A9A9 !important;
}

.results {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
     margin-bottom: 20px;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.results h2 {
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    color: #333;
}

.results strong {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: #333;
}

.submit-button {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin-top: 10px !important;
    font-size: 16px !important;
    color: #fff !important;
    background-color: #007bff !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s !important;
}

.submit-button:hover {
    background-color: #0056b3 !important;
}


.category-container {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; /* Ensure padding and border are included in the width calculation */
    overflow: hidden; /* Prevent overflow */
}

/* блок товаров на страницы лебедки*/
.category-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-item {
    width: calc(25% - 20px); /* Adjust the width to fit 4 items per row */
    margin: 10px; /* Adjust the margin to fit your design */
    box-sizing: border-box; /* Ensure padding and border are included in the width calculation */
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top; /* Ensure alignment */
}

.category-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    max-width: 100%;
}

.category-title {
    color: #0470dc;
    text-decoration: none;
    font-size: 13px;
    height: auto;
    min-height: 75px; /* Минимальная высота заголовка */
    margin: 0; /* Ensure no extra margin */
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-title a {
    color: inherit; /* Ensure the link color inherits the color of the heading */
    text-decoration: none;
}

.category-image {
    max-width: 100%;
    max-height: 150px; /* Maximum height restriction */
    width: auto;
    height: auto;
    border-radius: 10px;
    object-fit: contain; /* Ensure the image fits within the container */
}

.category-item > a {
    display: block; /* Change from flex to block */
    height: 150px; /* Fixed height for image container */
    overflow: hidden;
    text-align: center;
}

  /* блок товаров на страницы лебедки*/

  /* Блок стилкй для статей - статьи*/
   .articleWrapper {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

.articleMainImage {
    text-align: center;
    margin-bottom: 20px;
}

.articleMainImage img {
    max-width: 100%;
    height: auto;
}

.articleTitle {
    color: #D35400;
    font-size: 24px;
}

.articleSubTitle {
    color: #E67E22;
    font-size: 18px;
    margin-top: 20px;
}

.articleLinkTitle {
    color: #3498DB;
    text-decoration: none;
    font-size: 18px;
    margin-top: 20px;
}

.articleLinkTitle:hover {
    text-decoration: underline;
}

.articleText {
    color: #626262;
    font-size: 16px;
    line-height: 1.6em;
    text-align: justify;
    margin-bottom: 20px;
}

.articleImage {
    text-align: center;
    margin-bottom: 20px;
}

.articleImage img {
    max-width: 100%;
    height: auto;
}

.articleAuthor {
    font-size: 12px;
    color: #626262;
    text-align: left;
}

  /* Блок стилкй для статей - статьи*/



  /* блок статей для лебедок*/
/* Основной контейнер для секции статей */
.articles-display-section {    border: 1px solid #ddd;border-radius: 5px;
    padding: 15px;
    background-color: #f9f9f9;
    margin-top: 20px; /* Добавлено отступ сверху */
}

/* Заголовок секции */
.articles-section-title {
    font-size: 20px; /* Уменьшенный размер заголовка для средних экранов */
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

/* Контейнер для статей */
.articles-display-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 колонки */
    gap: 15px;
    justify-content: center;
}

/* Блок отдельной статьи */
.article-display-block {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #efefef;
    height: 250px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Название статьи сверху */
.article-display-title {
    font-size: 16px; /* Уменьшенный размер заголовка для средних экранов */
    color: #333;
    font-weight: bold;
    text-align: center;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Изображение статьи снизу */
.article-display-image {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-display-image img {
    max-width: 100%;
    max-height: 140px;
    border-radius: 8px;
    object-fit: cover;
}



/* ============================================
   Стили для плавающих иконок
============================================ */

/* AI Помощник */
#ai-icon-wrapper {
    width: 40px;
    height: 40px;
    background-color: #007bff;       /* Голубой фон */
    border-radius: 50%;              /* Круглая форма */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    overflow: hidden;
    transition: transform 0.3s;
    cursor: pointer;
    text-align: center;
}

#ai-icon-wrapper:hover {
    transform: scale(1.1);
}

#ai-icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Контейнер для иконок */
#floating-icons {
    position: fixed;          /* Фиксированное позиционирование */
    bottom: 100px;             /* Отступ от нижнего края */
    right: 20px;              /* Отступ от правого края */
    z-index: 1000;            /* Приоритет отображения */
    display: flex;            /* Флекс-контейнер */
    flex-direction: column;   /* Расположение по колонке */
    align-items: center;      /* Выравнивание по центру */
    gap: 8px;                 /* Расстояние между иконками */
}

/* Общие стили для иконок */
#filter-icon-wrapper,
#cart-icon-wrapper,
#whatsapp-float-button {
    width: 40px;              /* Ширина иконок */
    height: 40px;             /* Высота иконок */
}


/* =========================
   TELEGRAM (как WhatsApp)
   ========================= */

/* Кнопка Telegram */
#telegram-float-button {
    width: 40px;               /* как у WhatsApp */
    height: 40px;              /* как у WhatsApp */
    background-color: #0088CC; /* Telegram-синий */
    border-radius: 50%;        /* круг */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    overflow: hidden;
    transition: transform 0.3s;
    text-align: center;
}

#telegram-float-button:hover {
    transform: rotate(360deg); /* как у WhatsApp */
}

/* Картинка внутри Telegram */
#telegram-float-button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: tango 2s infinite; /* как у WhatsApp */
}

/* Подпись под иконкой Telegram (как WhatsApp) */
#telegram-caption {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 3px 5px;
    background-color: rgba(0, 136, 204, 0.5); /* Telegram-синий, полупрозрачный */
    border-radius: 5px;
    border: 2px solid #fff;
    margin-top: 4px;
    text-align: center;
    width: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#telegram-caption a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
/* =========================
   CHAT в блоке #floating-icons
   ========================= */

/* скрываем штатную кнопку виджета (он сам её создаёт) */
#kv-chat-btn { display: none !important; }

/* кнопка чата в Вашем блоке */
#chat-float-button{
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.92);
    color: #0f172a;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    transition: transform .25s, box-shadow .25s, background .25s;
    position: relative;
}

#chat-float-button:hover{
    transform: scale(1.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    background: rgba(255,255,255,0.98);
}

/* красная точка (пока скрыта) */
#chat-unread-dot{
    position: absolute;
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff2d2d;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.85);
    display: none;
}

/* подпись как у WhatsApp/Telegram */
#chat-caption{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
    background-color: rgba(255,255,255,0.18);
    border-radius: 999px;
    border: 2px solid #fff;
    margin-top: 4px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#chat-caption button{
    all: unset;
    cursor: pointer;
    color: #fff;
    display: block;
}

/* (опционально) если окно чата перекрывает иконки — поднимите его выше:
#kv-chat-window { bottom: 140px !important; }
*/

/* Иконка фильтра */
#filter-icon-wrapper {
    opacity: 0;               /* Начальная прозрачность */
    transform: scale(0.5);    /* Начальный масштаб */
    transition: opacity 0.3s, transform 0.3s; /* Плавные переходы */
    cursor: pointer;          /* Курсор указателя */
    z-index: 1004;            /* Приоритет отображения */
}

#filter-icon-wrapper.visible {
    opacity: 1;               /* Полная непрозрачность */
    transform: scale(1);      /* Полный масштаб */
}

/* Изображения внутри иконок */
#filter-icon-wrapper img,
#cart-icon-wrapper img,
#whatsapp-float-button img {
    width: 100%;              /* Ширина изображения */
    height: 100%;             /* Высота изображения */
    object-fit: cover;        /* Масштабирование без искажений */
}

/* Иконка корзины */
#cart-icon-wrapper {
    position: relative;       /* Для позиционирования счетчика */
}

/* Счетчик товаров в корзине */
.cart-count {
    background-color: red;    /* Красный фон */
    color: white;             /* Белый текст */
    border-radius: 50%;       /* Круглая форма */
    padding: 3px 6px;         /* Внутренние отступы */
    font-size: 10px;          /* Размер шрифта */
    font-weight: bold;        /* Жирный шрифт */
    position: absolute;       /* Абсолютное позиционирование */
    top: -6px;                /* Смещение вверх */
    right: -6px;              /* Смещение вправо */
}

/* Кнопка WhatsApp */
#whatsapp-float-button {
    background-color: #25D366; /* Цвет фона */
    border-radius: 50%;        /* Круглая форма */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Тень */
    overflow: hidden;          /* Скрываем переполнение */
    transition: transform 0.3s; /* Плавный переход при наведении */
    text-align: center;        /* Центрирование содержимого */
}

#whatsapp-float-button:hover {
    transform: rotate(360deg); /* Вращение при наведении */
}

#whatsapp-float-button img {
    animation: tango 2s infinite; /* Анимация вращения */
}

/* Анимация вращения */
@keyframes tango {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(20deg); }
    50% { transform: rotate(-20deg); }
    75% { transform: rotate(20deg); }
}

/* Подпись под иконкой WhatsApp */
#whatsapp-caption {
    font-family: Arial, sans-serif;           /* Шрифт */
    font-size: 12px;                          /* Размер шрифта */
    color: #fff;                              /* Белый текст */
    padding: 3px 5px;                         /* Внутренние отступы */
    background-color: rgba(85, 205, 108, 0.5);/* Полупрозрачный фон */
    border-radius: 5px;                       /* Сглаженные углы */
    border: 2px solid #fff;                   /* Белая граница */
    margin-top: 4px;                          /* Отступ сверху */
    text-align: center;                       /* Центрирование текста */
    width: auto;                              /* Автоматическая ширина */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* Тень */
}

#whatsapp-caption a {
    color: #fff;                              /* Белый текст ссылки */
    text-decoration: none;                    /* Без подчеркивания */
    display: block;                           /* Блочный элемент */
    width: 100%;                              /* Полная ширина */
    height: 100%;                             /* Полная высота */
}

/* ============================================
   Стили для экранов фильтра
============================================ */

/* Экран фильтра */
#filter-screen {
    height: 100%;             /* Полная высота */
    width: 0;                 /* Начальная ширина */
    position: fixed;          /* Фиксированное позиционирование */
    top: 0;                   /* От верхнего края */
    right: 0;                 /* Прикреплен к правому краю */
    background-color: #f1f1f1;/* Цвет фона */
    overflow-y: auto;         /* Вертикальная прокрутка */
    transition: width 0.3s;   /* Плавное раскрытие */
    padding-top: 50px;        /* Отступ сверху */
    padding-bottom: 140px;    /* Отступ снизу */
    z-index: 1001;            /* Приоритет отображения */
    display: flex;            /* Флекс-контейнер */
    flex-direction: column;   /* Расположение по колонке */
}

#filter-screen.open {
    width: 250px;             /* Ширина при открытии */
}

/* Кнопка закрытия экрана фильтра */
.tire-complect-filter-container .close-button {
    position: absolute;       /* Абсолютное позиционирование */
    top: 10px;                /* Отступ сверху */
    right: 15px;              /* Отступ справа */
    background: none;         /* Прозрачный фон */
    border: none;             /* Без границы */
    font-size: 20px;          /* Размер шрифта */
    font-weight: bold;        /* Жирный шрифт */
    color: #333;              /* Цвет текста */
    cursor: pointer;          /* Курсор указателя */
    transition: color 0.3s;   /* Плавный переход цвета */
    z-index: 1002;            /* Приоритет отображения */
}

.tire-complect-filter-container .close-button:hover {
    color: #ff0000;           /* Красный цвет при наведении */
}

/* Затемненный фон при открытом экране фильтра */
#filter-overlay {
    position: fixed;          /* Фиксированное позиционирование */
    top: 0;
    left: 0;
    width: 100%;              /* Полная ширина */
    height: 100%;             /* Полная высота */
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
    display: none;            /* Скрыт по умолчанию */
    z-index: 999;             /* Приоритет отображения */
}

#filter-overlay.active {
    display: block;           /* Отображение при активности */
}












/* ============================================
   Общие стили для фильтра
============================================ */

/* Применяем box-sizing ко всем элементам для корректной модели коробки */
.tire-complect-filter-container,
.tire-complect-filter-container * {
    box-sizing: border-box;
}

/* Настройка основного контейнера фильтра */
.tire-complect-filter-container {
    width: 100%;         /* Занимает всю ширину родителя */
    padding: 0 10px;     /* Внутренние отступы по горизонтали */
    overflow: hidden;    /* Скрываем переполнение */
}

/* Стили для селекторов внутри фильтра */
.tire-complect-filter-container .selector {
    background-color: #fff;                  /* Белый фон */
    border: 1px solid #ddd;                  /* Светло-серая граница */
    border-radius: 4px;                      /* Сглаженные углы */
    padding: 8px 5px;                            /* Внутренние отступы */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);   /* Легкая тень */
    margin-bottom: 12px;                     /* Отступ снизу */
    display: flex;                           /* Флекс-контейнер для равной высоты */
    flex-direction: column;                  /* Расположение элементов по колонке */
    gap: 6px;                                /* Расстояние между элементами */
    flex: 1 1 150px;                         /* Гибкость и минимальная ширина */
    max-width: 100%;                         /* Ограничение максимальной ширины */
    height:360px;
    overflow: hidden;                        /* Скрываем переполнение */
}

#diameter-selector-side, #tire-height-chooser-side, #marka-selector-side, #type-selector-side {
     height:300px;

}

#width-front-selector-side, #width-rear-selector-side {
    height:160px;
}

/* Содержимое селектора */
.tire-complect-filter-container .selector-content {
    display: flex;            /* Флекс-контейнер */
    flex-direction: column;   /* Расположение по колонке */
    width: 100%;              /* Полная ширина */
    height: 100%;             /* Полная высота */
}

/* Центрирование заголовков внутри .selector-content */
.tire-complect-filter-container .selector-content label {
    justify-content: flex-start; /* Центрирование содержимого по горизонтали */
    text-align: left;      /* Центрирование текста внутри label */
}

/* Группы чекбоксов внутри селекторов */
.tire-complect-filter-container .checkbox-group {
    display: flex;            /* Флекс-контейнер */
    flex-direction: column;   /* Расположение по колонке */
    gap: 2px;                 /* Расстояние между чекбоксами */
   /*   max-height: 220px;  */          /* Ограничение высоты */
    overflow-y: auto;         /* Вертикальная прокрутка при переполнении */
    padding-right: 10px;      /* Отступ для скроллбара */
    padding-top:10px;
}

/* Метки и чекбоксы */
.tire-complect-filter-container .filter-container label {
    display: flex;            /* Флекс-контейнер */
    align-items: center;      /* Выравнивание по центру по вертикали */
    margin-bottom: 2px;       /* Отступ снизу */
    font-size: 12px;          /* Размер шрифта */
    color: #555;              /* Цвет текста */
}

/* Чекбоксы */
.tire-complect-filter-container .filter-container input[type="checkbox"] {
    margin-right: 3px;        /* Отступ справа от чекбокса */
    cursor: pointer;          /* Курсор указателя при наведении */
}

/* Кнопка отправки формы */
.tire-complect-filter-container .tire-complect-filter-container-submit-button {
 padding: 10px 20px !important;
    margin: 10px auto ;

    font-size: 16px !important;
    color: #fff !important;
    background-color: #477bbf !important;


    border: none;                      /* Без границы */
    border-radius: 4px;                /* Сглаженные углы */
    font-size: 12px;                   /* Размер шрифта */
    cursor: pointer;                   /* Курсор указателя */
    transition: background-color 0.3s; /* Плавный переход цвета фона */
    display: block;                    /* Блочный элемент */

}

.tire-complect-filter-container .tire-complect-filter-container-submit-button:hover {
    background-color: #0056b3;         /* Темно-синий фон при наведении */
}

/* ============================================
   Стили для форм фильтра
============================================ */

/* Общие настройки контейнера форм */
.tire-complect-filter-container .filter-container {
    display: flex;           /* Флекс-контейнер */
    flex-wrap: wrap;         /* Перенос элементов при переполнении */
    gap: 10px;               /* Расстояние между селекторами */
    width: 100%;             /* Полная ширина */
    align-items: stretch;    /* Равная высота селекторов */
}

/* Специфичные стили для основной формы */
#filterFormMain .filter-container {
    flex-wrap: nowrap;       /* Запрет переноса элементов */
    justify-content: space-between; /* Равномерное распределение */
    overflow-x: hidden;      /* Скрываем горизонтальное переполнение */
}

#filterFormMain .selector {
    flex: 1 1 100px;         /* Гибкость и минимальная ширина */
}

#filterFormMain .selector label {
    height: 20px;            /* Фиксированная высота заголовков */
}

.filterFormSidecontainer {
    padding:10px;
}

/* Специфичные стили для боковой формы */
#filterFormSide .selector {
    flex: 0 0 calc(50% - 10px); /* Два селектора в ряд */
    max-width: calc(50% - 10px);
}

#filterFormSide .submit-button {
    margin-top: 10px;        /* Отступ сверху */
    width: 100%;             /* Кнопка на всю ширину */
    padding: 5px 10px;       /* Уменьшенные отступы */
    font-size: 13px;         /* Уменьшенный размер шрифта */
}

/* ============================================
   Специфичные стили для селекторов по ID
============================================ */

/* Блоки, которым нужно сделать шире */
#marka-selector,
#type-selector {
    flex: 0 0 120px;           /* Фиксированная ширина */
    max-width: 150px;          /* Максимальная ширина */
}

/* Остальные блоки, которым нужно сделать уже */
#diameter-selector,
#tire-height-chooser,
#width-front-selector,
#width-rear-selector {
    flex: 0 0 100px;           /* Фиксированная ширина */
    max-width: 120px;          /* Максимальная ширина */
}

/* ============================================
   Стили для контейнера изображений
============================================ */

/* Стили для контейнера изображений */
.tire-complect-filter-container .selector .image-container {
       /*  max-width: 80px;  */               /* Фиксированная ширина */
    height: 50px;              /* Фиксированная высота */
    display: flex;             /* Используем Flexbox для центрирования */
    justify-content: center;   /* Горизонтальное центрирование */
    align-items: center;       /* Вертикальное центрирование */
    margin: 10px auto;            /* Центрирование контейнера при необходимости */
}

/* Стили для изображений внутри контейнера */
.tire-complect-filter-container .selector .image-container img {
    max-width: 100%;            /* Ограничиваем максимальную ширину изображений */
    max-height: 100%;           /* Ограничиваем максимальную высоту изображений */
    width: auto;                /* Автоматическая ширина для сохранения пропорций */
    height: auto;               /* Автоматическая высота для сохранения пропорций */
    object-fit: contain;        /* Сохраняем пропорции изображения */
    /* Убираем лишние отступы */
    margin: 0;
}


/* ============================================
   Дополнительные стили
============================================ */

/* Кастомизация скроллбара */
.tire-complect-filter-container .checkbox-group::-webkit-scrollbar {
    width: 6px;               /* Ширина скроллбара */
}

.tire-complect-filter-container .checkbox-group::-webkit-scrollbar-track {
    background: #f1f1f1;      /* Цвет трека скроллбара */
}

.tire-complect-filter-container .checkbox-group::-webkit-scrollbar-thumb {
    background: #888;         /* Цвет ползунка скроллбара */
    border-radius: 3px;       /* Сглаженные углы */
}

.tire-complect-filter-container .checkbox-group::-webkit-scrollbar-thumb:hover {
    background: #555;         /* Цвет при наведении */
}

/*
    стали корзины страницы формы
*/
  /* styles.css - Стили для экранов от 501px до 1299px */
    /* Уникальные классы для таблицы корзины */
    .cart-table {
        width: 100%;
        border-collapse: collapse;
    }
    .cart-table th, .cart-table td {
        padding: 8px;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 14px;
    }
    .cart-table th {
        background-color: #f2f2f2;
        color: #7c7c7c;
        font-size: 10px;
    }
    .cart-table .cart-product {
        text-align: left;
    }
    .cart-table .cart-price, .cart-table .cart-quantity, .cart-table .cart-total, .cart-table .cart-delete {
        width: 50px; /* Установите фиксированную ширину для нужных столбцов */
    }
    .cart-table .cart-delete img {
        max-width: 20px;
        height: auto;
        cursor: pointer;
    }
/*
    стали корзины страницы формы
*/
 .thank-you-block img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*
    стали выбора марки и модели
*/
/* =========================================================
   Современный блок выбора марки и модели квадроцикла
   styles.css — средние экраны 501px–1299px
   ========================================================= */

.filterRow.kd-model-filter,
.filterRow.kd-model-filter * {
    box-sizing: border-box;
}

.filterRow.kd-model-filter {
    display: block;
    width: 100%;
    margin: 16px 0 20px;
    padding: 14px;

    background:
        radial-gradient(circle at 100% 0, rgba(71, 123, 191, 0.10) 0, rgba(71, 123, 191, 0) 35%),
        linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);

    border: 1px solid #dbe6fb;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(31, 63, 117, 0.07);

    text-align: left;
}

/* Верх блока */
.kd-model-filter__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.kd-model-filter__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;

    color: #477bbf;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.kd-model-filter__eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #477bbf;
}

.kd-model-filter__title {
    color: #0f1f33;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.2px;
}

.kd-model-filter__hint {
    max-width: 285px;
    padding-top: 2px;

    color: #66778f;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

/* Сетка: на styles.css делаем 2 колонки */
.kd-model-filter__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
}

/* Сбрасываем старую filterColumn только внутри нового блока */
.kd-model-filter .filterColumn {
    flex: none;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

/* Поля */
.kd-model-filter__field {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
}

.kd-model-filter__field label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;

    color: #0f1f33;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
}

.kd-model-filter__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;
    border-radius: 50%;

    background: #eaf2ff;
    border: 1px solid #cfe0ff;

    color: #477bbf;
    font-size: 11px;
    font-weight: 800;
}

/* Select */
.kd-model-filter__select-wrap {
    position: relative;
}

.kd-model-filter__select-wrap::after {
    content: "";
    position: absolute;
    right: 13px;
    top: 50%;

    width: 8px;
    height: 8px;

    border-right: 2px solid #477bbf;
    border-bottom: 2px solid #477bbf;

    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

.kd-model-filter select {
    width: 100%;
    height: 43px;
    max-width: 100%;

    padding: 0 36px 0 12px;

    background: #ffffff;
    border: 1px solid #cfe0ff;
    border-radius: 12px;

    color: #0f1f33;
    font-size: 13px;
    line-height: 43px;
    font-weight: 700;

    outline: none;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.kd-model-filter select:hover {
    border-color: #9fbbe8;
    background: #fbfdff;
}

.kd-model-filter select:focus {
    border-color: #477bbf;
    box-shadow: 0 0 0 3px rgba(71, 123, 191, 0.14);
}

.kd-model-filter select:disabled {
    color: #8a98ad;
    background: #f4f7fc;
    border-color: #dbe6fb;
    cursor: default;
}

/* Выбранная техника */
.kd-model-filter__selected {
    min-height: 68px;
    padding: 9px 10px !important;

    background: #ffffff !important;
    border: 1px solid #dbe6fb !important;
    border-radius: 13px !important;

    display: flex;
    flex-direction: column;
    justify-content: center;

    text-align: center;
}

.kd-model-filter__selected-label {
    margin-bottom: 5px;

    color: #66778f;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.kd-model-filter__selected-info {
    min-height: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#selectedModelImage {
    flex: 0 0 auto;
    width: auto;
    max-width: 58px;
    max-height: 36px;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

#selectedModelName {
    width: 100%;
    min-width: 0;

    color: #0f1f33;
    font-size: 11.5px;
    line-height: 1.18;
    font-weight: 800;
    text-align: center;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    word-break: break-word;
}

/* Кнопка */
.kd-model-filter__actions {
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
}

.kd-model-filter .btn-reset {
    width: 100%;
    height: 43px;
    padding: 0 12px;

    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;

    color: #1f3f75;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;

    cursor: pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.kd-model-filter .btn-reset:hover {
    background: #fff7f2;
    border-color: #f3c7aa;
    color: #e36413;
    box-shadow: 0 7px 16px rgba(227, 100, 19, 0.10);
    transform: translateY(-1px);
}

.kd-model-filter .btn-reset:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Дополнительная защита для узкой части styles.css */
@media (max-width: 720px) {
    .filterRow.kd-model-filter {
        padding: 12px;
        border-radius: 14px;
    }

    .kd-model-filter__top {
        display: block;
    }

    .kd-model-filter__hint {
        max-width: none;
        margin-top: 7px;
    }

    .kd-model-filter__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .kd-model-filter__title {
        font-size: 18px;
    }

    .kd-model-filter__actions {
        align-items: stretch;
    }
}
/* === Унифицированные уведомления (purchase, login, restore) === */
.notice-box {
    box-sizing: border-box;
    max-width: 640px;
    margin: 15px auto 20px;
    padding: 18px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
    font-size: 14px;
    line-height: 1.5;
    color: #2c3e50;
}

.notice-box h2,
.notice-box h3 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #2c3e50;
}

.notice-box p {
    margin: 4px 0;
}

.notice-box.notice-info {
    border-left: 4px solid #477bbf;   /* синий акцент */
}

.notice-box.notice-success {
    border-left: 4px solid #27ae60;   /* зелёный для успеха */
}

.notice-box.notice-error {
    border-left: 4px solid #e74c3c;   /* красный для ошибок */
}

.notice-box--compact {
    padding-top: 10px;
    padding-bottom: 10px;
}

.notice-box a {
    color: #167fe9;
    text-decoration: none;
}

.notice-box a:hover {
    text-decoration: underline;
}

/* === Унифицированная форма входа (login.php + purchase.php) === */

.login-form {
    background-color: #fff;
    padding: 20px;
    max-width: 400px;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.login-form h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #2c3e50;
}

.login-form .login-help {
    margin: 0 0 15px;
    font-size: 13px;
    color: #7f8c8d;
}

.login-form form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-form .input-group {
    display: flex;
    flex-direction: column;
}

.login-form .input-group label {
    margin-bottom: 4px;
    font-size: 14px;
    color: #333;
}

.login-form .input-group input[type="text"],
.login-form .input-group input[type="password"] {
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.login-form .input-group input[type="text"]:focus,
.login-form .input-group input[type="password"]:focus {
    border-color: #477bbf;
    outline: none;
    box-shadow: 0 0 0 2px rgba(71,123,191,0.2);
}

.login-form button[type="submit"] {
    padding: 11px;
    background-color: #477bbf;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.login-form button[type="submit"]:hover {
    background-color: #2e5a94;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.login-form__footer {
    margin-top: 5px;
    font-size: 13px;
    text-align: right;
}

.login-form__footer a {
    color: #167fe9;
}
/* Блок предупреждения про Telegram */
.telegram-warning{
    background-color:#efefef;
    border:1px solid #ddd;
    margin:10px 0;
    padding:10px;
    width:auto;
    box-sizing:border-box; /* чтобы padding не ломал ширину */
}

.telegram-warning__text{
    display:block;
    font-weight:bold;
    font-size:11px;
    color:#383838;
    line-height:15px;
}

.telegram-warning__link{
    color:red;
    font-weight:bold;
    text-decoration:none;
}

.telegram-warning__link:hover{
    text-decoration:underline;
}

          /* =========================
   SEO block
   ========================= */

#SEOBlock:before,
#SEOBlock:after {
    content: none !important;
    display: none !important;
}

#SEOBlock {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 12px 0 18px 0;
    padding: 18px 22px;
    background: linear-gradient(to bottom, #f8fbff 0%, #eef3f9 100%);
    border: 1px solid #d6e1ee;
    box-shadow: 0 2px 6px rgba(71, 123, 191, 0.08);
    color: #383838;
    text-align: left;
    overflow: hidden;
}

#SEOBlock .SEOBlockLabel {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 14px 0;
    padding: 10px 14px;
    background-color: #477bbf;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(71, 123, 191, 0.22);
}

#SEOBlock .SEOBlockContent {
    display: block;
    margin: 0;
    padding: 0;
    color: #383838;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
    text-indent: 0;
}

#SEOBlock .SEOBlockContent p {
    margin: 0 0 12px 0;
    padding: 0;
}

#SEOBlock .SEOBlockContent p:last-child {
    margin-bottom: 0;
}

#SEOBlock .SEOBlockContent strong,
#SEOBlock .SEOBlockContent b {
    color: #1f3f75;
}

#SEOBlock .SEOBlockContent a,
#SEOBlock .SEOBlockContent a:visited {
    color: #477bbf;
    text-decoration: underline;
}

#SEOBlock .SEOBlockContent a:hover {
    color: #e36413;
    text-decoration: none;
}


/* Текст сео блока главнойт страницы*/
            /* =========================================
   HOME SEO — 4 static blocks
   Современные, но спокойные
   ========================================= */

#text.home-seo-4 {
    margin: 20px;
    clear: both;
}

#text.home-seo-4 .seo-intro {
    margin-bottom: 18px;
    padding: 18px 20px;
    background: #f7f9ff;
    border: 1px solid #dbe6fb;
    border-radius: 14px;
}

#text.home-seo-4 .seo-intro-label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;
    color: #1f3f75;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#text.home-seo-4 .seo-intro .h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    color: #0f1f33;
}

#text.home-seo-4 .seo-intro p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #4f5f73;
}

#text.home-seo-4 .seo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

#text.home-seo-4 .seo-box {
    padding: 18px 18px 16px;
    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 14px;
    box-sizing: border-box;
    min-height: 100%;
}

#text.home-seo-4 .seo-box .h3 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef3fb;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #163b70;
}

#text.home-seo-4 .seo-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #4f5f73;
}

#text.home-seo-4 .seo-footer-note {
    margin-top: 14px;
    padding: 12px 14px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #7b8794;
}

@media (max-width: 860px) {
    #text.home-seo-4 .seo-grid {
        grid-template-columns: 1fr;
    }

    #text.home-seo-4 .seo-intro .h3 {
        font-size: 21px;
    }

    #text.home-seo-4 .seo-box .h3 {
        font-size: 17px;
    }
}

@media (max-width: 520px) {
    #text.home-seo-4 {
        margin: 14px 8px;
    }

    #text.home-seo-4 .seo-intro {
        padding: 16px 14px;
        border-radius: 12px;
    }

    #text.home-seo-4 .seo-box {
        padding: 16px 14px 14px;
        border-radius: 12px;
    }

    #text.home-seo-4 .seo-intro .h3 {
        font-size: 19px;
    }

    #text.home-seo-4 .seo-intro p,
    #text.home-seo-4 .seo-box p {
        font-size: 14px;
        line-height: 1.75;
    }
}
/* Текст сео блока главнойт страницы*/

/* Карта*/
    /* =========================================
   HOME MAP — styles.css
   501px–1299px
   ========================================= */

.home-map-live {
    margin: 20px 0;
    padding: 14px;
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    box-sizing: border-box;
    clear: both;
    width: 100%;
}

.home-map-live__head {
    margin-bottom: 12px;
}

.home-map-live__label {
    display: inline-block;
    margin-bottom: 8px;
    padding: 6px 10px;
    background: #f3f7ff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;
    color: #1f3f75;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.home-map-live__title {
    margin: 0 0 6px;
    color: #0f1f33;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
}

.home-map-live__text {
    margin: 0;
    color: #5f6b7a;
    font-size: 14px;
    line-height: 1.7;
}

.home-map-live__frame {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    background: #f7f9ff;
    line-height: 0;
}

.home-map-live__frame iframe {
    display: block !important;
    width: 100% !important;
    height: 340px !important;
    border: 0 !important;
}

.home-map-live__actions {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-map-live__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid #dbe6fb;
    background: #f7f9ff;
    color: #1f3f75 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
}

.home-map-live__btn--primary {
    background: #477bbf;
    border-color: #477bbf;
    color: #fff !important;
}
/* Карта*/


  /* контакты*/
           /* =========================================
   CONTACTS PAGE — MID
   ========================================= */

.contacts-modern {
    margin: 0;
}

.contacts-hero {
    margin-bottom: 14px;
}

.contacts-intro,
.contacts-map-block,
.contacts-card,
.contacts-photo-card {
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    box-sizing: border-box;
}

.contacts-intro {
    margin: 0 0 14px;
    padding: 14px 16px;
}

.contacts-intro p {
    margin: 0;
    color: #4f5f73;
    font-size: 14px;
    line-height: 1.7;
}

.contacts-grid,
.contacts-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.contacts-card,
.contacts-photo-card,
.contacts-map-block {
    padding: 14px 16px;
}

.contacts-card .h3,
.contacts-photo-card .h3,
.contacts-map-block__head .h3 {
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eef3fb;
    font-size: 17px;
    font-weight: 800;
    color: #163b70;
}

.contacts-card p,
.contacts-map-block__head p {
    margin: 0 0 10px;
    color: #4f5f73;
    font-size: 14px;
    line-height: 1.7;
}

.contacts-list__row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0;
    border-bottom: 1px solid #eef3fb;
}

.contacts-list__row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.contacts-list__label {
    color: #0f1f33;
    font-weight: 700;
}

.contacts-list__value {
    color: #4f5f73;
    line-height: 1.7;
}

.contacts-list__value a {
    color: #477bbf;
    text-decoration: none;
}

.contacts-highlight {
    color: #e36413;
    font-weight: 700;
}

.contacts-map-block__head {
    margin-bottom: 10px;
}

.contacts-map-frame {
    overflow: hidden;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    background: #f7f9ff;
    line-height: 0;
}

.contacts-modern-img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #eef3fb;
    border-radius: 10px;
}

.contacts-times {
    font-weight: 700;
    color: #163b70 !important;
    line-height: 1.8 !important;
}

.contacts-transport-list div {
    padding: 8px 0;
    border-bottom: 1px solid #eef3fb;
    color: #4f5f73;
    line-height: 1.7;
}

.contacts-transport-list div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.contacts-requisites {
    color: #4f5f73;
    line-height: 1.75;
}
    /* контакты*/
    /* =========================================
   CATEGORY SEO + wrapperTXTBlock — MID
   ========================================= */
#catSeoText.category-seo-text{
    clear: both;
    display: block;
    width: calc(100% - 20px);
    margin: 20px 10px 18px;
    padding: 18px 18px;
    box-sizing: border-box;
    background: #f7f9ff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    text-align: left !important;
    color: #4f5f73;
}

#catSeoText.category-seo-text h3{
    margin: 0 0 12px;
    color: #163b70;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

#catSeoText.category-seo-text p{
    margin: 0 0 13px;
    font-size: 14px;
    line-height: 1.75;
    color: #4f5f73;
}

#catSeoText.category-seo-text p:last-child{
    margin-bottom: 0;
}

#catSeoText.category-seo-text strong,
#catSeoText.category-seo-text b{
    color: #1f3f75;
}

#catSeoText.category-seo-text a,
#catSeoText.category-seo-text a:visited{
    color: #477bbf;
    text-decoration: underline;
}

#catSeoText.category-seo-text a:hover{
    color: #e36413;
    text-decoration: none;
}



/* =========================================
   ABOUT US PAGE — TABLET / NORMAL
   styles.css / 501px–1299px
   ========================================= */

.about-page-card,
.about-guest-card{
    clear: none;
    display: block;
    width: calc(100% - 16px);
    margin: 18px 8px;
    padding: 18px;
    box-sizing: border-box;
    background: #f7f9ff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
    color: #4f5f73;
    text-align: left;
    overflow: hidden;
}

.about-page-card *,
.about-guest-card *{
    box-sizing: border-box;
}

.about-page-card__head{
    margin: 0 0 14px;
    padding: 0 0 11px;
    border-bottom: 1px solid #dbe6fb;
}

.about-page-card__title{
    margin: 0;
    color: #163b70;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.15px;
    text-align: left;
}

.about-page-card__body{
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 14px;
    align-items: start;
}

.about-page-card__certificate{
    display: block;
    width: 128px;
    max-width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 11px;
}

.about-page-card__certificate img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.about-page-card__text p,
.about-guest-card__text p{
    margin: 0 0 13px;
    color: #4f5f73;
    font-size: 14.5px;
    line-height: 1.7;
    text-align: left;
}

.about-page-card__text p:last-child,
.about-guest-card__text p:last-child{
    margin-bottom: 0;
}

.about-page-card__text strong,
.about-guest-card__text strong{
    color: #1f3f75;
    font-weight: 700;
}

.about-page-card__gallery-title{
    margin: 20px 0 12px;
    color: #163b70;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
}

.about-page-card__gallery{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    gap: 10px;
}

.about-page-card__gallery a,
.about-guest-card__video a{
    color: #477bbf;
    text-decoration: none;
}

.about-page-card__gallery a:hover,
.about-guest-card__video a:hover{
    color: #e36413;
    text-decoration: none;
}

.about-page-card__thumb{
    display: block;
    width: 100%;
    height: 72px;
    object-fit: cover;
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 10px;
    transition: border-color .15s ease, transform .15s ease;
}

.about-page-card__gallery a:hover .about-page-card__thumb{
    border-color: #e36413;
    transform: translateY(-1px);
}

.about-guest-card{
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    align-items: center;
}

.about-guest-card__person{
    display: block;
    width: 115px;
    max-width: 100%;
    height: auto;
}

.about-guest-card__text{
    min-width: 0;
}

.about-guest-card__video{
    grid-column: 1 / -1;
    text-align: left;
}

.about-guest-card__video-preview{
    display: block;
    width: 250px;
    max-width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
}

.about-guest-card__video-label{
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    color: #1f3f75;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
}

.about-guest-card__text--small{
    display: none;
}

@media screen and (max-width: 760px){
    .about-page-card,
    .about-guest-card{
        width: calc(100% - 12px);
        margin: 16px 6px;
        padding: 16px;
    }

    .about-page-card__body{
        grid-template-columns: 120px 1fr;
        gap: 12px;
    }

    .about-page-card__certificate{
        width: 112px;
    }

    .about-page-card__gallery{
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .about-page-card__thumb{
        height: 68px;
    }
}



/* =========================================
   FOOTER1 — TABLET / DESKTOP
   styles.css / 501px–1299px
   Современный тёмный футер Квадродел
   ========================================= */

#footer2.siteFooterBig{
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    clear: both;
    position: relative;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    font-family: Arial, Verdana, Helvetica, sans-serif;

    background:
        radial-gradient(circle at 12% 22%, rgba(227,100,19,.18) 0, transparent 27%),
        radial-gradient(circle at 85% 70%, rgba(71,123,191,.16) 0, transparent 30%),
        linear-gradient(135deg, #2f302f 0%, #56524d 48%, #716c64 100%) !important;

    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(0,0,0,.35);
}

#footer2.siteFooterBig::before{
    content: "";
    position: absolute;
    inset: -80px -140px;
    z-index: 0;
    pointer-events: none;
    opacity: .13;
    transform: rotate(-9deg);
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 38px,
            rgba(255,255,255,.22) 38px 44px,
            transparent 44px 70px
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0 34px,
            rgba(255,255,255,.14) 34px 38px,
            transparent 38px 68px
        );
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

#footer2.siteFooterBig::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), transparent 42%),
        linear-gradient(90deg, rgba(0,0,0,.22), transparent 25%, transparent 75%, rgba(0,0,0,.18));
}

.siteFooterBig,
.siteFooterBig *{
    box-sizing: border-box;
}

.siteFooterBig__inner{
    position: relative;
    z-index: 2;
    width: calc(100% - 36px);
    max-width: 1120px;
    margin: 0 auto;
    padding: 22px 0 20px;
}

.siteFooterBig__hero{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 16px;
    padding: 16px 18px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.siteFooterBig__heroMain{
    min-width: 0;
}

.siteFooterBig__eyebrow{
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 8px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(227,100,19,.18);
    border: 1px solid rgba(227,100,19,.32);
    color: #ffd8c3;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.siteFooterBig__title{
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.22px;
}

.siteFooterBig__subtitle{
    max-width: 720px;
    margin: 8px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 13px;
    line-height: 1.45;
}

.siteFooterBig__heroBadge{
    flex: 0 0 auto;
    min-width: 155px;
    padding: 12px 14px;
    border-radius: 14px;
    text-align: right;
    background: rgba(15,31,51,.24);
    border: 1px solid rgba(255,255,255,.10);
}

.siteFooterBig__heroBadge span{
    display: block;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.siteFooterBig__heroBadge strong{
    display: block;
    margin-top: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.siteFooterBig__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.siteFooterBig__card,
.siteFooterBig__card:link,
.siteFooterBig__card:visited{
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 98px;
    padding: 16px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    color: #ffffff !important;
    text-decoration: none !important;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.siteFooterBig__card::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(135deg, rgba(227,100,19,.18), rgba(71,123,191,.10));
    transition: opacity .18s ease;
}

.siteFooterBig__card:hover{
    background: rgba(255,255,255,.105);
    border-color: rgba(227,100,19,.50);
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10);
}

.siteFooterBig__card:hover::before{
    opacity: 1;
}

.siteFooterBig__icon{
    position: relative;
    z-index: 1;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin: 0 14px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    color: #ffffff;
}

.siteFooterBig__icon svg{
    display: block;
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.siteFooterBig__card:hover .siteFooterBig__icon{
    background: rgba(227,100,19,.20);
    border-color: rgba(227,100,19,.36);
    color: #ffe0cd;
}

.siteFooterBig__content{
    position: relative;
    z-index: 1;
    display: block;
    min-width: 0;
}

.siteFooterBig__cardTitle{
    display: block;
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.22;
    font-weight: 800;
}

.siteFooterBig__cardText,
.siteFooterBig__legal{
    margin: 14px 0 0;
    padding: 13px 16px;
    border-radius: 14px;
    background: rgba(0,0,0,.13);
    border: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.62);
    font-size: 11px;
    line-height: 1.45;
}

@media screen and (min-width: 900px){
    .siteFooterBig__grid{
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

    .siteFooterBig__card{
        min-height: 102px;
        padding: 17px 17px 16px;
    }
}


/* =========================================
   FOOTER3 — TABLET / DESKTOP
   styles.css / 501px–1299px
   Нижний футер + cookie banner
   ========================================= */

#footer3.siteFooterBottom{
    display: block !important;
    clear: both;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    font-family: Arial, Verdana, Helvetica, sans-serif;

    background:
        radial-gradient(circle at 10% 0%, rgba(227,100,19,.14) 0, transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(71,123,191,.14) 0, transparent 30%),
        linear-gradient(135deg, #16191c 0%, #24282d 48%, #313130 100%) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(0,0,0,.50);
    color: #ffffff;
}

#footer3.siteFooterBottom::before{
    content: "";
    position: absolute;
    inset: -90px -140px;
    z-index: 0;
    pointer-events: none;
    opacity: .08;
    transform: rotate(-10deg);
    background:
        repeating-linear-gradient(90deg, transparent 0 36px, rgba(255,255,255,.24) 36px 42px, transparent 42px 68px),
        repeating-linear-gradient(0deg, transparent 0 34px, rgba(255,255,255,.13) 34px 38px, transparent 38px 66px);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

#footer3.siteFooterBottom::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), transparent 38%),
        linear-gradient(90deg, rgba(0,0,0,.20), transparent 42%, rgba(0,0,0,.16));
}

.siteFooterBottom,
.siteFooterBottom *{
    box-sizing: border-box;
}

.siteFooterBottom__inner{
    position: relative;
    z-index: 2;
    width: calc(100% - 36px);
    max-width: 1120px;
    margin: 0 auto;
    padding: 22px 0 24px;
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 14px;
}

.siteFooterBottom__brand,
.siteFooterBottom__info,
.siteFooterBottom__contacts,
.siteFooterBottom__social{
    margin: 0;
    padding: 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.siteFooterBottom__brand{
    display: flex;
    align-items: center;
    gap: 16px;
}

.siteFooterBottom__logoLink{
    display: block;
    flex: 0 0 150px;
    max-width: 150px;
}

.siteFooterBottom__logo{
    display: block;
    width: 150px;
    max-width: 100%;
    height: auto;
    opacity: .88;
}

.siteFooterBottom__brandText{
    min-width: 0;
}

.siteFooterBottom__brandTitle{
    color: #ffffff;
    font-size: 22px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.2px;
}

.siteFooterBottom__brandSubtitle{
    max-width: 280px;
    margin-top: 6px;
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.38;
}

.siteFooterBottom__label{
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 0 9px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(227,100,19,.16);
    border: 1px solid rgba(227,100,19,.28);
    color: #ffd8c3;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.siteFooterBottom__text,
#footer3.siteFooterBottom p{
    margin: 0 0 10px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
}

.siteFooterBottom__text--address{
    color: #ffffff;
    font-weight: 700;
}

.siteFooterBottom__link,
.siteFooterBottom__link:link,
.siteFooterBottom__link:visited,
.siteFooterBottom__phones a,
.siteFooterBottom__phones a:link,
.siteFooterBottom__phones a:visited,
.siteFooterBottom__mail a,
.siteFooterBottom__mail a:link,
.siteFooterBottom__mail a:visited{
    color: #dce8ff !important;
    text-decoration: none !important;
}

.siteFooterBottom__link:hover,
.siteFooterBottom__phones a:hover,
.siteFooterBottom__mail a:hover{
    color: #ffd8c3 !important;
    text-decoration: none !important;
}

.siteFooterBottom__phones,
.siteFooterBottom__mail{
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.siteFooterBottom__mail{
    margin-top: 10px;
}

.siteFooterBottom__phones a,
.siteFooterBottom__mail a{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 9px;
    border-radius: 10px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.075);
    font-size: 12px;
    line-height: 1.2;
}

.siteFooterBottom__socialList{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.siteFooterBottom__socialLink,
.siteFooterBottom__socialLink:link,
.siteFooterBottom__socialLink:visited{
    display: flex;
    align-items: center;
    min-height: 40px;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.11);
    color: #ffffff !important;
    text-decoration: none !important;
}

.siteFooterBottom__socialLink:hover{
    background: rgba(227,100,19,.16);
    border-color: rgba(227,100,19,.32);
    color: #ffffff !important;
    text-decoration: none !important;
}

.siteFooterBottom__socialLink img{
    display: block;
    width: 28px;
    height: 28px;
}

.siteFooterBottom__socialLink span{
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

/* Cookie banner — tablet / desktop */
.cookie-banner{
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(23,26,29,.96);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 14px 42px rgba(0,0,0,.28);
    color: rgba(255,255,255,.76);
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.45;
    transition: transform .28s ease, opacity .28s ease;
}

.cookie-banner--hidden{
    transform: translateY(calc(100% + 24px));
    opacity: 0;
    pointer-events: none;
}

.cookie-banner a,
.cookie-banner a:link,
.cookie-banner a:visited{
    color: #ffd8c3 !important;
    text-decoration: underline !important;
}

.cookie-btn{
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 999px;
    background: #e36413;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.cookie-btn:hover{
    background: #f07522;
}

/* =========================================================
   КОМПАКТНЫЙ ПОИСК ШИН — styles.css
   Средняя версия 501px–1299px
   ========================================================= */

.shini-search-panel{
  box-sizing:border-box;
  width:100%;
  margin:0 0 16px 0;
  padding:10px;
  background:#f5f5f5;
  border:1px solid #dddddd;
  border-radius:3px;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

.shini-search-title{
  margin:0 0 8px 0;
  padding:0;
  color:#477bbf;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  text-align:left;
}

.shini-search-subtitle{
  display:none;
}

.shini-search-row{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
}

.shini-search-input{
  box-sizing:border-box !important;
  display:block !important;
  flex:1 1 auto;
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 10px !important;
  background:#ffffff !important;
  border:1px solid #bdbdbd !important;
  border-radius:2px !important;
  color:#383838 !important;
  font-family:Arial,Verdana,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:36px !important;
  outline:none !important;
  -webkit-appearance:none;
  appearance:none;
}

.shini-search-input:focus{
  border-color:#477bbf !important;
}

.shini-search-input::placeholder{
  color:#777777;
}

.shini-search-clear{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 15px;
  background:#477bbf;
  border:0;
  border-radius:2px;
  color:#ffffff;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:36px;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

.shini-search-clear:hover{
  background:#e36413;
  color:#ffffff;
}

.shini-search-counter{
  margin-top:7px;
  color:#555555;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.3;
  text-align:left;
}

.shini-search-counter strong{
  color:#477bbf;
  font-weight:700;
}

.shini-search-empty{
  box-sizing:border-box;
  display:none;
  width:100%;
  margin:0 0 16px 0;
  padding:9px 10px;
  background:#fff7ef;
  border:1px solid #e36413;
  border-radius:2px;
  color:#383838;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-align:left;
}

.shini-search-results{
  display:none;
  box-sizing:border-box;
  width:100%;
  margin:0 0 16px 0;
  padding:0;
}

.shini-search-results.shini-search-results-active{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  gap:10px;
}

.shini-search-results .shiniBlock{
  margin:7px 4px 7px 0 !important;
}

.shini-search-results table.int_content_product{
  width:100% !important;
  margin:0 0 10px 0 !important;
}

.shini-search-hidden{
  display:none !important;
}

body.shini-search-is-active .text-container,
body.shini-search-is-active .BannerPage,
body.shini-search-is-active .reklamaRoadWheel,
body.shini-search-is-active .divider,
body.shini-search-is-active #catDescr,
body.shini-search-is-active #SEOBlock,
body.shini-search-is-active .SEOBlock,
body.shini-search-is-active .SEOBlockWithTitle{
  display:none !important;
}
/* =========================================================
   СОВРЕМЕННЫЙ ПОИСК ПО САЙТУ — styles.css
   501px–1299px
   ========================================================= */

.site-search-page{
  box-sizing:border-box;
  width:100%;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

.site-search-hero{
  box-sizing:border-box;
  width:100%;
  margin:0 0 22px 0;
  padding:24px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#f5f8fe 100%);
  border:1px solid #dbe6fb;
  border-radius:22px;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}

.site-search-hero::before{
  content:"";
  position:absolute;
  right:-54px;
  top:-62px;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(71,123,191,.15) 0%,rgba(71,123,191,0) 70%);
  pointer-events:none;
}

.site-search-hero-label{
  position:relative;
  display:inline-flex;
  margin:0 0 10px 0;
  padding:6px 10px;
  background:#eaf2ff;
  border:1px solid #cfe0ff;
  border-radius:999px;
  color:#477bbf;
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.site-search-hero-title{
  position:relative;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  color:#102033 !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  letter-spacing:-.025em;
}

.site-search-hero-text{
  position:relative;
  max-width:720px;
  margin:0 0 18px 0;
  color:#5f6f86;
  font-size:14px;
  line-height:1.5;
}

.site-search-form{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

.site-search-form-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.site-search-input{
  box-sizing:border-box !important;
  display:block !important;
  flex:1 1 auto;
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 18px !important;
  background:#ffffff !important;
  border:1px solid #cfdced !important;
  border-radius:17px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  color:#18263a !important;
  font-family:Arial,Verdana,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  outline:none !important;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}

.site-search-input:focus{
  border-color:#477bbf !important;
  box-shadow:0 0 0 4px rgba(71,123,191,.12) !important;
}

.site-search-input::placeholder{
  color:#8a97aa;
  font-weight:500;
}

.site-search-submit{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:54px;
  margin:0;
  padding:0 24px;
  background:#477bbf;
  border:0;
  border-radius:17px;
  color:#ffffff;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:15px;
  font-weight:800;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  transition:background .18s ease,transform .18s ease;
}

.site-search-submit:hover{
  background:#e36413;
  color:#ffffff;
  transform:translateY(-1px);
}

.site-search-reset,
.site-search-reset:link,
.site-search-reset:visited{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:54px;
  padding:0 20px;
  background:#eef3f9;
  border:1px solid #dbe6f3;
  border-radius:17px;
  color:#26384f !important;
  font-size:14px;
  font-weight:800;
  text-decoration:none !important;
  white-space:nowrap;
}

.site-search-reset:hover{
  background:#e5edf7;
  color:#102033 !important;
  text-decoration:none !important;
}

.site-search-note{
  position:relative;
  margin:14px 0 0 0;
  padding:12px 14px;
  background:rgba(255,255,255,.72);
  border:1px dashed #d5deea;
  border-radius:14px;
  color:#66758a;
  font-size:13px;
  line-height:1.45;
}

.site-search-summary{
  box-sizing:border-box;
  margin:0 0 16px 0;
  padding:14px 16px;
  background:#ffffff;
  border:1px solid #e1e8f2;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}

.site-search-summary-title{
  color:#102033;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

.site-search-summary-title strong{
  color:#477bbf;
}

.site-search-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
}

.site-search-result-card{
  box-sizing:border-box;
  width:100%;
  background:#ffffff;
  border:1px solid #e1e8f2;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.site-search-result-card:hover{
  border-color:#c8d7ec;
  box-shadow:0 16px 34px rgba(15,23,42,.10);
  transform:translateY(-2px);
}

.site-search-result-link,
.site-search-result-link:link,
.site-search-result-link:visited{
  display:flex;
  gap:14px;
  min-height:130px;
  padding:14px;
  color:#102033 !important;
  text-decoration:none !important;
}

.site-search-result-link:hover{
  color:#102033 !important;
  text-decoration:none !important;
}

.site-search-result-image{
  flex:0 0 112px;
  width:112px;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f7fb;
  border-radius:15px;
  overflow:hidden;
}

.site-search-result-image img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
}

.site-search-result-noimage{
  color:#9aa9c6;
  font-size:12px;
  font-weight:700;
}

.site-search-result-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  flex:1 1 auto;
}

.site-search-result-section{
  margin:0 0 6px 0;
  color:#477bbf;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.035em;
}

.site-search-result-title{
  color:#102033;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

.site-search-result-category{
  margin-top:6px;
  color:#66758a;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}

.site-search-result-price{
  margin-top:8px;
  color:#e36413;
  font-size:16px;
  font-weight:800;
}

.site-search-result-more{
  margin-top:auto;
  padding-top:12px;
  color:#477bbf;
  font-size:13px;
  font-weight:800;
}

.site-search-message,
.site-search-start{
  box-sizing:border-box;
  margin:0 0 18px 0;
  padding:18px;
  background:#fff8ed;
  border:1px solid #f0b86a;
  border-radius:18px;
}

.site-search-message-title,
.site-search-start-title{
  margin:0 0 7px 0;
  color:#102033;
  font-size:17px;
  font-weight:800;
}

.site-search-message-text,
.site-search-start-text{
  color:#5f6f86;
  font-size:14px;
  line-height:1.5;
}

.site-search-message-error{
  background:#fff1f1;
  border-color:#efb0b0;
}

.site-search-message-warning{
  background:#fff8ed;
  border-color:#f0b86a;
}

.site-search-message-empty{
  background:#fff8ed;
  border-color:#f0b86a;
}

/* =========================================================
   ЛЕВЫЙ ПОИСК — ЭКСПРЕСС-ПОДСКАЗКИ
   styles.css
   ========================================================= */

#searchBlock.left-search-block{
  position:relative;
  z-index:50;
  overflow:visible;
  height:auto;
}

.left-search-title{
  color:#fff !important;
  font-size:12px !important;
  padding-top:12px !important;
  font-weight:bold !important;
}

.left-search-form{
  box-sizing:border-box;
  width:100%;
  padding:10px;
  margin:0;
}

.left-search-control{
  position:relative;
  width:100%;
}

.left-search-input{
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  height:34px !important;
  margin:0 !important;
  padding:0 9px !important;
  background:#ffffff !important;
  border:1px solid #bdbdbd !important;
  border-radius:3px !important;
  color:#383838 !important;
  font-family:Arial,Verdana,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:34px !important;
  outline:none !important;
  -webkit-appearance:none;
  appearance:none;
}

.left-search-input:focus{
  border-color:#477bbf !important;
  box-shadow:0 0 0 2px rgba(71,123,191,.16) !important;
}

.left-search-submit{
  box-sizing:border-box;
  display:block;
  width:100%;
  height:32px;
  margin:8px 0 0 0;
  padding:0 10px;
  background:#477bbf;
  border:1px solid #fff;
  border-radius:3px;
  color:#fff;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  cursor:pointer;
}

.left-search-submit:hover{
  background:#e36413;
}

.left-search-suggest{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:9999;
  margin-top:5px;
  background:#ffffff;
  border:1px solid #cfdced;
  border-radius:8px;
  box-shadow:0 10px 24px rgba(15,23,42,.16);
  overflow:hidden;
  text-align:left;
}

.left-search-suggest.left-search-suggest-open{
  display:block;
}

.left-search-suggest-item{
  display:flex;
  gap:8px;
  padding:8px;
  color:#102033 !important;
  text-decoration:none !important;
  border-bottom:1px solid #edf2f8;
  background:#fff;
}

.left-search-suggest-item:hover,
.left-search-suggest-item-active{
  background:#f2f7ff;
  color:#102033 !important;
  text-decoration:none !important;
}

.left-search-suggest-image{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
  border:1px solid #eeeeee;
  border-radius:6px;
  overflow:hidden;
}

.left-search-suggest-image img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
}

.left-search-suggest-noimage{
  color:#9aa9c6;
  font-size:10px;
  font-weight:bold;
}

.left-search-suggest-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  flex:1 1 auto;
}

.left-search-suggest-title{
  color:#102033;
  font-size:12px;
  font-weight:bold;
  line-height:1.25;
}

.left-search-suggest-meta{
  margin-top:3px;
  color:#66758a;
  font-size:11px;
  line-height:1.25;
}

.left-search-suggest-price{
  margin-top:3px;
  color:#e36413;
  font-size:12px;
  font-weight:bold;
  line-height:1.2;
}

.left-search-suggest-status,
.left-search-suggest-footer{
  padding:9px;
  color:#66758a;
  font-size:11px;
  line-height:1.3;
}

.left-search-suggest-footer{
  background:#f7f9ff;
  border-top:1px solid #edf2f8;
  color:#477bbf;
  font-weight:bold;
}

/* =========================================================
   KD PRODUCT MOTIVATION / TRUST BLOCKS
   styles.css — 501px–1299px
   Блоки доверия для view-cat-model.php
   ========================================================= */

.kd-buy-confidence,
.kd-buy-confidence *,
.kd-product-motivation,
.kd-product-motivation * {
    box-sizing: border-box;
}

/* Компактный блок рядом с покупкой */
.kd-buy-confidence {
    width: 100%;
    max-width: 100%;
    margin: 14px 0 0;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 14px;
    color: #0f1f33;
    text-align: left;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 22px rgba(31, 63, 117, 0.07);
}

.kd-buy-confidence::before {
    content: "";
    position: absolute;
    right: -54px;
    top: -54px;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    background: #f3f7ff;
    border: 1px solid #dbe6fb;
    pointer-events: none;
}

.kd-buy-confidence-title {
    position: relative;
    z-index: 1;
    margin: 0 0 11px;
    color: #0f1f33;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kd-buy-confidence-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 8px;
    background: #477bbf;
    border-radius: 999px;
}

.kd-buy-confidence-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.kd-buy-confidence-item {
    min-width: 0;
    min-height: 108px;
    padding: 10px 9px;
    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 12px;
}

.kd-buy-confidence-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 0 8px;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 12px;
    color: #1f3f75;
    font-size: 12.5px;
    line-height: 1;
    font-weight: 800;
}

.kd-buy-confidence-item b {
    display: block;
    margin: 0 0 5px;
    color: #0f1f33;
    font-size: 12.5px;
    line-height: 1.25;
    font-weight: 800;
}

.kd-buy-confidence-item small {
    display: block;
    color: #66778f;
    font-size: 11px;
    line-height: 1.36;
    font-weight: 600;
}

/* Большой мотивационный блок */
.kd-product-motivation {
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 20px;
    text-align: left;
    color: #111827;
}

.kd-pm-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0;
    padding: 18px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(71, 123, 191, 0.12) 0, rgba(71, 123, 191, 0) 34%),
        linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);
    border: 1px solid #dbe6fb;
    box-shadow: 0 12px 28px rgba(31, 63, 117, 0.08);
    overflow: hidden;
    position: relative;
}

.kd-pm-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(71, 123, 191, 0.05), rgba(255,255,255,0));
    pointer-events: none;
}

.kd-pm-hero-main,
.kd-pm-hero-card {
    position: relative;
    z-index: 1;
}

.kd-pm-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin: 0 0 13px;
    padding: 0 11px;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 999px;
    color: #1f3f75;
    font-size: 11.5px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.kd-pm-hero-main h3 {
    max-width: 620px;
    margin: 0 0 12px;
    color: #0f1f33;
    font-size: 24px;
    line-height: 1.17;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.kd-pm-hero-main p {
    max-width: 620px;
    margin: 0;
    color: #3a4f6a;
    font-size: 14px;
    line-height: 1.62;
    font-weight: 600;
}

.kd-pm-hero-card {
    align-self: stretch;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(31, 63, 117, 0.06);
}

.kd-pm-hero-card-title {
    margin: 0 0 12px;
    color: #0f1f33;
    font-size: 16px;
    line-height: 1.22;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kd-pm-hero-card-title::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin-top: 9px;
    background: #ffc500;
    border-radius: 999px;
}

.kd-pm-hero-card ul,
.kd-pm-result ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kd-pm-hero-card li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 0;
    color: #334155;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    border-top: 1px solid #e6eefc;
}

.kd-pm-hero-card li:first-child {
    border-top: 0;
    padding-top: 0;
}

.kd-pm-hero-card li span,
.kd-pm-result li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #edf8f1;
    border: 1px solid #d7eedf;
    color: #198754;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

/* Блок "Почему клиенты выбирают Квадродел" — стиль как на скрине */
.kd-pm-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 22px 0 16px;
}

.kd-pm-title-row span {
    width: 82px;
    height: 2px;
    background: #ffc500;
}

.kd-pm-title-row h3 {
    margin: 0;
    color: #111827;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    text-align: center;
}

.kd-pm-triggers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.kd-pm-trigger-card {
    min-width: 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.kd-pm-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0 0 12px;
    background: #ffc500;
    border-radius: 15px;
    color: #111827;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
}

.kd-pm-trigger-card h4 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 15px;
    line-height: 1.22;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.kd-pm-trigger-card p {
    margin: 0;
    color: #4b5563;
    font-size: 12.5px;
    line-height: 1.5;
    font-weight: 600;
}

.kd-pm-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    margin: 16px 0 0;
}

.kd-pm-work,
.kd-pm-result {
    min-width: 0;
    padding: 16px;
    background: #f8fbff;
    border: 1px solid #dbe6fb;
    border-radius: 18px;
}

.kd-pm-work h3,
.kd-pm-result h3 {
    margin: 0 0 14px;
    color: #0f1f33;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.kd-pm-work ol {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 9px;
}

.kd-pm-work li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
        "num title"
        "num text";
    column-gap: 10px;
    align-items: center;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e6eefc;
    border-radius: 14px;
}

.kd-pm-work li span {
    grid-area: num;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 50%;
    color: #1f3f75;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.kd-pm-work li b {
    grid-area: title;
    color: #0f1f33;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
}

.kd-pm-work li small {
    grid-area: text;
    display: block;
    margin-top: 2px;
    color: #66778f;
    font-size: 11.5px;
    line-height: 1.35;
    font-weight: 600;
}

/* Правая карточка "Что Вы получаете" — светлая новая версия */
.kd-pm-result {
    position: relative;
    overflow: hidden;
    padding: 16px;
    background:
        radial-gradient(circle at 100% 0, rgba(71, 123, 191, 0.10) 0, rgba(71, 123, 191, 0) 34%),
        linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);
    border: 1px solid #dbe6fb;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(31, 63, 117, 0.07);
}

.kd-pm-result::before {
    content: "";
    position: absolute;
    top: -42px;
    right: -42px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(234, 242, 255, 0.9);
    border: 1px solid #dbe6fb;
    pointer-events: none;
}

.kd-pm-result > * {
    position: relative;
    z-index: 1;
}

.kd-pm-result h3 {
    margin: 0 0 16px;
    color: #0f1f33;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.03em;
}
.kd-pm-result h3::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin-top: 9px;
    background: #ffc500;
    border-radius: 999px;
}

.kd-pm-result ul {
    display: grid;
    gap: 9px;
}

.kd-pm-result li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e6eefc;
    border-radius: 14px;
    color: #334155;
    font-size: 12.5px;
    line-height: 1.38;
    font-weight: 700;
}

.kd-pm-result li:first-child {
    padding-top: 10px;
}

.kd-pm-result li span {
    width: 22px;
    height: 22px;
    background: #edf8f1;
    border: 1px solid #d7eedf;
    color: #198754;
}

.kd-pm-result-note {
    margin: 14px 0 0;
    padding: 13px 14px;
    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-left: 4px solid #ffc500;
    border-radius: 14px;
    color: #0f1f33;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(31, 63, 117, 0.05);
}

@media (max-width: 760px) {
    .kd-pm-hero-main h3 {
        font-size: 22px;
    }

    .kd-pm-title-row {
        gap: 10px;
    }

    .kd-pm-title-row span {
        width: 50px;
    }

    .kd-pm-title-row h3 {
        font-size: 18px;
    }

    .kd-pm-triggers,
    .kd-pm-bottom {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   PRODUCT TABS — TABLET / MID
   styles.css
   501px–1299px
   ========================================================= */

#content .kd-product-tabs,
.kd-product-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:10px !important;

    width:100% !important;
    margin:16px 0 20px !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    list-style:none !important;
    box-sizing:border-box !important;
}

.kd-product-tabs .nav-item{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.kd-product-tabs .nav-link,
.kd-product-tabs .nav-link:link,
.kd-product-tabs .nav-link:visited{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:36px !important;
    padding:0 16px !important;

    background:#ffffff !important;
    border:1px solid #dbe6fb !important;
    border-radius:9px !important;

    color:#163b70 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    box-shadow:none !important;
    transition:background .15s ease, border-color .15s ease, color .15s ease !important;
}

.kd-product-tabs .nav-link:hover,
.kd-product-tabs .nav-link:focus{
    background:#f7f9fc !important;
    border-color:#c9d8ea !important;
    color:#10233f !important;
    text-decoration:none !important;
}

.kd-product-tabs .nav-link.active,
.kd-product-tabs .nav-link.active:link,
.kd-product-tabs .nav-link.active:visited,
.kd-product-tabs .nav-item.show .nav-link{
    background:#f3f7ff !important;
    border-color:#cfe0f6 !important;
    color:#10233f !important;
    box-shadow:none !important;
}

.kd-product-tabs .nav-link.active::before{
    content:"";
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:50%;
    background:#477bbf;
    flex:0 0 auto;
}

.kd-product-tabs .nav-link span{
    color:inherit !important;
}
/* Faq */
.product-faq-html{
    max-width: 760px;
    margin: 0 auto;
    padding: 4px 0 2px;
    text-align: left;
    line-height: 1.7;
    color: #1f2937;
    font-size: 14px;
    box-sizing: border-box;
}

.product-faq-html h3{
    margin: 0 0 16px;
    text-align: center;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f3b6b;
}

.product-faq-html .faq-item{
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e5e7eb;
}

.product-faq-html .faq-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.product-faq-html .faq-q{
    display: block;
    margin: 0 0 7px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    color: #111827;
    text-align: left;
}

.product-faq-html .faq-a{
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #5b6472;
    text-align: left;
}

.product-faq-html p{
    margin: 0 0 10px;
}

.product-faq-html p:last-child{
    margin-bottom: 0;
}

.product-faq-html strong{
    font-weight: 700;
    color: #111827;
}

.product-faq-html a{
    color: #477bbf;
    text-decoration: none;
    transition: color .2s ease, text-decoration-color .2s ease;
}

.product-faq-html a:hover{
    color: #e36413;
    text-decoration: underline;
}

.product-faq-html ul,
.product-faq-html ol{
    margin: 8px 0 10px 18px;
    padding: 0;
}

.product-faq-html li{
    margin: 0 0 6px;
    line-height: 1.7;
    color: #5b6472;
}


/* =========================================================
   Современный переключатель категорий
   radiator / shnorkel / radSnorkKit
   styles.css — средние экраны
   ========================================================= */

.kd-category-switcher,
.kd-category-switcher * {
    box-sizing: border-box;
}

.kd-category-switcher {
    width: 100%;
    margin: 16px 0 20px;
    padding: 14px;

    background:
        radial-gradient(circle at 100% 0, rgba(71, 123, 191, 0.10) 0, rgba(71, 123, 191, 0) 34%),
        linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);

    border: 1px solid #dbe6fb;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(31, 63, 117, 0.07);

    text-align: left;
}

/* Верхняя часть */
.kd-category-switcher__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.kd-category-switcher__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;

    color: #477bbf;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.kd-category-switcher__eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #477bbf;
}

.kd-category-switcher__title {
    color: #0f1f33;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.2px;
}

.kd-category-switcher__hint {
    max-width: 285px;

    color: #66778f;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

/* Сетка карточек */
.kd-category-switcher__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

/* Карточка категории */
.kd-category-card,
.kd-category-card:link,
.kd-category-card:visited {
    position: relative;
    min-width: 0;
    min-height: 158px;

    display: flex;
    flex-direction: column;
    align-items: stretch;

    padding: 10px;

    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 14px;

    color: #0f1f33 !important;
    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.kd-category-card::before {
    content: "";
    position: absolute;
    top: -42px;
    right: -42px;

    width: 96px;
    height: 96px;

    border-radius: 50%;
    background: rgba(234, 242, 255, 0.85);
    border: 1px solid #dbe6fb;

    pointer-events: none;
}

.kd-category-card:hover {
    transform: translateY(-2px);
    border-color: #b9cff1;
    box-shadow: 0 10px 20px rgba(31, 63, 117, 0.10);
    color: #0f1f33 !important;
}

/* Активная карточка */
.kd-category-card--active,
.kd-category-card--active:link,
.kd-category-card--active:visited {
    background:
        radial-gradient(circle at 100% 0, rgba(71, 123, 191, 0.16) 0, rgba(71, 123, 191, 0) 38%),
        #f8fbff;

    border-color: #477bbf;
    box-shadow: 0 10px 22px rgba(71, 123, 191, 0.14);
}

.kd-category-card--active::after {
    content: "Выбрано";
    position: absolute;
    right: 8px;
    bottom: 8px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 22px;
    padding: 0 8px;

    background: #477bbf;
    border-radius: 999px;

    color: #ffffff;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Метка */
.kd-category-card__tag {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    align-self: flex-start;

    min-height: 22px;
    padding: 0 8px;
    margin-bottom: 8px;

    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 999px;

    color: #1f3f75;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Картинка */
.kd-category-card__image {
    position: relative;
    z-index: 1;

    height: 68px;
    margin-bottom: 8px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.kd-category-card__image img {
    display: block;
    width: auto;
    max-width: 96px;
    max-height: 64px;
    object-fit: contain;

    transition: transform .18s ease;
}

.kd-category-card:hover .kd-category-card__image img {
    transform: scale(1.04);
}

/* Текст карточки */
.kd-category-card__body {
    position: relative;
    z-index: 1;

    display: block;
    min-width: 0;
    padding-bottom: 24px;
}

.kd-category-card__title {
    display: block;
    margin-bottom: 5px;

    color: #0f1f33;
    font-size: 13px;
    line-height: 1.18;
    font-weight: 800;
    text-align: left;
}

.kd-category-card__text {
    display: block;

    color: #66778f;
    font-size: 11px;
    line-height: 1.32;
    font-weight: 600;
    text-align: left;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Разделитель под блоком */
.kd-section-divider {
    width: 100%;
    margin: 18px 0 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url('img/underheader/lineTXTrazdel.png');
    background-position: center;
    background-repeat: repeat-x;
}

.kd-section-divider h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    max-width: calc(100% - 24px);
    min-height: 28px;
    margin: 0;
    padding: 6px 14px;

    background: #ffffff;
    border: 1px solid #dbe6fb;
    border-radius: 999px;

    color: #0f1f33;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
}

/* Узкая часть styles.css */
@media (max-width: 720px) {
    .kd-category-switcher {
        padding: 12px;
        border-radius: 15px;
    }

    .kd-category-switcher__head {
        display: block;
        margin-bottom: 12px;
    }

    .kd-category-switcher__hint {
        max-width: none;
        margin-top: 7px;
        font-size: 12px;
    }

    .kd-category-switcher__title {
        font-size: 18px;
    }

    .kd-category-switcher__grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .kd-category-card,
    .kd-category-card:link,
    .kd-category-card:visited {
        min-height: 0;
        padding: 10px 12px;

        display: grid;
        grid-template-columns: 74px minmax(0, 1fr);
        grid-template-areas:
            "image tag"
            "image body";
        column-gap: 10px;
        row-gap: 5px;

        align-items: center;
    }

    .kd-category-card__tag {
        grid-area: tag;
        margin: 0;
    }

    .kd-category-card__image {
        grid-area: image;
        height: 64px;
        margin: 0;
    }

    .kd-category-card__image img {
        max-width: 70px;
        max-height: 58px;
    }

    .kd-category-card__body {
        grid-area: body;
        padding-bottom: 0;
    }

    .kd-category-card__title {
        margin-bottom: 4px;
        font-size: 13px;
    }

    .kd-category-card__text {
        font-size: 11px;
        -webkit-line-clamp: 2;
    }

    .kd-category-card--active::after {
        right: 8px;
        bottom: 8px;
        min-height: 21px;
        padding: 0 8px;
        font-size: 9px;
    }
}

/* =========================================================
   Категории запчастей — средний экран
   ========================================================= */

.kd-category-switcher--zapchasti .kd-category-switcher__grid--zapchasti {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kd-category-card--zapchasti {
    min-height: 150px;
}

.kd-category-card--zapchasti .kd-category-card__image {
    height: 66px;
}

.kd-category-card--zapchasti .kd-category-card__image img {
    max-width: 92px;
    max-height: 62px;
}

.kd-category-card--zapchasti .kd-category-card__body {
    padding-bottom: 0;
}

.kd-category-card--zapchasti .kd-category-card__title {
    text-align: center;
}

.kd-category-card--zapchasti .kd-category-card__text {
    text-align: center;
}

@media (max-width: 720px) {
    .kd-category-switcher--zapchasti .kd-category-switcher__grid--zapchasti {
        grid-template-columns: 1fr;
    }

    .kd-category-card--zapchasti .kd-category-card__title,
    .kd-category-card--zapchasti .kd-category-card__text {
        text-align: left;
    }
}
/* Ветровые стекла — средний экран */
.kd-category-switcher--vetrovie .kd-category-switcher__grid--vetrovie {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kd-category-switcher--vetrovie .kd-category-card {
    min-height: 154px;
}

@media (max-width: 720px) {
    .kd-category-switcher--vetrovie .kd-category-switcher__grid--vetrovie {
        grid-template-columns: 1fr;
    }
}
/* Снегоотвалы — средний экран */
.kd-category-switcher--snego .kd-category-switcher__grid--snego {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kd-category-switcher--snego .kd-category-card {
    min-height: 154px;
}

@media (max-width: 720px) {
    .kd-category-switcher--snego .kd-category-switcher__grid--snego {
        grid-template-columns: 1fr;
    }
}


/* статьи*/
/* =========================
   ARTICLE PAGE — TABLET / MID
   styles.css 501px–1299px
   ========================= */

.article-page {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 8px 20px;
    box-sizing: border-box;
}

.article-breadcrumbs {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.45;
    color: #555;
    text-align: left;
}

.article-breadcrumbs a {
    color: #477bbf;
    text-decoration: none;
}

.article-breadcrumbs a:hover {
    color: #e36413;
    text-decoration: none;
}

.article-title {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    color: #111;
    text-align: left;
}

.article-body {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    color: #383838;
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.article-body p,
.article-body li,
.article-body div {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
    font-family: inherit;
}

.article-body p {
    margin: 0 0 16px;
}

.article-body h1 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    color: #111;
}

.article-body h2 {
    margin: 30px 0 12px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    color: #111;
}

.article-body h3 {
    margin: 24px 0 10px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #111;
}

.article-body ul,
.article-body ol,
.article-body .article-list {
    margin: 10px 0 18px 24px !important;
    padding: 0 0 0 18px !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.article-body ul,
.article-body .article-list {
    list-style: disc outside !important;
}

.article-body ol {
    list-style: decimal outside !important;
}

.article-body li {
    margin: 0 0 8px;
    padding: 0;
    display: list-item !important;
}

.article-body strong,
.article-body b {
    font-weight: 700;
    color: #111;
}

.article-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

.article-body table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.45;
}

.article-body iframe,
.article-body video {
    max-width: 100%;
}

/* =========================================================
   PRODUCT DESCRIPTION TAB — modern card
   view-cat-model.php / #description
   Исправляет старые правила #description p и float:left
   ========================================================= */

.kd-product-tab-content,
.kd-product-tab-content * {
    box-sizing: border-box;
}

.kd-product-tab-content {
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0 0 28px;
    padding: 0;
}

#content #description.kd-product-description-pane,
#description.kd-product-description-pane {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0f1f33 !important;
    text-align: left !important;
    overflow: visible !important;
}

.kd-product-description {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 24px;
    padding: 24px 24px 22px;
    overflow: hidden;
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #0f1f33;
    background:
        radial-gradient(circle at 100% 0, rgba(71,123,191,.13) 0, rgba(71,123,191,0) 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 64%);
    border: 1px solid #dbe6fb;
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(15, 31, 51, .08);
}

.kd-product-description::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #477bbf 0%, #e36413 100%);
    border-radius: 20px 0 0 20px;
}

.kd-product-description > * {
    position: relative;
    z-index: 1;
}

.kd-product-description h2,
.kd-product-description .h2 {
    margin: 0 0 18px !important;
    padding: 0 0 16px !important;
    color: #0f1f33 !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #e6eefc;
}

.kd-product-description h2::after,
.kd-product-description .h2::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 12px;
    background: #477bbf;
    border-radius: 999px;
}

.kd-product-description h3,
.kd-product-description .h3 {
    margin: 26px 0 12px !important;
    color: #163b70 !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

.kd-product-description h4,
.kd-product-description .h4 {
    margin: 20px 0 10px !important;
    color: #163b70 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

#description.kd-product-description-pane p,
.kd-product-description p {
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-align: left !important;
}

.kd-product-description p:last-child {
    margin-bottom: 0 !important;
}

.kd-product-description strong,
.kd-product-description b {
    color: #0f1f33 !important;
    font-weight: 800 !important;
}

.kd-product-description a,
.kd-product-description a:visited {
    color: #477bbf !important;
    text-decoration: none !important;
    font-weight: 700;
}

.kd-product-description a:hover {
    color: #e36413 !important;
    text-decoration: underline !important;
}

.kd-product-description-main > ul,
.kd-product-description-extra > ul,
.kd-product-description-main > ol,
.kd-product-description-extra > ol {
    margin: 14px 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
}

.kd-product-description-main > ul,
.kd-product-description-extra > ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.kd-product-description-main > ul > li,
.kd-product-description-extra > ul > li {
    position: relative;
    margin: 0 !important;
    padding: 12px 14px 12px 39px !important;
    min-height: 48px;
    display: flex;
    align-items: center;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-style: normal !important;
    background: #ffffff;
    border: 1px solid #e6eefc;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(31, 63, 117, .05);
}

.kd-product-description-main > ul > li::before,
.kd-product-description-extra > ul > li::before {
    content: "✓";
    position: absolute;
    left: 13px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    background: #477bbf;
    border-radius: 50%;
}

.kd-product-description-main > ol {
    counter-reset: kd-desc-list;
}

.kd-product-description-main > ol > li,
.kd-product-description-extra > ol > li {
    counter-increment: kd-desc-list;
    position: relative;
    margin: 0 0 10px !important;
    padding: 12px 14px 12px 46px !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    background: #ffffff;
    border: 1px solid #e6eefc;
    border-radius: 14px;
}

.kd-product-description-main > ol > li::before,
.kd-product-description-extra > ol > li::before {
    content: counter(kd-desc-list);
    position: absolute;
    left: 13px;
    top: 11px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    background: #477bbf;
    border-radius: 50%;
}

.kd-product-description-main > p:last-child {
    margin-top: 18px !important;
    padding: 16px 18px !important;
    color: #27364a !important;
    background: #fff7ef;
    border: 1px solid #ffe0c3;
    border-radius: 16px;
}

.kd-product-description-extra {
    margin: 22px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e6eefc;
}

.kd-product-description-extra:empty {
    display: none;
}

.kd-product-thanks {
    margin: 24px 0 0;
    padding: 0;
}

.kd-product-thanks > div,
.kd-product-thanks > section,
.kd-product-thanks > p {
    margin: 0 !important;
    padding: 20px 22px !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-style: normal !important;
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid #dbe6fb !important;
    border-left: 5px solid #e36413 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(31, 63, 117, .06) !important;
}

.kd-product-thanks b,
.kd-product-thanks strong {
    color: #0f1f33 !important;
    font-weight: 800 !important;
}

.kd-product-thanks br + br {
    display: none;
}

/* =========================================================
   ULTRA MINIMAL PRODUCT DESCRIPTION — вариант №4
   Максимально лёгкая текстовая вкладка:
   без общего фона, без градиента, без боковых полос,
   без карточек, без крупных скруглений.
   ========================================================= */

#content #description.kd-product-description-pane,
#description.kd-product-description-pane {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    color: #2f3a4a !important;
    overflow: visible !important;
}

.kd-product-description {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    color: #2f3a4a !important;
    text-align: left !important;
}

.kd-product-description *,
.kd-product-thanks * {
    box-sizing: border-box;
}

.kd-product-description::before,
.kd-product-description::after,
.kd-product-description-main::before,
.kd-product-description-main::after,
.kd-product-description-extra::before,
.kd-product-description-extra::after,
.kd-product-thanks::before,
.kd-product-thanks::after,
.kd-product-description h2::before,
.kd-product-description h2::after,
.kd-product-description h3::before,
.kd-product-description h3::after,
.kd-product-description h4::before,
.kd-product-description h4::after {
    display: none !important;
    content: none !important;
}

.kd-product-description-main,
.kd-product-description-extra,
.kd-product-thanks {
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-description h2,
.kd-product-description .h2 {
    margin: 0 0 14px !important;
    padding: 0 0 9px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e6ebf2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #162235 !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.kd-product-description h3,
.kd-product-description .h3 {
    margin: 18px 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1f2f45 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.kd-product-description h4,
.kd-product-description .h4 {
    margin: 16px 0 7px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1f2f45 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

#description.kd-product-description-pane p,
.kd-product-description p {
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #3d4654 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-align: left !important;
}

.kd-product-description p:last-child {
    margin-bottom: 0 !important;
}

.kd-product-description strong,
.kd-product-description b {
    color: #172033 !important;
    font-weight: 800 !important;
}

.kd-product-description a,
.kd-product-description a:visited {
    color: #477bbf !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.kd-product-description a:hover {
    color: #e36413 !important;
    text-decoration: underline !important;
}

.kd-product-description-main > ul,
.kd-product-description-extra > ul,
.kd-product-description-main > ol,
.kd-product-description-extra > ol {
    margin: 6px 0 15px !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-description-main > ul > li,
.kd-product-description-extra > ul > li {
    position: relative !important;
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 0 0 15px !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #3d4654 !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.kd-product-description-main > ul > li::before,
.kd-product-description-extra > ul > li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: .67em;
    width: 4px;
    height: 4px;
    display: block;
    background: #8392a8;
    border: 0 !important;
    border-radius: 50%;
    box-shadow: none !important;
}

.kd-product-description-main > ol,
.kd-product-description-extra > ol {
    counter-reset: kd-ultra-list;
}

.kd-product-description-main > ol > li,
.kd-product-description-extra > ol > li {
    counter-increment: kd-ultra-list;
    position: relative !important;
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 0 0 22px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #3d4654 !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
}

.kd-product-description-main > ol > li::before,
.kd-product-description-extra > ol > li::before {
    content: counter(kd-ultra-list) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #6f7f96 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-description-main > p:last-child {
    margin-top: 12px !important;
}

.kd-product-description-extra {
    margin: 16px 0 0 !important;
    padding: 13px 0 0 !important;
    border-top: 1px solid #e6ebf2 !important;
}

.kd-product-description-extra:empty {
    display: none !important;
}

.kd-product-thanks {
    margin: 16px 0 0 !important;
    padding: 13px 0 0 !important;
    border-top: 1px solid #e6ebf2 !important;
}

.kd-product-thanks > div,
.kd-product-thanks > section,
.kd-product-thanks > p {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #596273 !important;
    font-size: 12px !important;
    line-height: 1.52 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-align: left !important;
}

.kd-product-thanks b,
.kd-product-thanks strong {
    color: #2d3748 !important;
    font-weight: 800 !important;
}

.kd-product-thanks br {
    display: none !important;
}

.kd-product-thanks br + br {
    display: none !important;
}

/* =========================================================
   CLEAN PRODUCT DESCRIPTION V5
   Правка после просмотра:
   1) маркеры списка выровнены по строке;
   2) блок "Команда Квадродел" снова заметен, но без тяжёлых полос,
      градиентов, теней и больших скруглений.
   ========================================================= */

.kd-product-description h2,
.kd-product-description .h2 {
    font-size: 17px !important;
}

.kd-product-description h3,
.kd-product-description .h3 {
    font-size: 15px !important;
}

#description.kd-product-description-pane p,
.kd-product-description p {
    font-size: 14px !important;
}

/* Списки: убираем возможные колонки/старые маркеры и делаем ровное выравнивание */
.kd-product-description-main > ul,
.kd-product-description-extra > ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    column-count: 1 !important;
    columns: auto !important;
    gap: 7px 0 !important;
    margin: 6px 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

.kd-product-description-main > ul > li,
.kd-product-description-extra > ul > li {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #3d4654 !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-description-main > ul > li::before,
.kd-product-description-extra > ul > li::before {
    content: "" !important;
    position: static !important;
    display: block !important;
    width: 4px !important;
    height: 4px !important;
    margin: 0 !important;
    margin-top: 0.74em !important;
    transform: translateY(-50%) !important;
    background: #7f8fa6 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

/* Нумерованные списки тоже приводим к ровной сетке */
.kd-product-description-main > ol,
.kd-product-description-extra > ol {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px 0 !important;
    margin: 6px 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: kd-v5-list !important;
}

.kd-product-description-main > ol > li,
.kd-product-description-extra > ol > li {
    counter-increment: kd-v5-list !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    column-gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #3d4654 !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
}

.kd-product-description-main > ol > li::before,
.kd-product-description-extra > ol > li::before {
    content: counter(kd-v5-list) "." !important;
    position: static !important;
    display: block !important;
    color: #6f7f96 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.48 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Блок благодарности: заметный, но лёгкий */
.kd-product-thanks {
    margin: 16px 0 0 !important;
    padding: 12px 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-thanks > div,
.kd-product-thanks > section,
.kd-product-thanks > p {
    margin: 0 !important;
    padding: 0 !important;
    color: #4b5563 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kd-product-thanks b:first-child,
.kd-product-thanks strong:first-child {
    display: block !important;
    margin: 0 0 6px !important;
    color: #172033 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.kd-product-thanks b,
.kd-product-thanks strong {
    color: #172033 !important;
    font-weight: 800 !important;
}

.kd-product-thanks br {
    display: none !important;
}

@media screen and (max-width: 720px) {
    .kd-product-description-main > ul,
    .kd-product-description-extra > ul {
        grid-template-columns: 1fr !important;
        gap: 7px 0 !important;
    }
}

/* =========================================================
   FOOTER RADIUS REDUCTION V6
   Уменьшаем излишнюю скруглённость блоков в футере и help-секции.
   Стиль остаётся современным, но становится более строгим.
   ========================================================= */

.siteFooterBig__hero {
    border-radius: 8px !important;
}

.siteFooterBig__heroBadge {
    border-radius: 8px !important;
}

.siteFooterBig__eyebrow {
    border-radius: 8px !important;
}

.siteFooterBig__card,
.siteFooterBig__card:link,
.siteFooterBig__card:visited {
    border-radius: 8px !important;
}

.siteFooterBig__icon {
    border-radius: 8px !important;
}

.siteFooterBig__legal {
    border-radius: 8px !important;
}

.siteFooterBottom__brand,
.siteFooterBottom__info,
.siteFooterBottom__contacts,
.siteFooterBottom__social {
    border-radius: 10px !important;
}

.siteFooterBottom__label {
    border-radius: 8px !important;
}

.siteFooterBottom__phones a,
.siteFooterBottom__mail a {
    border-radius: 6px !important;
}

.siteFooterBottom__socialLink,
.siteFooterBottom__socialLink:link,
.siteFooterBottom__socialLink:visited {
    border-radius: 8px !important;
}

/* Дополнительно: лёгкое уменьшение скругления у блоков контактов,
   чтобы визуальный язык был единым и не слишком округлым. */
.contacts-intro,
.contacts-map-block,
.contacts-card,
.contacts-photo-card,
.contacts-hero,
.contacts-highlight,
.contacts-modern-img {
    border-radius: 10px !important;
}

@media screen and (max-width: 720px) {
    .siteFooterBig__grid {
        gap: 12px !important;
    }
}

/* =========================================================
   PRODUCT TABS DISPLAY FIX V7
   Причина большого пустого места:
   вкладки Bootstrap получали класс fade/active, но не было жёсткого
   правила display:none для неактивных .tab-pane.
   Из-за этого скрытое описание оставалось в потоке страницы
   и занимало высоту, а отзывы уходили вниз.
   ========================================================= */

.kd-product-tab-content > .tab-pane {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}

.kd-product-tab-content > .tab-pane.active,
.kd-product-tab-content > .tab-pane.show.active {
    display: block !important;
}

.kd-product-tab-content > .tab-pane:not(.active) {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    border: 0 !important;
}

.kd-product-tab-content > .tab-pane.fade {
    transition: none !important;
}

.kd-product-tab-content > #reviews.active,
.kd-product-tab-content > #instruction.active,
.kd-product-tab-content > #description.active {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}

/* Убираем лишний верхний отступ у вкладки отзывов после переключения */
.kd-product-tab-content > #reviews.active {
    margin-top: 0 !important;
    padding-top: 0 !important;
}