/*шрифты*/
@font-face {
    font-family: 'TT Norms ExtraBold';
    src: url('../fonts/TTNorms-ExtraBoldItalic.eot');
    src: local('TT Norms ExtraBold Italic'), local('TTNorms-ExtraBoldItalic'),
        url('../fonts/TTNorms-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/TTNorms-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Bold.eot');
    src: local('TT Norms Bold'), local('TTNorms-Bold'),
        url('../fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Bold.woff') format('woff'),
        url('../fonts/TTNorms-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Thin.eot');
    src: local('TT Norms Thin'), local('TTNorms-Thin'),
        url('../fonts/TTNorms-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Thin.woff') format('woff'),
        url('../fonts/TTNorms-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Regular.eot');
    src: local('TT Norms Regular'), local('TTNorms-Regular'),
        url('../fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Regular.woff') format('woff'),
        url('../fonts/TTNorms-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ThinItalic.eot');
    src: local('TT Norms Thin Italic'), local('TTNorms-ThinItalic'),
        url('../fonts/TTNorms-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ThinItalic.woff') format('woff'),
        url('../fonts/TTNorms-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Italic.eot');
    src: local('TT Norms Italic'), local('TTNorms-Italic'),
        url('../fonts/TTNorms-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Italic.woff') format('woff'),
        url('../fonts/TTNorms-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Heavy.eot');
    src: local('TT Norms Heavy'), local('TTNorms-Heavy'),
        url('../fonts/TTNorms-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Heavy.woff') format('woff'),
        url('../fonts/TTNorms-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Light.eot');
    src: local('TT Norms Light'), local('TTNorms-Light'),
        url('../fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Light.woff') format('woff'),
        url('../fonts/TTNorms-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Black';
    src: url('../fonts/TTNorms-BlackItalic.eot');
    src: local('TT Norms Black Italic'), local('TTNorms-BlackItalic'),
        url('../fonts/TTNorms-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-BlackItalic.woff') format('woff'),
        url('../fonts/TTNorms-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraLight.eot');
    src: local('TT Norms ExtraLight'), local('TTNorms-ExtraLight'),
        url('../fonts/TTNorms-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraLight.woff') format('woff'),
        url('../fonts/TTNorms-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Light';
    src: url('../fonts/TTNorms-LightItalic.eot');
    src: local('TT Norms Light Italic'), local('TTNorms-LightItalic'),
        url('../fonts/TTNorms-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-LightItalic.woff') format('woff'),
        url('../fonts/TTNorms-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms ExtraLight';
    src: url('../fonts/TTNorms-ExtraLightItalic.eot');
    src: local('TT Norms ExtraLight Italic'), local('TTNorms-ExtraLightItalic'),
        url('../fonts/TTNorms-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraLightItalic.woff') format('woff'),
        url('../fonts/TTNorms-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms Bold';
    src: url('../fonts/TTNorms-BoldItalic.eot');
    src: local('TT Norms Bold Italic'), local('TTNorms-BoldItalic'),
        url('../fonts/TTNorms-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-BoldItalic.woff') format('woff'),
        url('../fonts/TTNorms-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Medium.eot');
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
        url('../fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Medium.woff') format('woff'),
        url('../fonts/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Black.eot');
    src: local('TT Norms Black'), local('TTNorms-Black'),
        url('../fonts/TTNorms-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Black.woff') format('woff'),
        url('../fonts/TTNorms-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Medium';
    src: url('../fonts/TTNorms-MediumItalic.eot');
    src: local('TT Norms Medium Italic'), local('TTNorms-MediumItalic'),
        url('../fonts/TTNorms-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-MediumItalic.woff') format('woff'),
        url('../fonts/TTNorms-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms Heavy';
    src: url('../fonts/TTNorms-HeavyItalic.eot');
    src: local('TT Norms Heavy Italic'), local('TTNorms-HeavyItalic'),
        url('../fonts/TTNorms-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-HeavyItalic.woff') format('woff'),
        url('../fonts/TTNorms-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraBold.eot');
    src: local('TT Norms ExtraBold'), local('TTNorms-ExtraBold'),
        url('../fonts/TTNorms-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraBold.woff') format('woff'),
        url('../fonts/TTNorms-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
/*'TT Norms','TT Norms Heavy','TT Norms Medium','TT Norms Bold','TT Norms ExtraLight','TT Norms Light','TT Norms Black','TT Norms Thin','TT Norms ExtraBold'*/
   body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a, div, p {
        font-family: 'TT Norms';
        --bs-body-font-family: 'TT Norms';
}

.rounded-top-3 {border-radius: 0.7rem 0.7rem 0 0!important;}
.rounded-5 { border-radius: 0.5rem!important;}
.rounded-7 { border-radius: 0.7rem!important;}
.mr-1 { margin-right: 0.25rem!important;}
.ml-1 { margin-left: 0.25rem!important;}
.mr-2 { margin-right: 0.5rem!important;}
.ml-2 { margin-left: 0.5rem!important;}
.mr-3 { margin-right: 1rem!important;} @media screen and (min-width: 992px) { .mr-lg-3 { margin-right: 1rem!important; } }
.ml-3 { margin-left: 1rem!important;} 
.mr-4 { margin-right: 1.5rem!important;}
.ml-4 { margin-left: 1.5rem!important;} @media screen and (min-width: 992px) { .ml-lg-4 { margin-left: 1rem!important; } }
.mr-5 { margin-right: 3rem!important;}
.ml-5 { margin-left: 3rem!important;}
.mt-55 {margin-top: 55px!important;}
.fs-10 { font-size:10px;}
.fs-12 { font-size:12px;}
.fs-14 { font-size:14px;}
.fs-15 { font-size:15px;}
.fs-17 { font-size:17px;}
.fs-18 { font-size:18px;}
.fs-19 { font-size:19px;}
.font-light, .fw-300 {font-weight: 300!important;}
.fw-400 { font-weight: 400!important;}
.fw-medium, .fw-500 { font-weight: 500!important;}
.fw-600 { font-weight: 600!important;}

.contacts-tablet-1 {background: url(/assets/images/icons/email.png) center;}
.contacts-tablet-2 {background: url(/assets/images/icons/place.png) center;}
.contacts-tablet-3 {background: url(/assets/images/icons/call.png) center;}
.contacts-tablet-1:hover {background: url(/assets/images/icons/email-hover.png) center;}
.contacts-tablet-2:hover {background: url(/assets/images/icons/place-hover.png) center;}
.contacts-tablet-3:hover {background: url(/assets/images/icons/call-hover.png) center;}
.contacts-tablet-1, .contacts-tablet-2, .contacts-tablet-3 { height: 110px; width: 110px;border-radius:5px;}
@media (max-width: 424.98px) {.contacts-tablet-1, .contacts-tablet-2, .contacts-tablet-3 { height: 85px; max-width: 85px!important;;border-radius:5px; } }
@media (max-width: 1199.98px) {#map { width: 100%; height: 300px; } }
@media screen and (min-width: 992px) { .img-lg-150 {height: 150px!important; } }
#firstblock, .firstblock { background:url(/assets/images/glavnaya/1-ekran-fon-trava-i-nebo-multyashnii.png) top 69% left/cover no-repeat;height:500px; }
#firstblock .container, .firstblock .container { height: 500px; margin-top: -500px; }
#contentfirstblock { height: 450px;}
@media screen and (max-width: 1199.98px) { #contentfirstblock { margin-top: -550px; } }
@media screen and (min-width: 1200px) { #contentfirstblock { margin-top: -495px; } }
#pills-tabContent {min-height: 250px;}
#map {box-shadow: 0 1px 50px rgb(0,0,0,.20)!important;}
#glavnaypopularcategoriesblock .card-la-pr:hover {cursor:pointer;  }






.navbar2-mega {
  overflow: hidden;
  background-color: #fff;
}

.navbar2-mega a {
  float: left;
}

.dropdown2-mega {
  float: left;
  overflow: hidden;
}

.dropdown2-mega .dropbtn2-mega, .nav-items2-mega {
  border: none;
  outline: none;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}
.dropdownsubdiv2-mega, .nav-items2-mega {
     margin-bottom: 3px;
}

.dropdown2-mega:hover .dropdownsubdiv2-mega, .dropdown2-mega:focus .dropdownsubdiv2-mega, .dropdownsubdiv2-mega.active, .nav-items2-mega:hover, .nav-items2-mega:focus, .nav-items2-mega.active {
  border-bottom: 3px solid #b140bf;

}
.dropdown2-mega:hover .dropdownsubdiv2-mega, .dropdown2-mega:focus .dropdownsubdiv2-mega, .dropdownsubdiv2-mega.active {
    margin-bottom: 0px;
}
.nav-items2-mega:hover, .nav-items2-mega:focus, .nav-items2-mega.active{
      margin-bottom: 0px;
      padding: 16px 16px;
}

.dropdown2-mega:hover, .dropdown2-mega:focus {
  
}


.nav-link2-mega  { text-decoration: none; }

.dropdown-content2-mega {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);*/
  z-index: 999;

}

.dropdown-content2-mega .header2-mega {
  background: red;
  padding: 16px;
  color: #000;
}

.dropdown2-mega:hover .dropdown-content2-mega {
  display: block;
}


/* Очистить поплавки после столбцов */
.row2-mega:after {
  /*content: "";
  display: table;
  clear: both;*/
}

/* Адаптивный макет - делает три столбца стека друг на друга, а не рядом друг с другом */
@media screen and (max-width: 600px) {
  .column2-mega {
    width: 100%;
    height: auto;
  }
}


/*Шрифты*/

.searchinput input, .searchinput button, .form input, .form textarea {
  outline: none;
  background: #fafafa;
}

.searchinput input {
  /*width: 95%;*/
  height: 42px;
  padding-left: 15px;
  padding-right: 35px;
  
/*  border: 1px solid #7f7f7f;*/
}
.searchinput button {
  border: none;
  height: 38px;
/*  width: 42px;*/
/*  position: absolute;*/
/*  top: 0;
  right: 0;
  */
  margin-left: -3rem;
  margin-top: 2px;
  padding-bottom: 5px;
  cursor: pointer;
  color:#6c757d;
}
.searchinput input:focus {
  border-color: #fff;
  background: #fafafa;
  box-shadow: 0 0 0 0.15rem rgb(0 0 0 / 25%);
}

.searchinput input::-ms-clear {  display: none; width : 0; height: 0; }
.searchinput input::-ms-reveal {  display: none; width : 0; height: 0; }
.searchinput input::-webkit-search-decoration,
.searchinput input::-webkit-search-cancel-button,
.searchinput input::-webkit-search-results-button,
.searchinput input::-webkit-search-results-decoration { display: none; }
.searchinput input::-webkit-input-placeholder, .form input::-webkit-input-placeholder { color:#989898; }
.searchinput input::-moz-placeholder, .form input::-moz-placeholder          { color:#989898; }/* Firefox 19+ */
.searchinput input:-moz-placeholder, .form input:-moz-placeholder          { color:#989898; }/* Firefox 18- */
.searchinput input:-ms-input-placeholder, .form  input:-ms-input-placeholder    { color:#989898; }




.footer {
  background-color: #e3e3e3;
  font-size: 17px;
  line-height:34px;
}
.footer .underground,  .footer .underground a, .footer .underground p { color:#838383!important; font-size: 12px; }
.footer .underground small { font-size: 10px!important; }
.footer a, .footer p, .card-la-pr-text span {
 color:#5e5e5e!important;
 text-decoration: none;
}
.footer .fw-medium a, .footer .fw-medium   {color:#000!important;}


.footer p { margin-bottom: 0.4rem;}

.a-la-pr {
  text-decoration: none;
  --bs-text-opacity: 1;
  color: #6c757d;
}

.a-la-pr:hover, .breadcrumb a:hover, .footer a:hover, .a-la-pr.active, .footer .fw-medium a:hover  {
  color:#b140bf!important; /*фиолетовый*/
  /*color: #0a58ca;*//*стандартный синий*/
  text-decoration: underline;
}
    
.breadcrumb a, .text-muted-light { color:#989898;/* {*светло-серый*} */ }
.text-muted-medium { color:#777777; }
.text-gray {color:#5e5e5e}    
    
.rot-135:hover { filter:hue-rotate(135deg)}
.rot-90:hover { filter:hue-rotate(90deg)}
.btn-primary.btn-lg {
    font-size:16px;
    text-transform: uppercase!important;
}
@media screen and (max-width: 991.98px){.btn-primary.btn-lg {padding: 1.5rem 3.0rem!important;}}
@media screen and (min-width: 992px){
    .btn-primary.btn-lg {padding: 1.282rem 3.813rem!important;} 
    .card-btn-la-pr .btn-primary.btn-lg {padding: 1.282rem 2rem!important;} 
}

.btn-primary {
  color: #fff!important;
  background-color: #e748ea!important;
  border-color: #e748ea!important;
  border:0px!important;
  font-weight: 500!important;
  background: -webkit-gradient(left bottom,right top,color-stop(0,#da2bb4),color-stop(100%,#5d6bd7))!important;
  background: -webkit-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%)!important;
  background: -o-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%)!important;
  background: -ms-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%)!important;
  background: linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da2bb4',endColorstr='#5d6bd7',GradientType=1);
  border-radius: 0.5rem!important;
  
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #b235b4!important;
  border-color: #b235b4!important;
  background: -webkit-gradient(left bottom,right top,color-stop(0,#ba2699),color-stop(100%,#4954ab))!important;
  background: -webkit-linear-gradient(90deg,#ba2699 0,#4954ab 100%)!important;
  background: -o-linear-gradient(90deg,#ba2699 0,#4954ab 100%)!important;
  background: -ms-linear-gradient(90deg,#ba2699 0,#4954ab 100%)!important;
  background: linear-gradient(90deg,#ba2699 0,#4954ab 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba2699',endColorstr='#4954ab',GradientType=1);
  
}
.btn-shadow, a.btn-primary:hover, a.btn-primary:focus {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), 0px 15px 20px -15px rgb(0 0 0 / 90%) !important;
}
.btn-shadow-2 {
  box-shadow: 0px 6px 2px 0px #8041b9!important;
}
.btn-shadow:hover, .btn-shadow:focus{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), 0px 15px 20px -15px rgb(0 0 0 / 90%) !important;
}
.btn-shadow-2:hover, .btn-shadow-2:focus{
  box-shadow: 0px 8px 6px 1px #733ca6!important;
  }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-page-limit.active  {
  background-color: #fd0d77!important;
  background: -webkit-gradient(left bottom,right top,color-stop(0,#da2bb4),color-stop(100%,#5d6bd7));
  background: -webkit-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%);
  background: -o-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%);
  background: -ms-linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%);
  background: linear-gradient(90deg,#da2bb4 0,#5d6bd7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da2bb4',endColorstr='#5d6bd7',GradientType=1);
  color:#fff!important;
}
.nav-pills .nav-link {
  border-radius: 10px;
}

 .la-pr-navpills-button button { height:55px; width:210px; }

.bi-la-print {
  background: url(/assets/images/icons/btn-rounded-pill-light.png); /* Путь к файлу с исходным рисунком  */
  display: block; /*  Рисунок как блочный элемент */
  width: 43px; /* Ширина рисунка */
  height: 43px; /*  Высота рисунка */
}
.bi-la-print:hover, .bi-la-print:focus {
  background: url(/assets/images/icons/btn-rounded-pill-pink.png); /* Путь к файлу с заменяемым рисунком  */
}
.bi-la-print-wb{
  background: url(/assets/images/icons/wildberries.png); /* Путь к файлу с исходным рисунком  */
  display: inline-block; /*  Рисунок как блочный элемент */
  width: 20px; /* Ширина рисунка */
  height: 20px; /*  Высота рисунка */
}
      
      
.card-btn-la-pr{

}
.card-btn-la-pr:hover{

}

    

      
@media screen and (max-width: 767.98px) { 
  .border-bottom-sm {
    /*для мобильной версии добавляем полоску между карточками товаров*/
    border-bottom: 1px solid #ededed;
  }
  .card-btn-la-pr {
    padding-bottom: 20px;
    border-bottom: 1px solid #00000050;
  }
}
  
@media screen and (min-width: 768px) { /*md*/

.card-btn-la-pr {
    display:none!important; /*Скрываем - ниже стили отображения блока при наведении или фокусе на карточку */
    
  }
  .cart-la-pr-body {
    
  
  }
  .card-btn-la-pr{
     z-index: 1001;
    margin-top: -68px; /**/
    background-color: white;
    position: relative;
    border-end-end-radius: 0.7rem; 
    border-end-start-radius: 0.7rem;
  }
  
  .card-prices-la-pr{
    margin-bottom: 73px; /*влияет на сдвиг, менять вместе .card-underground-la-pr{ ... margin-bottom: -27px;}*/
  }
  
  /*.card-la-pr {
  }
  */
    
  .card-la-pr:hover, .card-la-pr:focus {
    /*box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%),0 0rem 1rem rgb(0 0 0 / 15%), 0px 15px 20px -15px rgb(0 0 0 / 90%)!important;*/
    box-shadow: 0 1px 13px rgb(0,0,0,.15)!important;
  }
  
  .card-la-pr:hover .card-btn-la-pr, .card-la-pr:focus .card-btn-la-pr, .card-btn-la-pr:hover{
    display:block!important;
  }
  .card-la-pr:hover .card-btn-la-pr, .card-la-pr:focus .card-btn-la-pr, button.nav-link.active:hover {
    /*box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), 0px 15px 20px -15px rgb(0 0 0 / 90%)!important;*//*более темная*/
    box-shadow: 0 0rem 0.4rem rgb(0 0 0 / 15%), 0px 15px 20px -15px rgb(0 0 0 / 70%)!important
  }
  
   button.nav-link:hover, .page-link:hover, .nav-page-limit:hover {
    box-shadow: 0 0rem 0rem rgb(0 0 0 / 15%), 0px 10px 20px -16px rgb(0 0 0 / 40%)!important;
   }
  
  /*рабочий вариант*/
  /*.card-la-pr:hover div:nth-child(2), .card-la-pr:focus div:nth-child(2), */
  .card-la-pr:hover .cart-la-pr-body, .card-la-pr:focus .cart-la-pr-body
  { /*уменьшаем высоту cart-body*/
    margin-bottom: 0px; /*сдвигаем наверх нижний отступ*/
  }
  .card-underground-la-pr{
    height: 30px;
    background-color: white;
    display: none; 
    position: static;
    margin-bottom: -27px; /*влияет на сдвиг, менять вместе .card-prices-la-pr { margin-bottom: 73px;}*/
    z-index: 1;
    border-radius: 0 0 0.7rem 0.7rem;
    box-shadow: 0 0.4rem 0.7rem #00000030;
    /*box-shadow: 0 0.4rem 0.8rem #00000030, 0px 15px 20px -10px #000000e6;*/
  }
  .card-la-pr:hover .card-underground-la-pr,.card-la-pr:focus .card-underground-la-pr{
    display: block; 
  }
}

 .border-top-menu {
   border-top: 1px solid #ededed;
 }
.dropdown-toggle::after {
    /*display: none;*/
    }
    
   // Mega Menu adjustments
.nav-item.dropdown.dropdown-mega{
    position: static;
    .dropdown-menu{
        width: 90%;
        top: auto;
        left: 5%;
    }
}

// Complete styles for main navbar toggler and hamburger menu
.navbar-toggler{
    border: none;
    padding: 0;
    outline: none;
    &:focus{
        box-shadow: none;
    }
    .hamburger-toggle{
        position: relative;
        display: inline-block;
        width: 50px;
        height: 50px;
        z-index: 11;
        float: right;
        .hamburger {
            position: absolute;
            transform: translate(-50%, -50%) rotate(0deg);
            left: 50%;
            top: 50%;
            width: 50%;
            height: 50%;
            pointer-events: none;
            span {
                width: 100%;
                height: 4px;
                position: absolute;
                background: #333;
                border-radius: 2px;
                z-index: 1;
                transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1.0), background 0.2s cubic-bezier(0.77,0.2,0.05,1.0), all 0.2s ease-in-out;
                left: 0px;
                &:first-child{
                    top: 10%;
                    transform-origin: 50% 50%;
                    transform: translate(0% -50%) !important;
                }
                &:nth-child(2){
                    top: 50%;
                    transform: translate(0,-50%);
                }
                &:last-child{
                    left: 0px;
                    top: auto;
                    bottom: 10%;
                    transform-origin: 50% 50%;
                }
            }
            &.active{
                span {
                    position: absolute;
                    margin: 0;
                    &:first-child{
                        top: 45%;
                        transform: rotate(45deg);
                    }
                    &:nth-child(2){
                        left: 50%;
                        width: 0px;
                    }
                    &:last-child{
                        top: 45%;
                        transform: rotate(-45deg);
                    }
                }
            }
        }
    }
}


/*Слайдер карточки товара*/
    .slider {
  /*padding: 32px;*/
  /*color: #fff;*/
}
.slider .swiper {
  width: 100%;
  height: 100%;
}
.slider__flex {
  display: flex;
  align-items: center;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 100px;
  margin-right: 32px;
}
.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider__thumbs {
  height: calc(500px - 96px);
}
.slider__thumbs .slider__image {
  transition: 0.25s;
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  opacity: 0.7;
}
.slider__thumbs .swiper-slide-thumb-active  .slider__image, .slider__thumbs .swiper-slide-visible .slider__image:hover{
    border: 2px solid #b140bf;
    padding: 0.1rem;
}
.slider__thumbs .slider__image:hover {
  opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image, .slider__thumbs .swiper-slide-visible .slider__image:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.slider__images {
  height: 500px;
}
.slider__images .slider__image img {
  transition: 3s;
}
.slider__images .slider__image:hover img {
  transform: scale(1.1);
}
.slider__image {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }

  
}
  /*Слайдер карточки товара*/
  
  /*Стили для отображения опций на карточке товаров начало*/
  .product-params__cell-decor:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 5px;
    border-bottom: 1px dashed #dadada;
  }
  .product-detail .product-params__cell-decor span{
    padding-right: 12px;
    position: relative;
    z-index: 1;
  }
  
  .product-params__cell{
    vertical-align: top;

  }
  .product-detail .product-params__cell-decor {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

  
  @media (min-width: 1024px){
    .product-detail .product-params__table {
        font-size: 18px;
        line-height: 24px;
    }
}
 @media  (max-width: 1023.51px){
    .product-detail .product-params__table {
        font-size: 16px;
        line-height: 22px;
    }
     
 }
    /*Стили для отображения опций на карточке товаров конец*/
  
  /* Стили для текстового поля с кнопкой "Развернуть/свернуть описание"*/
.read-more-limiter {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}

.read-more-limiter .read-more-bottom { 
  position: absolute; 
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgb(255 255 255 / 0%),
    rgb(255 255 255)90%);
  width: 100%;
  height: 60px;
  opacity: 1;
  transition: 0.3s;
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}
.read-more-checker:checked ~ .read-more-limiter {
  max-height: none;
}
.read-more-checker:checked ~ .read-more-limiter .read-more-bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  content: "Развернуть »";
}
.read-more-checker:checked ~ .read-more-button:before {
  content: "Свернуть «";
}
.read-more-button {
  cursor: pointer;
  display: inline-block;
  color: #777;
  text-decoration: underline;
}
  /* Стили для текстового поля с кнопкой "Развернуть/свернуть описание"*/
  
.page-link {
    border: unset;
}
.nav-page-limit, .pagination .page-link {
    border-radius: 0.75rem!important;
}

.page-link:hover, .nav-page-limit:hover {
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))
}