/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
body {
  font-family: "Rubik", sans-serif;
  font-size: 17px;}


a {
  color: #ABCA4A !important;
}
a:hover {
  color: #859e33 !important;
}
.sf-menu li > a.sf-with-ul::after {
  content: " ▼";
  font-size: 0.7em;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
@media (min-width: 960px) {
  #product-comments-list-footer .post-product-comment {
    margin: 0; /* убрали auto */
    display: inline-block; /* или block, если нужно, но тогда ширина зависит от контента */
  }
}
#post-product-comment-modal .criterion-rating {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.product-list-reviews {
    display: flex;padding: 5px;
    align-items: center;
    gap: 4px; /* расстояние между блоками */
    font-size: 14px;font-weight:300
}

.product-list-reviews .review-score {
    font-weight: 300;
}

.product-list-reviews .comments-nb {
    font-weight: 300;
}

.product-list-reviews .grade-stars {
    display: inline-block;
    height: 20px; /* размер звезды */
}
.product-list-reviews .review-score {
  font-weight: 300;
}
.header-menu-c .header-menu11 .sf-menu > li > a {
color:#fff !important;
  font: 400 18px/22px "Montserrat", sans-serif;}
  .header-menu-c .header-menu11 .submenu-container li a {
  font-size: 18px;
}
.rounded-1em{
 border-radius: 1em !important;
}
.btn-primary {
    background-color: #ABCA4A !important;
    border-color: #ABCA4A !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #ABCA4A !important; /* чуть темнее */
    border-color: #ABCA4A !important;
    color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(171, 202, 74, 0.4);
}



@media (min-width: 992px) {
  .siteinfo {
    width: 200px;
  }
}


.sitename{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #ABCA4A;

}
.slogan{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;

color: #ABCA4A;

}
.top-contact{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #ABCA4A;
}

.flex-gap {
  display: flex;
  flex-wrap: wrap;
  margin: -4px; /* половина от gap */
}

.flex-gap > * {
  margin: 4px; /* половина от gap */
}

.wt-500{
  font-weight:500
}

/* Убираем подчёркивание и сохраняем цвет; видимый фокус для клавиатуры */
.top-contact .top-contact-link {
  text-decoration: none;
  color: inherit;
}
.top-contact .top-contact-link:hover,
.top-contact .top-contact-link:focus {
  text-decoration: none;
  color: inherit;
  outline: none;
  /* можно добавить outline для доступности, например:
     box-shadow: 0 0 0 3px rgba(46,110,213,0.15);
  */
}
.footer-contact a {
    color: #ffffff;       /* белый текст */
    text-decoration: none; /* убрать подчеркивание */
}

.footer-contact a:hover {
    color: #ffffff;       /* при наведении тоже белый */
    text-decoration: none;
}
.small-title{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: #292929;
}
@media(max-width:992px){
 .small-title{}
}



@media (max-width: 992px) {
  .sf-menu > li span::after {
    font-family: "Material Icons";
    content: "\e145";
    font-size: 26px;
    color: #fff;
  }
}
.star-content {
  margin: 0 0 0 -5px;}



.product-comment-text{

font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 130%;

color: #292929;

}
.product-comment-author,.product-comment-date{

font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 130%;

color: #757575;

}


.grade-stars {
  position: relative;
  height: 25px;}

/* Новый класс кнопок с вашим синим цветом */
.btn-green {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #ABCA4A;
  border: 1px solid #ABCA4A;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}

.btn-green:hover,
.btn-green:focus {
  background-color: #ABCA4A; /* чуть темнее при наведении */
  border-color: #ABCA4A;
  color: #fff;
  text-decoration: none;
}

.btn-green:active {
  background-color: #748a2d; /* нажатие */
  border-color: #748a2d;
  color: #fff;
}

.btn-green:disabled,
.btn-green.disabled {
  background-color: #ABCA4A;
  border-color: #ABCA4A;
  opacity: 0.65;
  cursor: not-allowed;
}
@media (min-width: 960px) {
  #product-comments-list-footer .post-product-comment {
    margin: 0; /* убрали auto */
    display: inline-block; /* или block, если нужно, но тогда ширина зависит от контента */
  }
}
#post-product-comment-modal .criterion-rating {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
/* Пагинация комментариев — более специфично, чтобы перебить .page-item и .page-link */
#product-comments-list-pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}


