.p-absolute {  position: absolute !important; }
.p-relative {  position: relative !important; }
.border-line {
    width: 40px;
    height: 1px;
    margin-top: 20px;
    display: block;
    text-align: center;
    background-color: #069;
    margin-left: auto;
    margin-right: auto;
}
.bradius-8 {  border-radius: 8px;}
.bradius-10 {  border-radius: 10px;}

.button-return {  
    background-color: rgb(241 237 237); 
    color: #000 !important;
    width: 25%;
    font-weight: 600;
    text-decoration: none !important; }
.button-return:hover {  background-color: #f00; color: #fff !important; }

.bg-lgrey {   /* background: #f2f4f5;*/  background-color: rgb(241 237 237); }
.bg-white {   background: #fff; }

.fsz-014 {  font-size: 1.15rem; }
.fsz-14 {  font-size: 14px; }

.center { text-align: center;}
.t-upp { text-transform: uppercase; }

#content h2, .info-item h2 {  color: #2a2568;} 
#content h2 {  margin: 30px 0 20px; }

.section-title {  margin: 15px 0; }
.section-title h2 {  color: #2a2568; }
.s-title {  font-size: 1.25rem; font-weight: 700; color: #1c1c28; padding-top: 20px; }
.section-title p, .subtitle {  color: #2a2568; font-size: 1.25rem; font-weight: 700; margin-top: 1px; line-height: 1.5; }

.check-tick ul {  margin-left: 1rem;}
.check-tick li {
    list-style: none;
    text-indent: -1em;
}
.check-tick li::before {
    content: '\2714';
    padding-right: 8px;
    color: #337AB7;
    font-weight: 600;
    font-size: 15px;
}
.check-tick li ul li::before { display: none;}

/****** Header
*************************************************/ 
.header .sc-btn-secondary:not([disabled]) {   background-color: #878787;  border: 1px solid #fff; }
.header .sc-btn-secondary, .header .sc-btn-secondary .sc-btn-text { color: #fff; }
.header-bg {  background: #4f4f4f; }
.header-icon {  color:#fff; font-size: 16px; margin: 6px 10px 0 10px; }
.phone-items {  margin: 0 5px; }
.phone-items-bl {  padding-left: 12px; color: #fff; }
.phone-items-call {  display: block; text-align: center; color: #fff; }


.header-search .sc-btn-with-icon {  background: #ff0000 !important; }
.header-search .sc-btn-icon {  background: #fff !important; }

.header-buttons .header-buttons-catalog path {
    stroke: rgb(255, 255, 255);
}
.header-buttons .text-lowercase {  color: #fff; }

#top .top-left #logo {  margin-top: 8px; }
#top .sc-switcher {  background: #4f4f4f; }
#top .sc-switcher button.active { background: #4f4f4f; color: #fff; border: 0px solid #4f4f4f; } 
#top .language-select img {  display: none; }
#top button.language-select, 
#top button.currency-select {  font-size: .85rem!important; color: #878787; text-transform: uppercase; }
#top button.language-select .active, 
#top button.currency-select .active {  color: #fff; }

@media(max-width: 1024px) { 
    header.header {  height: 66px; }
} 
@media(max-width: 730px) {
    #top {  height: 58px; }
    #top .top-left #logo {  margin-top: 2px; }
} 
@media(max-width: 460px) { 
    .header-buttons .header-buttons-viewed { /* display: none !important; */ }
    .phone-items .phone-items-bl {  font-size: 1rem;}
} 
@media(max-width: 420px) { 
    .phone-items .phone-items-bl {  font-size: 1rem;}
} 
@media(max-width: 350px) { 
    .phone-items .phone-items-bl { font-size: .85rem; }
} 


/****** Footer
*************************************************/ 
.footer-logo {  margin-bottom: 10px; }
.footer-logo img {  width: 50%; }
.footer-ico {  margin-right: 10px; }
.sc-footer-top .subscribe-title {  font-size: 1.25rem; margin-top: 10px; }

.footer-socials .sc-footer-socials-item i {   color: #ccc;}
.footer-socials .sc-footer-socials-item {   background-color: #4F4F4F; border: 1px solid #ccc;}
.footer-socials .sc-footer-socials-item:hover {   background-color: #878787; }

.footer-info-items {  margin-top: 70px;}
.footer-delicery-title {  margin: 5px 0;}
.footer-info-items ul.delivery-info-block li {  padding-left: 0px;}

@media(max-width: 1024px) { 
    .footer-logo {  margin-top: 10px; }
    .footer-logo img {  width: 35%; }
    .sc-footer-middle-info ul.justify-content-center {  justify-content: left !important; }
}  
@media(max-width: 760px) { 
    .footer-info-items {  display: none;}
} 
@media(max-width: 460px) { 
    .sc-footer-top .subscribe-title { font-size: 1rem; }
}



/****** Home
*************************************************/ 
.title_items h1 {  color: #2a2568; }
.home h1 {  text-transform: uppercase; }

.home-ico-items { 
    position: relative; 
    height: 100px;
        /*display: flex;*/
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    border-bottom: 1px solid #f2f4f8;
    overflow: hidden;
    -webkit-transition: background .5s linear;
    -moz-transition: background .5s linear;
    -ms-transition: background .5s linear;
    -o-transition: background .5s linear;
    transition: background .5s linear;
}
.home-ico-items .home-ico-icon {  color: #2a2568; font-size: 2.15rem; }
.home-ico-items .home-ico-detali {  width: 100%; padding: 5px; text-align: center; font-size: 14px; font-weight: 500; }

/* category to Home ***/
.home-category-item { margin-bottom: 10px; transition:all .3s ease-out 0s; }
.home-category-item:hover{  transform:translateY(-5px); box-shadow: 0px 4px 14px rgb(0 0 0 / 15%); }
.overflow-hidden {  overflow: hidden; }
.home-category-item img {  position: relative; top: 0; transition: .5s; }
.home-category-detali {  width: 100%; color: #fff; padding: 15px 15px; text-align: center; font-size: 18px; font-weight: 600; background: #4f4f4f; }

.home-left-banner {  margin-bottom: 20px;}
.home-left-banner .offbanner:first-child {  margin-bottom: 15px; }
.home-left-banner img, .home-right-banner img {  width: 100%;}
.offbanner {  transition:all .3s ease-out 0s; }
.offbanner:hover{  transform:translateY(-5px); box-shadow: 0px 4px 14px rgb(0 0 0 / 15%); }

.home-about-text h3 {  color: #2a2568;  margin-bottom: 1.5rem; margin-top: 1rem; }
.home-about-text-primary {  margin-left: 1.5rem; }
.home-about-text-primary p {  color: #2a2568; font-weight: 600; } 

/****** Page
*************************************************/ 

/* Product  **/
@media(max-width: 760px) { 
    .sc-product-tabs-box {  margin-top: 0; }
}


/******** About **/
.about-item, 
.intro-item {  margin: 10px 0; padding: 15px 0; }

    /* Intro **/
    .intro-bl {   border: 1px dashed #4f4f4f; }
    .intro-bl p {   font-size: 14px; }
    /* End Intro **/

.about-item-info img { margin-bottom: 15px; }

.about-iblock {  width: 100%; padding: 40px 30px 36px; }
.about-iblock-txt {  max-width: 360px; margin: 0 auto; padding-top: 4px; text-align: center; }

.about-iblock-data { color: #2a2568; font-size: 2.5rem; line-height: .85; }
.about-iblock-hr {  border-top: 3px solid #ccc; width: 65%; margin-left: auto; margin-right: auto; }

.about-timeline:before, 
.about-timeline:after { display: table; content: " ";} 
.about-timeline:after { clear: both; }


.about-princip-single {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  padding: 15px;
}
.about-princip-txt {
  display: table-cell;
  vertical-align: top;
  color: #000;
}
.about-princip-prleft {  padding-left: 30px; text-align: left; }
.about-princip-pright {  padding-right: 30px; text-align: right; }
.about-princip-txt-add i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    color: #2a2568;
    font-size: 18px;
    line-height: 50px;
    border: 1px solid #2a2568;
    background-color: #fff;
}
.about-princip-img {  margin: 2px 0; }

/* Delivery and Pay **/
#content .delivery-info-item-box h2, 
#content .pay-info-item-box h2 {  margin: 10px 0 20px; }
.delivery-info-item-box, .pay-info-item-box {  border: 1px solid #f2f4f8; padding: 10px 20px; }
.delivery-info-item-box .ico-nposhta {  width: 80px; }
.pay-info-item-box .name-nposhta { color: #ff0000; font-size: 1.25rem; padding: 14px 0; font-weight: 600; }

.delivery-info-item-box ul li,
.pay-info-item-box ul li,
ul .delivery-info-block li,
ul .pay-info-block li {  list-style: none; }
.delivery-info-block li, .pay-info-block li { line-height: 30px; list-style: none; }
.delivery-info-block li, .pay-info-block li span { padding-left: 10px; }

.pay-card-imblock {  position: relative; bottom: 50px; text-align: center;}
.delivery-pay-block {  width: 100%; padding: 40px 30px 36px;}
.pay-data { max-width: 360px; margin: 0 auto; padding-top: 4px; color: #1c1c28; }
.pay-data span {  display: block; color: #069; font-weight: 600;}


/* Guarantee **/
.guarantee-date-item .table-item { margin-bootom: 10px; }
.guarantee-table { width: 90%; border-collapse: collapse; color: #1c1c28; font-size: 14px; }
.guarantee-table td {  padding: 10px; }
.guarantee-table tr:nth-child(odd) {  background: #fff; }
.guarantee-table tr:nth-child(even) { background: #f1eded; }
.guarantee-date-img {  display: table-cell; margin: 10px auto; vertical-align: middle; }

.guarantee-li-not {  margin-left: 30px; }
.guarantee-li-not li { list-style: none; text-indent: -1em; }
.guarantee-li-not li::before { content: '\00D7';  padding-right: 8px; color: #ff0000; font-weight: 600; font-size: 15px; }

.guarantee-call-item {  margin: 85px 0 15px 0; background: #f1eded; }
.guarantee-call-item .guarantee-txt {  padding: 15px 5px; }
.guarantee-call-item .guarantee-txt span {  display: block; color: #1c1c28; font-weight: 600; margin-bottom: 5px; }
.guarantee-call-item .guarantee-txt a {  font-weight: 700; font-size: 1.25rem; color: #2a2568; }
.guarantee-call-item .guarantee-call-img img {  margin-top: -75px; }

.guarantee-attention-item {  margin: 30px 0 10px 0; }
.guarantee-attention-item .guarantee-attention-txt,
.guarantee-attention-item .guarantee-attention-blck { padding: 10px 20px; }
.guarantee-attention-item .guarantee-attention-txt {  border: 1px solid #f2f4f8; }
.guarantee-attention-item .guarantee-attention-txt span {  display: block; color: #2a2568; font-weight: 600; margin-bottom: 15px; }
.guarantee-attention-item .guarantee-info-ul {  padding-left: .8rem; }
.guarantee-attention-item .guarantee-info-ul li { line-height: 30px; list-style: none; }
.guarantee-attention-item .guarantee-info-ul li span { padding-left: 10px; }
.guarantee-attention-item .guarantee-attention-blck span.info { color: #2a2568; font-size: 14px; }

.guarantee-return-item {  margin: 30px 0 10px 0; }
.guarantee-return-item .guarantee-return-blck {  margin: 13px 0; }
.guarantee-return-item .guarantee-return-two {  margin-left: -40px; }
.guarantee-return-item .guarantee-return-three {  margin-left: -220px; }
.guarantee-return-item .guarantee-return-blck span {  color: #2a2568; font-size: 14px; }
.guarantee-return-item .guarantee-return-blck ul {  margin-top: .2rem; padding-left: 2.6rem; }

@media(max-width: 1190px) { 
    .guarantee-date-img img,
    .guarantee-call-img, 
    .guarantee-return-img {  display: none;}
    .guarantee-call-item {  margin: 30px 0 10px 0; }
    .guarantee-return-item .guarantee-return-two {  margin-left: 0px; }
    .guarantee-return-item .guarantee-return-three {  margin-left: 0px; }
}    
/* END Guarantee **/

/* Category **/
.sc-product-info-item-category  {  color: #1c1c28;  font-size: .875rem; }
.category-code-txt  {  color: #8f90a6;  }
/* END Category **/


.sc-subcategories {
    -ms-flex-wrap: nowrap;
/****** scroll ico category
    flex-wrap: nowrap;
    overflow-x: auto; */
}
.sc-slideshow-tabs  .tabs_caption_title{
    background-color: #fff;
    letter-spacing: .01em;
    font-size: 1.375rem;
    font-weight: 700;
    color: #1c1c28;
    text-align: left;
    margin: 0.5rem 0 0;
    padding-bottom: .25rem;
}
.sc-slideshow-tabs .tabs_caption_holder{
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
 }
 .sc-slideshow-tabs-item-holder{
     padding: 15px 0 0 0;
 }
 .sc-slideshow-tabs .tabs__caption{
           display: inline-block;
 }
 .sc-slideshow-tabs .tabs__caption li{
     float: left;
     padding: 0.25rem 0.85rem;
     cursor:pointer;
     list-style: none;
     font-size: .9rem;
     text-decoration:none;
     text-decoration: none;
     border: 1px solid #ccc;
     margin: 0.25rem;
 }
 .sc-slideshow-tabs .tabs__caption li.active{
     border: 1px solid #069;
 }
 .sc-slideshow-tabs-product-item{
    width:  calc(25% - 10px);
    float: left;
    margin: 0 10px 0 0;
    }
.sc-slideshow-tabs-product .slick-slide {
    margin: 0 10px 0 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto !important;
    min-height: 100% !important;
    -webkit-transition: border-color .3s ease-out;
    -o-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out;
}
.sc-slideshow-tabs-product .slick-arrow {
    position: absolute;
    top: -16px;
    right: 0;
    width: 28px;
    height: 28px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #f2f4f8;
}
.sc-slideshow-tabs-product .slick-slider-btn-prev {
    left: auto;
    right: 38px;
}
.sc-slideshow-tabs-product-img{
    text-align: center;
}
.sc-slideshow-tabs-product-img img{
    display:inline-block!important;
}
.about-principles{
     max-width: 1450px;
     margin: 70px 0 0;
     height: 823px;
     overflow: hidden;
 }
 .about-principles-heder {
     margin: 70px 0 0;
 }
 .about-principles-heder h2{
     color:#000000;
     font-size: 30px;
     line-height: 32px;
     text-align: center;
     padding: 0;
     margin: 10px 0 0;
     text-transform: uppercase;
 }
 .about-principles-heder h2.orange{
     color:#eb5f2a!important;
 }
 .about-principles .left-side{
     float: left;
     width: 30%;
     position: relative;
     height: 100%;
 }
  .about-principles .center-side{
     float: left;
     background: url('/image/information/about/about_fon1.jpg') no-repeat 50% 50%;
    /* min-width: 494px;*/
     width: 35%;
     height: 100%;
     position: relative; 
     background-size:contain;
 }
 .about-principles .right-side{
     float: left;
     width: 30%;
     position: relative;
     height: 100%;
 }
 
 .about-principles .text-box1{
     position: absolute;
     top:180px;
     left: 0;
     font-size: 18px;
     padding: 10px 15px 10px 20px;
     border: 1px solid #b5b5b5;
     width: 310px;
     background: #fff;
     z-index: 2;
 }
 .about-principles .text-box2{
     position: absolute;
     top:515px;
     left: 0;
     font-size: 18px;
     padding: 10px 15px 10px 20px;
     border: 1px solid #b5b5b5;
     width: 310px;
     background: #fff;
     z-index: 2;
 }
  .about-principles .text-box3{
     position: absolute;
     top:200px;
     right: 0;
     font-size: 18px;
     padding: 10px 15px 10px 25px;
     border: 1px solid #b5b5b5;
     width: 310px;
     background: #fff;
     z-index: 2;
 }
   .about-principles .text-box4{
     position: absolute;
     top:515px;
     right: 0;
     font-size: 18px;
     padding: 10px 15px 10px 20px;
     border: 1px solid #b5b5b5;
     width: 310px;
     background: #fff;
 }
  .about-principles .text-box5{
     width: 160px;
     position: absolute;
     top:445px;
     left: 0;
     font-size: 18px;
 }
 .about-principles .text-box6{
     width: 160px;
     position: absolute;
     top:445px;
     right: -8%;
     font-size: 18px;    
 }
 .about-principles .img-box1{
     background: url('/image/information/about/png_left_right_1.png') no-repeat 50% 50%;
     width: 211px;
     height: 220px;
     top:0;
     left: -106px;
     position: absolute;
 }
  .about-principles .img-box2{
     background: url('/image/information/about/about_img2.jpg') no-repeat 50% 50%;
     width: 201px;
     height: 199px;
     top:300px;
     right: 35%;
     position:absolute;
 }
 .about-principles .img-box3{
     background: url('/image/information/about/about_img3.jpg') no-repeat 50% 50%;
     width: 206px;
     height: 205px;
     bottom:0;
     left: -106px;
     position:absolute;
 }
 .about-principles .img-box4{
     background: url('/image/information/about/about_img4.jpg') no-repeat 50% 50%;
     width: 205px;
     height: 211px;
     bottom:0;
     right: -106px;
     position:absolute;
 }
 .about-principles .img-box5{
     background: url('/image/information/about/about_img5.jpg') no-repeat 50% 50%;
     width: 205px;
     height: 211px;
     top:300px;
     left: 35%;
     position:absolute;
 }
 .about-principles .img-box6{
     background: url('/image/information/about/png_left_orange_1.png') no-repeat 50% 50%;
     width: 221px;
     height: 215px;
     top:0;
     right: -106px;
     position:absolute;
 }
 @media (max-width: 1453px) {
   .about-principles .center-side{
       background-size:contain;
 }
}
@media (max-width: 1200px) {
    .about-principles {
        height: auto;
    }
    .about-principles .center-side{
       background-size:contain;
       height: 300px;
       float: none;
       width: 100%
 }

 .about-principles .text-box5{
     top:56%;
     left: 31%;
 }
 .about-principles .text-box6{
     top:56%;
     left: 59%;    
 }
 .about-principles .left-side{
     margin: 300px 0 0;
     height: 960px;
     width: 49%;
         
 }
 .about-principles .right-side{
      margin: 0 0 0;
      height: 960px;
      width: 49%;
 }
 .about-principles .img-box1{
    position: initial;
    margin: 0 auto;
    height: 215px;
 }
  .about-principles .img-box2{
    position: initial;
    margin: 0 auto;
    height: 215px;
 }
 .about-principles .img-box3{
     bottom:0;
     left: calc(50% - 100px);
     height: 215px;
 }
 .about-principles .img-box4{
    bottom:0;
    right: calc(50% - 100px);
    height: 215px;
 }
 .about-principles .img-box5{
    position: initial;
    margin: 0 auto;
    height: 215px;
 }
 .about-principles .img-box6{
    position: initial;
    margin: 0 auto;
    height: 215px;
 }
 .about-principles .text-box1{

    width: auto;
    position: initial;
    margin: 20px auto;
    height: 125px;
    padding: 20px 15px 20px 20px;
 }
 .about-principles .text-box2{

    width: auto;
    position: initial;
    margin: 20px auto;
    height: 125px;
    padding: 20px 15px 20px 20px;
 }
 .about-principles .text-box3{

     width: auto;
     position: initial;
     margin: 20px auto;
     height: 125px;
     padding: 20px 15px 20px 20px;
 }
 .about-principles .text-box4{
    /* top:575px;
    left: calc(50% - 160px);*/
    width: auto;
    position: initial;
    margin: 20px auto;
    height: 125px;
    padding: 20px 15px 20px 20px;
 }
}
@media (max-width: 560px) {
    .about-principles .left-side{
        height: 1100px;
    }
    .about-principles .right-side{
        height: 1100px;
    }
    .about-principles .text-box1{
    height: 150px;
 }
 .about-principles .text-box2{
    height: 150px;
 }
 .about-principles .text-box3{
     height: 150px;
 }
 .about-principles .text-box4{
    height: 150px;
 }
    
}
@media (max-width: 850px) {
    .about-principles .text-box5{
       left: 15%; 
    }
    .about-principles .text-box6{
      left: 65%;   
    }
}
@media (max-width: 530px) {
    .about-principles .left-side{
        height: 830px;
    }
    .about-principles .right-side{
        height: 830px;
    }
    .about-principles .text-box5{
       left: 5%; 
    }
    .about-principles .text-box6{
      left: 65%;   
    }
    .about-principles .img-box1{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .img-box2{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .img-box3{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .img-box4{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .img-box5{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .img-box6{
        height: 18%;
        width: 100%;
        background-size:contain;
    }
    .about-principles .text-box1{
        height: 150px;
        font-size: 15px;
        line-height: 18px;
    }
    .about-principles .text-box2{
        height: 150px;
        font-size: 15px;
        line-height: 18px;
    }
    .about-principles .text-box3{
        height: 150px;
        font-size: 15px;
        line-height: 18px;
    }
    .about-principles .text-box4{
       height: 150px;
       font-size: 15px;
       line-height: 18px;
    }
}
.about-history{
    width: 100%;
    margin: 50px 0 0 0;
    background: url('/image/information/about/history_fon1.jpg') no-repeat 50% 0;
    overflow: hidden;
    padding: 120px 0 0;

}
.about-history-heder{
    margin: 100px 0 0 0;
}
.about-history-heder img{
    float: right;
}
.about-history-heder h2{
    color:#000000!important;
    font-size: 30px;
    line-height: 32px;
    padding: 0!important;
    margin: 10px 0 0!important;
    text-transform: uppercase;
    padding: 30px 0 0;
}
.about-history-holder {
    margin: 0 auto;
    max-width: 946px;
}
.about-history .first-row{
    float: right;
    margin:  0 0 0  40px;
    height: 297px;    
}
.about-history .second-row{
    float: left;
    margin:  0 0 0 40px;
    height: 297px;
}
.about-history .third-row{
     margin:  0 0 0  40px;
    float: right;
    height: 297px;
}
.about-history  .history-item{
    width: 270px;
}
.about-history .img{
    text-align: center;
}
.about-history .text{
    text-align: center;
    color:#000;
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 0;
}
.about-history .year{
    text-align: center;
    color:#e5672a;
    font-size: 26px;
    line-height: 26px;
    margin: 34px 0 0;
}

@media (max-width: 1200px) {
    .about-history{
        background: none;
        padding: 0;
    }
    .about-history .history-item{
        float:left;
        width: 49%;
        margin: 0;
    }
   
}

/* Cart button width fix: prevent clipping when button has visible text */
@media (min-width: 576px) {
    .sc-module-cart .sc-btn-primary.sc-module-cart-btn {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 39px !important;
    }
}

/* Product tabs mobile horizontal scroll */
@media (max-width: 767.98px) {
    .sc-product-tabs-box {
        margin-top: 0;
        left: 0;
        right: 0;
        padding: 0;
    }

    #oct-tabs.sc-product-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 2.125rem;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
    }

    #oct-tabs.sc-product-tabs::-webkit-scrollbar {
        display: none;
    }

    #oct-tabs .sc-product-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .sc-product-tabs-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1.75rem;
        height: 1.75rem;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.95);
        color: #4f4f4f;
        box-shadow: 0 2px 10px rgba(28, 28, 40, 0.18);
        z-index: 3;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    .sc-product-tabs-arrow-prev {
        left: 0.375rem;
    }

    .sc-product-tabs-arrow-next {
        right: 0.375rem;
    }

    .sc-product-tabs-arrow.is-hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

/* Related/soputstv product cards: keep buy button text visible on mobile */
@media (max-width: 575.98px) {
    [data-type="split"] .related_products .sc-module-cart,
    [data-type="split"] .soputstv_products .sc-module-cart {
        min-height: 54px !important;
    }

    [data-type="split"] .related_products .sc-module-cart .sc-module-quantity,
    [data-type="split"] .soputstv_products .sc-module-cart .sc-module-quantity {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 92px !important;
        flex: 0 0 92px !important;
        max-width: 92px !important;
        height: 50px !important;
        margin-right: 0.5rem !important;
    }

    [data-type="split"] .related_products .sc-module-cart .sc-btn-primary.sc-module-cart-btn,
    [data-type="split"] .soputstv_products .sc-module-cart .sc-btn-primary.sc-module-cart-btn {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        min-width: 118px !important;
        min-height: 50px !important;
        height: 50px !important;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    [data-type="split"] .related_products .sc-module-cart .sc-btn-primary.sc-module-cart-btn .sc-btn-text,
    [data-type="split"] .soputstv_products .sc-module-cart .sc-btn-primary.sc-module-cart-btn .sc-btn-text {
        display: inline-block !important;
        color: #fff !important;
        font-size: 0.75rem !important;
        line-height: 1.1 !important;
    }
}

/* Running line: keep above logo on mobile product pages and use normal case text */
.toppage-carousel-track p {
    text-transform: none;
}

@media (max-width: 767.98px) {
    html.body-product body.has-run-info {
        --run-info-height: 35px;
        --run-info-topbar-height: 48px;
        padding-top: calc(15px + var(--run-info-body-padding, 35px));
    }

    html.body-product body.has-run-info .toppage-carousel {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 12205;
    }

    html.body-product body.has-run-info #top {
        inset: var(--run-info-height) 0 auto;
    }

    html.body-product body.has-run-info .sc-product-tabs-box {
        top: calc(48px + var(--run-info-height));
    }

    html.body-product body.has-run-info nav[aria-label="breadcrumb"] .sc-breadcrumb {
        padding-top: 0.375rem;
    }
}

@media (max-width: 730px) {
    html.body-product body.has-run-info {
        padding-top: calc(15px + var(--run-info-body-padding, 35px));
    }

    html.body-product body.has-run-info .sc-product-tabs-box {
        top: calc(58px + var(--run-info-height));
    }
}