#product-comments-list-pagination li .page-link{
    border: 1px solid #f1f1f1 !important;
    background: #fff !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #292929 !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;

}


#product-comments-list-pagination li.active .page-link{
    background-color: #ABCA4A !important;
    border-color: #ABCA4A !important;
    color: #fff !important;
}
#product-comments-list-pagination li .page-link:hover,#product-comments-list-pagination li.active .page-link{text-decoration:none}
#product-comments-list-pagination li .page-link span{ color: #292929 !important;}
#product-comments-list-pagination li.active .page-link span{ color: #fff !important;font-weight: 300 !important;}

#product-comments-list-pagination li.disabled .page-link{
    cursor: default !important;
    /*opacity: 0.5 !important;*/
}

#product-comments-list-pagination li span{
    vertical-align: middle;
}
  #product-comments-list-pagination {
    position: static;
    right: 0;
    top: 5px;
  }
.product-list-reviews {
    display: flex;
    align-items: center;
    gap: 8px; /* расстояние между блоками */
    font-size: 14px;font-weight:300
}

.product-list-reviews .review-score {
    font-weight: 300;
}

.product-list-reviews .comments-nb {
    font-weight: 300;
}

.product-list-reviews .grade-stars {
    display: inline-block;
    height: 20px; /* размер звезды */
}
.product-list-reviews .review-score {
  font-weight: 300;
}
.cart-grid .bootstrap-touchspin {
    position: relative;width:100px;height: 38px;
    padding: 0 38px; /* место под + / - */
}

.cart-grid .bootstrap-touchspin .input-group-btn-vertical {
    position: static;
}

.cart-grid .bootstrap-touchspin .btn-touchspin {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 38px;
    padding: 0;
    border: 1px solid #ced4da;
    background: #fff;
}

.cart-grid .bootstrap-touchspin .bootstrap-touchspin-down {
    left: 0;
   /* border-right: 0;*/
}

.cart-grid .bootstrap-touchspin .bootstrap-touchspin-up {
    right: -38px;
   /* border-left: 0;*/
}
.cart-grid .bootstrap-touchspin input.form-control {
    width: 60px;              /* ← регулируй под дизайн */
    text-align: center;
    border-left: 0;
    border-right: 0;
    padding: 0;
border: 0;
}
.cart-grid .bootstrap-touchspin .btn-touchspin i {
    display: none;
}
.cart-grid .bootstrap-touchspin .bootstrap-touchspin-down::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: center / 10px 2px no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='10' height='2' fill='%23757575'/%3E%3C/svg%3E");
}
.cart-grid .bootstrap-touchspin .bootstrap-touchspin-up::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: center / 10px 10px no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='4' width='2' height='10' fill='%23757575'/%3E%3Crect y='4' width='10' height='2' fill='%23757575'/%3E%3C/svg%3E");
}
.cart-grid .bootstrap-touchspin input.form-control {
    height: 100%;
    line-height: 38px;
}
.cart-grid .bootstrap-touchspin .btn-touchspin {
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-grid .bootstrap-touchspin .bootstrap-touchspin-up::before,
.cart-grid .bootstrap-touchspin .bootstrap-touchspin-down::before {
    width: 100%;
    height: 100%;
}
#cart .main-content {
  background:#f6f6f6
}
#cart .product-line__title{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #ABCA4A;
}


#cart  .product-attributes .small{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #757575;
}

#cart  .product-price {
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 130% !important;
color: #292929 !important;}



@media(min-width:992px){
.top-contact-lbl{min-width: 150px;}
.top-contact-link{min-width: 150px;}

}

.h-nav1 .sf-menu > li > a{font: 400 18px/22px "Montserrat", sans-serif;}
.sf-with-ul{
  font-size:18px;
}

.product-list-reviews{
  margin-top:5px;
  margin-bottom:5px;
}
/* базовая кнопка */
.pagination2 ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagination2 ul li{
  margin:0 5px
}
/* АКТИВНАЯ СТРАНИЦА */
.pagination2 ul li.current a {
  background-color: #ABCA4A !important;
  color: #ffffff;
  pointer-events: none;
}

/* HOVER */
.pagination2 ul li:not(.current) a:hover {
  background-color: #ABCA4A!important;
  color: #ffffff;
  text-decoration: none;
}
.contact-card{  background-color: #ABCA4A!important;
  color: #ffffff;}
.contact-card a{  background-color: #ABCA4A!important;
  color: #ffffff;}
.contact-card .lead{  background-color: #ABCA4A!important;
  color: #ffffff;font-size: 1.1em;}
.contact-card p {
line-height: 1.6em;
  margin: 0;
}

.custom-file .custom-file-label::after {
  content: "Dodaj plik";
}
.custom-file .custom-file-label::after {
  font-weight: 600;
  color: #fff;
  background-color: #ABCA4A !important;
  border-color: #ABCA4A !important;

  box-shadow: none;
  top: -1px;
  right: -1px;
  bottom: -1px;
  height: auto;
}
.contact-form-wrapper label{
  font-weight:bold;
  margin-top:10px !important
}

.form-group {
  margin-bottom: 16px;
  margin-bottom: 1.3rem !important;
}





#content p{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #757575}

#content h2{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #292929;}



#content{
  margin-bottom:20px
}

.top-contact{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #ABCA4A;
}

.header-menu-c {
  margin-bottom: 0;
  background-color: #ABCA4A;
  padding: 10px 0;
}

footer .footer-top3 ul li a {
  color: #757575 !important;
  text-decoration: none;
  font-size: 14px;
}

footer .footer-top3 .btn.btn-link {color: #ABCA4A !important;}

.nav2 .nav23 {
  margin-top: 0;
}

.nav2 .nav22 #search_widget {
  margin-top: 0;
}
.nav2 .nav23 #desktop_user_info i {
  font-size: 20px;
}

.nav2 .nav23 #blockcart-wrapper .blockcart.cart-preview .header a i {
  font-size: 20px;
}
@media (max-width: 767px) {
  .nav2 .nav22 {
    background-color: #ABCA4A;
  }
}


#block_top_menu #search_widget {
  display: none;
}
@media (max-width: 767px) {
  .cat-title::after {
    top: 7px;}
}
@media (max-width: 767px) {
  .cat-title:hover {
    background: transparent;
    border-bottom-color: transparent;
    color: #fff;
  }
}
.blog-preview-text {
    display: block !important;
}

.blog-preview-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* ← количество строк */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}


.container-fluid {
  max-width: 1600px ;
  padding: 0 15px;
}
.cms-carousel-nav button {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0;
    box-shadow: none !important;
    border-radius: 0 !important;

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

/* ВАЖНО: Firefox inner box */
.cms-carousel-nav button::-moz-focus-inner {
    border: 0;
    padding: 0;
}




.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

@media(max-width:992px){
.sitename {
  font-size: 12px;}

.slogan{ font-size: 11px;}
}

footer  ul{margin:0;padding:0 !important;}
footer  ul li{margin:0;padding:0;list-style:none  !important;}

footer  ul li a.cms-page-link{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #757575  !important;text-decoration:none
}
footer  ul li a.cms-page-link:hover{color: #ABCA4A;}

footer  h4{

font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #ABCA4A;
}
.footer-contact{
 font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 190%;
color: #757575  !important;text-decoration:none
}
.footer-contact a{
 color: #757575  !important;
}
.owl-carousel .product-miniature-c{

}
#category #products #js-product-list .product-miniature-c,
.owl-carousel .product-miniature-c
{
background:#fff;padding:1em;
border-radius:0.5em !important;
 border:1px solid #dedede;
display: flex !important;
flex-direction: column !important;}
#category #products #js-product-list .product-miniature-c:hover,
.owl-carousel .product-miniature-c:hover{
box-shadow: -4px 4px 0 #abca4a;/*border-color: #2E6ED5;*/}

.main-content{background:#fff}

#category .main-content {
  background: #f6f6f6;
}
.product-miniature{
padding:1em
}

.price-value{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #292929;
}
.title-product h2 a{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #606C38 !important;
text-align:left;
display:block
}



#subcategories .photos img{/*border:1px solid #e3e3e3*/}
#subcategories .photos img:hover{box-shadow: -4px 4px 0 #abca4a;}

#subcategories a:hover {
  text-decoration:none
}




.section-front-offer1 .single2 a {
  color: #fff !important;
}

.pagination .current a{
  color: #fff !important;
}

.product-sku,.product-sku label{
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 130% !important;
color: #757575 !important;}

.stock-label{

font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;

color: #00D845;

}
.stock-text,.stock-quantity{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #757575;
}




.lSAction a {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.lSAction a svg {
  display: none;
}

.lSAction .lSPrev {opacity: 1;
  background-image: url('/themes/szklarnia/assets/img/CaretCircleLeftsl.svg') !important;
}

.lSAction .lSNext {opacity: 1;background-position: 0;
  background-image: url('/themes/szklarnia/assets/img/CaretCircleRightsl.svg') !important;
}

.lSAction a {margin: 0px !important;
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

/* левая стрелка */
.lSAction .lSPrev {
  left: 0 !important;
}

/* правая стрелка */
.lSAction .lSNext {
  right: 0 !important;
}

.faq-item .faq-question{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #292929;
}


.faq-item .faq-answer{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #ABCA4A;
}
.faq-item {
  border-bottom:1px solid #f1f1f1
}

.faq-icon {
  transition: transform 0.25s ease;
}

.faq-item.is-open .faq-icon {
  transform: rotate(180deg); /* стрелка вверх */
}

#category #subcategories .photos img:hover {
  box-shadow: none;
}

#category a.img{padding:5px 5px 5px 10px;
  border:1px solid #e1e1e1;border-radius:1em
}

#category a.img .title1 {
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
text-align: center;
color: #000000;
}

.nav-breadcrumbList-sz {
  background-color:transparent;
  color: #8E8E8E;
  padding-top: 11px;
  padding-bottom: 18px;
  letter-spacing: 1.1px;
font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 26px;

}
.nav-breadcrumbList-sz a,.nav-breadcrumbList-sz a span{color: #8E979D;font-family: 'Rubik';}


.contact-card{  background-color: #abca4a!important;
  color: #ffffff!important;}
.contact-card a{  background-color: #abca4a!important;
  color: #ffffff!important;}
.contact-card .lead{  background-color: #abca4a!important;
  color: #ffffff!important;font-size: 1.1em;}
.contact-card p {
line-height: 1.6em;
  margin: 0;
}

.custom-file .custom-file-label::after {
  content: "Dodaj plik";
}
.custom-file .custom-file-label::after {
  font-weight: 600;
  color: #fff;
  background-color: #abca4a !important;
  border-color: #abca4a !important;

  box-shadow: none;
  top: -1px;
  right: -1px;
  bottom: -1px;
  height: auto;
}
.contact-form-wrapper label{
color:#000;padding: 10px 0;
  margin-top:10px !important;
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
margin: 0;

}

.form-group {
  margin-bottom: 16px;
  margin-bottom: 1.3rem !important;
}
.contact-form .btn.btn-primary{width:100%}



.simpleblog__listing__post__wrapper h3 a{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #606C38 !important;

}
.blog-preview-text{

font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 130%;

color: #292929;

}

.blog-post-date{
font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 130%;
color: #292929;
}

.btn-outline-primary{
  border-color:#abca4a !important; color:#abca4a !important
}

.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus{
  border-color:#abca4a !important;
  background-color:#abca4a !important;
  color:#fff !important
}

.btn-primary{
  border-color:#abca4a !important; color:#fff !important; background-color:#abca4a !important;
}

.btn-primary:hover ,.btn-primary:active ,.btn-primary:focus {
  border-color:#abca4a !important;
  background-color:#fff !important;
  color:#abca4a !important
}



.blog-readmore svg {
  stroke:#ABCA4A;
}

.blog-readmore:hover svg {
  stroke:#fff;
}

#product .page-category-all .page-product3 .page-product3-cart .product-variants .product-variants-single ul li label .radio-label.checked {
  background-color: #ABCA4A;
  border-color: #fff;
  color: #fff;
}


/* PRODUCT PAGE quantity – same as cart */

.product-add-to-cart .bootstrap-touchspin {
    position: relative;
    width: 100px;
    height: 38px;
    padding: 0 38px;
}

.product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical {
    position: static;
}

.product-add-to-cart .bootstrap-touchspin .btn-touchspin {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 38px;
    padding: 0;
    border: 1px solid #ced4da;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-down {
    left: 0;
}

.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-up {
    right: -38px;
}

.product-add-to-cart .bootstrap-touchspin input.form-control {
  width: 60px;              /* ← регулируй под дизайн */
    text-align: center;
    border-left: 0;
    border-right: 0;
    padding: 0;
border: 0;
}

.product-add-to-cart .bootstrap-touchspin .btn-touchspin i {
    display: none;
}

/* MINUS */
.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-down::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: center / 10px 2px no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Crect width='10' height='2' fill='%23757575'/%3E%3C/svg%3E");
}

/* PLUS */
.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-up::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: center / 10px 10px no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='4' width='2' height='10' fill='%23757575'/%3E%3Crect y='4' width='10' height='2' fill='%23757575'/%3E%3C/svg%3E");
}



.product-add-to-cart .bootstrap-touchspin input.form-control {
    height: 100%;
    line-height: 38px;
}
.product-add-to-cart.bootstrap-touchspin .btn-touchspin {
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-up::before,
.product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-down::before {
    width: 100%;
    height: 100%;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#cms ul li{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #757575;
}

.product-sku,.product-sku label{
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 130% !important;
color: #757575 !important;}

.stock-label{

font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;

color: #00D845;

}
.stock-text,.stock-quantity{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #757575;
}


.product-variants-single label{
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 130% !important;margin: 0;

color: #292929 !important;
}
.product-variants-single ul li label{
  min-width:60px;
}

.product-variants-single ul li label span{

font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
text-align:center
}
.price_lbl{

font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;

color: #292929;

}
.current-price{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130%;

color: #abca4a;}

.product-info-link a,.dd-text{
font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 130%;
color: #606C38 !important;
}

.form-control:focus,
.custom-select:focus,
.custom-file-input:focus,
.btn:focus,
.btn.focus {
    outline: none;
    box-shadow: none;
}


.modal-header #myModalLabel{
font-family: 'Rubik';
font-style: normal;
font-weight: 600 !important;
font-size: 24px !important;
line-height: 130% !important;
color: #000000;

}
.modal-title .product-name{
font-family: 'Rubik';
font-style: normal;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 130% !important;
color: #abca4a;

}
.product-modal-price{
font-family: 'Rubik';
font-style: normal;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 130% !important;
color: #292929;

}
.product-modal-sku,.product-desc-sz{
font-family: 'Rubik';
font-style: normal;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 160% !important;
color: #757575;

}
.close{opacity:1}

#blockcart-modal .modal-button1 a{text-transform:none}

#blockcart-modal .modal-button1 a:hover{
  background:#abca4a
}




.product-feature-row {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  padding: 0.35rem 0;
}

.feature-name,
.feature-value {
  white-space: nowrap;
  font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 130%;
color: #757575;
}

.feature-line {
  flex: 1 1 auto;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 2px; /* тонкая ручная подгонка под макет */
}


#product .page-category-all .page-product1 .page-product1-sz .lSSlideOuter img {
  border-radius: 1rem;

}

#product .page-category-all .page-product1 .page-product1-sz .lSSlideOuter .lSPager.lSGallery li {
  padding: 0;

}

#product-tabs li{margin-right:20px}
#product-tabs li:first-child a{padding-left:0px;}
#product-tabs li a{
  color:#292929;
  display:inline-block;
  padding:10px 0px;border-bottom:2px solid transparent
}
#product-tabs li a:hover{text-decoration:none;border-bottom:2px solid #abca4a}

#product-tabs li a.active{
  color:#abca4a;border-bottom:2px solid #abca4a
}
#product-tabs li:hover a{color:#abca4a}

.star-content {
  margin: 0 0 0 -5px;}



.product-comment-text{

font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 130%;

color: #292929;

}
.product-comment-author,.product-comment-date{

font-family: 'Rubik';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 130%;

color: #757575;

}

.border-light-grey {
  border-color: #f1f1f1 !important;
}
.grade-stars {
  position: relative;
  height: 25px;}

.text-accent{color:#abca4a}
.card-fact{border:1px solid #D1D1D1;}
.card-fact-title{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #292929;
}
.card-fact-text{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #757575;

}
.card-fact img{margin-left:0 !important}

@media(min-width:1024px){
.card-fact{max-width:250px;}
}
@media(max-width:1023px){ .col-card-fact{gap:15px;    margin-bottom: 15px;}
.card-fact{width:50%;height: 100% !important;}}




@media(min-width:1500px){
.card-fact-lines{
position: absolute;
background:url('/themes/szklarnia/assets/img/lines.svg') no-repeat center center;
display:block;
width:100%;
height:150px;

  transform: translate(-50%,-50%) !important;

  left: 50% !important;

  top: 50% !important;

}}

.cart-summary-line.cart-total .label,.cart-summary-line.cart-total .value{
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 130% !important;
color: #abca4a !important;
}


.cart-summary-line .label,.cart-summary-line .value{
font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 130% !important;
color: #757575 !important;
}
.total-title{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;

color: #000000;

}
#cart .cart-grid-right .card.cart-summary{}
@media (min-width: 992px) {
  #cart .cart-grid-right .card.cart-summary {
    position: sticky;
    top: 150px;margin-bottom:20px !important
  }
}



#cart .cart-grid-right .card .cart-summary-line.cart-total {
  background-color: transparent;
  padding: 5px;
}

.free-shipping-progress{

font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;

color: #757575;

}


.btn:focus,
.btn:active,
.btn:focus:active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    outline: none !important;
    box-shadow: none !important;
}
.btn:hover:focus {
    outline: none !important;
    box-shadow: none !important;
}



.breadcrumb li > a.bg-primary:hover, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #abca4a !important;color:#fff !important
}

/*
.js-product-list.home .products .product-miniature .title-product {
  margin: 0;
  position: relative;
  margin: 7px 0;
  float: left;
  width: 100%;
  text-align: center;
}
.js-product-list.home .products .product-miniature .card-img-top.product__card-img {
  float: left;
  padding: 0;
  padding-bottom: 1px;
}
.js-product-list.home .products .product-miniature .card-img-top {
  position: relative;
}
.js-product-list.home .products .product-miniature .product-miniature-c {
  position: relative;
  display: block;
  float: left;
  height: 100%;
}
.js-product-list.home .products .product-miniature {
  width: 100% !important;
  float: left;
  margin: 10px 0;
  max-width: 100% !important;
  text-decoration: none;
}*/
.product-miniature-c {
  position: relative;
}

.product-label--listing {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  /* если нужно, чтобы чуть "дышало" от рамки — добавь padding */
  /* padding: 6px; */
}

.product-label--listing img {
  width: 50px;
  height: auto;
  display: block;
}

.images-container {
  position: relative;
}

.product-label--product {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: block;
  /* чтобы было куда попасть пальцем */
  /* padding: 6px; */
}

.product-label--product img {
  width: 120px;   /* desktop */
  height: auto;
  display: block;
}

/* tablet */
@media (max-width: 991.98px) {
  .product-label--product img {
    width: 80px;
  }
}

/* mobile */
@media (max-width: 575.98px) {
  .product-label--product img {
    width: 50px;
  }
}





/* закрыто по умолчанию — пусть остаётся */
#blockcart-wrapper .blockcart.cart-preview .body { display: none; }

/* открыто по клику */
.nav2 .nav23  #blockcart-wrapper .blockcart.cart-preview.is-open .body{
  display: block !important;
}

/* контейнер для позиционирования */
.nav2 .nav23  #blockcart-wrapper{
  position: relative;
}

/* сам dropdown */
.nav2 .nav23  #blockcart-wrapper .blockcart.cart-preview .body{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 360px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
  z-index: 9999;
  padding: 12px;
}

/* список товаров */
#blockcart-wrapper .body ul{
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 280px;
  overflow: auto;
}

/* элементы списка */
#blockcart-wrapper .body li{
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
#blockcart-wrapper .body li:last-child{ border-bottom: 0; }

/* subtotal/total */
#blockcart-wrapper .cart-subtotals,
#blockcart-wrapper .cart-total{
  margin-top: 10px;
  font-size: 14px;
}
#blockcart-wrapper .cart-total{
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}

/* кнопки */
#blockcart-wrapper .cart-button ul{
  display: flex;
  gap: 10px;
  padding: 12px 0 0;
  margin: 0;
  list-style: none;
}
#blockcart-wrapper .cart-button a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  text-decoration: none;
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
}


.nav2 .nav23  #blockcart-wrapper.is-open .blockcart.cart-preview .body{
  display: block !important;
}

/* Mini-cart item polish */
#blockcart-wrapper .mini-cart-item + .mini-cart-item{
  border-top: 1px solid #f1f1f1;
}

#blockcart-wrapper .mini-cart-name{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #606C38;
}
#blockcart-wrapper .mini-cart-name a:hover{color: #ABCA4A;text-decoration:none}
/* 2 szt. */
#blockcart-wrapper .mini-cart-qty{
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #757575;
}

#blockcart-wrapper .mini-cart-price{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #292929;}



#blockcart-wrapper .mini-cart-remove svg{
  display: block;
}

#blockcart-wrapper .mini-cart-qty-controls .form-control{
  max-width: 56px;
  padding-left: 6px;
  padding-right: 6px;
}



#blockcart-wrapper .mini-cart-item img{
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Mini cart layout */
#blockcart-wrapper .mini-cart-body{
  padding: 40px;
}

#blockcart-wrapper .mini-cart-head{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  margin-bottom: 10px;
}

#blockcart-wrapper .mini-cart-title{
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: #000000;
}

#blockcart-wrapper .mini-cart-close{
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 0;
}

/* items scroll */
#blockcart-wrapper .mini-cart-items{
  /*max-height: 320px;
  overflow: auto;
  padding-right: 4px;*/ /* чтобы скролл не прижимал контент */
}

#blockcart-wrapper .mini-cart-item-wrap {
  border-bottom: 1px solid #f1f1f1;
}

/* rows */
#blockcart-wrapper .mini-cart-row{
  /*padding: 8px 0;*/
}

#blockcart-wrapper .mini-cart-subtotals{
  margin-top: 10px;
  /*border-top: 1px solid rgba(0,0,0,.08);*/
  padding-top: 6px;
}

#blockcart-wrapper .mini-cart-total{
  /*border-top: 1px solid rgba(0,0,0,.08);*/
  margin-top: 6px;
  padding-top: 10px;
}

#blockcart-wrapper .mini-cart-total .mini-cart-label{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #ABCA4A;
}

#blockcart-wrapper .mini-cart-total .mini-cart-value{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #ABCA4A;
}

/* buttons */
#blockcart-wrapper .mini-cart-actions{
  margin-top: 12px;
}


/* тема прячет body — ок */
.nav2 .nav23  #blockcart-wrapper .blockcart.cart-preview .body {
  display: none;
}

/* мы показываем body только когда wrapper открыт */
.nav2 .nav23  #blockcart-wrapper.is-open .blockcart.cart-preview .body {
  display: block !important;
}
.mini-cart-close{cursor:pointer}

.nav2 .nav23  #blockcart-wrapper .blockcart.cart-preview .body {
  width: 500px;
  max-width: 92vw;}


.language-selector button span{color:#ABCA4A !important}
.nav2 .nav23  #blockcart-wrapper {
/*  float: right;
  margin-right: 0;
  padding-top: 7px;*/
}
@media(max-width:992px){
.photos-mob{width:30px;padding:5px 5px 5px 0}}