/* banner top */
.banner-top-title.fancy-font{text-align: center;color:white;font-size:3rem;}
    .woocommerce-page .stamps-top{max-width: 115px;width:100%;margin-right: -54px;z-index: 99;}
    .woocommerce-page .stamps-top-m{display:none;}
    .woocommerce-page .stamps-top{display:block;}
    .woocommerce-page .banner-left{display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;}

    .banner-right{font-size:25px;color: black;}

    .banner-right-head{padding: 30px 0px;}
   .banner-ul{
      list-style-type: none;
      padding: 0px;
      font-size: 86%;
    }
    .banner-ul li{display: flex;align-items: center;gap: 10px;}
    .banner-ul img{max-width:40px;width:100%;}

    @media (max-width: 992px){
      .woocommerce-page .stamps-top-m{display:block;max-width: 254px;width:100%;}
      .woocommerce-page .stamps-top{display:none;}
      .woocommerce-page .banner-left{flex-wrap:wrap;flex-direction: column-reverse;max-width: 100% ;}

.banner-top-title{font-size: 1.8em;line-height: 1em;}

        .banner-right{max-width: 100% ;}
        .btn-shop-top{margin: 0px auto;}
        .banner-right-head{text-align: center;font-size: 1em;line-height: 1em;}
        .banner-ul{display: flex;font-size: 55%;line-height: 109%;justify-content: center;}
        .banner-ul img {max-width: 33px;}
        .banner-ul li{    gap: 3px;}
        .banner-top-title.fancy-font{font-size:2rem;}
    }

    .back1{display: flex;
    background: url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/back-hero.jpg') no-repeat;
    background-size: cover;
  padding: 55px 0px;
    align-items: center;}

    @media (max-width: 992px){
      .back1{display: flex;background: url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/back-hero-m.jpg') no-repeat;background-size: cover;padding: 25px 0px;align-items: center;}
    }


    .btn-shop-top{
        border: 2px solid white;
    border-radius: 6px;
    padding: 20px 0px;
    padding: 3px 10px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    font-size: 23px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    max-width: 200px;transition: 0.4s ease-in-out;}
    .btn-shop-top:hover{text-decoration: none;background:#fff;color:#eb959f;transition: 0.4s ease-in-out;}


  /* index features */
  .index-feature-section{display: block;width:100%;margin-top:30px}
    .index-feature-section-grid{display: grid;grid-template-columns: 25% 25% 25% 25%;    gap: 0px;justify-content: center;align-items: self-start;justify-items: center;}
    .index-feature-section-grid img{width:100%;max-width: 120px;}

    .index-feature-txt{text-align: center;font-size: 22px;padding:5px}
    .index-feature-txt b{font-size: 100%;text-transform: capitalize;display:block}
    .index-feature-txt span{font-size: 80%;display: block;margin: 0px auto;}

    .index-feature-section-inner{padding:20px 0px;}

    .index-feature-section-inner{display:flex;justify-content: center;align-content: center;align-items: center;}

    .index-feature-section{margin-bottom:50px}

    .index-feature-section-inner{background: #edf7ef;position:relative;}
    .index-feature-section-inner:after{
      content:'';
      width:100%;
      background: url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/back-shadow.png');
      background-size: 100% 50px;
      height:50px;
      bottom: -50px;left:50%;
      transform:translate(-50%,0);
      position: absolute;
    }
    @media (max-width: 1200px){
      .index-feature-section-grid img{max-width: 95px;}
      .index-feature-txt{font-size: 20px;}

    }
    @media (max-width: 992px){
      .index-feature-section-grid img{max-width: 80px;}
      .index-feature-txt{font-size: 16px;}
      .index-feature-txt span {max-width: 200px;font-size: 85%;}
    }

    @media (max-width: 760px){
      .index-feature-txt{font-size: 18px;}
      .index-feature-section-grid{grid-template-columns: 50% 50%; }
    }

    /* about index section */
    .about-index-section{}

    .about-index-imgdiv{position: relative;}
    .about-index-img{width:100%;max-width: 500px;margin: 0px auto 20px;display: block;}
    .about-index-stampimg{position: absolute;left: 29px;top: 5px;width: 100%;max-width: 112px!important;filter: drop-shadow(0px 0px 7px rgb(0 0 0 / 30%));}


    @media (max-width: 992px){
      .about-index-stampimg{left: 17%;}
    }
    @media (max-width: 767px){
      .about-index-stampimg{left: 5%;max-width: 23%;min-width:50px}
    }
    /* review top image */
    .review-index-cont-head{overflow:hidden;    display: flex;
      justify-content: center;}
      .img-review-index-top-desk,.img-review-top-mob{width:100%}
      .img-review-index-top-mob{display:none;    max-width: 400px;}
      .img-review-index-top-desk{display:block;width:1300px}
      @media (max-width: 767px){
        .img-review-index-top-desk{display:none}
        .img-review-index-top-mob{display:block}
      }

      /* as seen in index section */
        .seen-index-section{background: url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/back-seen.jpg') center no-repeat;background-size: cover;padding:20px 0px 30px}
        .seen-index-section .container{padding: 0px}
        .seen-title {display:flex;justify-content: center;align-items: center;text-align: center;font-weight:300;gap:10px;color: #fff;text-transform: uppercase;font-size: 24px;}
        .seen-title span{min-width: fit-content;}
        .seen-title hr {border-top: 2px solid #fff;width:100%}

        .seen-index-row{display:flex;justify-content: center;align-items: center;gap:2px;flex-wrap:nowrap;margin-top: 40px;}

        .seen-index-row img{width:100%;max-width:200px}

        @media(min-width:993px){
          .seen-title{width: 80%;margin: 0px auto;}
        }

        @media(max-width:760px){
          .seen-index-row{flex-wrap: wrap;gap: 15px;}
          .seen-index-row div{width: 40%;text-align: center;}
          .seen-index-row img{max-width:180px}
        }


        /* reviews slider index */
          .reviews-index-slider{}

          .reviews-index-slider  .slick-track{display: flex ;gap:10px}
          .reviews-index-slider  .slick-slide{height: inherit ;margin: 0px auto;}

          .reviews-index-section{overflow: hidden;margin:20px auto}
          .reviews-index-section .container{position: relative;}

          .reviews-index-row{display: flex;justify-content: center;align-content: center;flex-wrap:wrap;gap:10px}
          .reviews-index-box{background:white;border-radius: 6px;border:3px solid #659a40;overflow: hidden;    max-width: 340px;display: flex;flex-wrap: wrap;}
          .reviews-index-box-inner{padding:8px;text-align: left;color:black;position: relative;padding-right: 90px;height: 100%;padding-bottom: 50px;}
          .reviews-index-box-prod{position: absolute;bottom: 43px;right:0px;}
          .reviews-index-box-prod img{max-width: 85px;}
          .reviews-index-box-quote{position: absolute;top: 0px;right:0px;max-width: 40px;z-index: 9;}

          .reviews-index-box-inner div{display: block;}
          .reviews-index-box-inner div img{width:100%;max-width: 120px;margin-bottom:5px}
          .reviews-index-box-inner span{font-size: 22px;font-weight:bold;display: block;}
          .reviews-index-box-inner p{font-size: 18px;text-align: justify;margin:0px;font-weight: 300;display: block;}
          .reviews-index-box-inner b{font-weight:bold;text-transform: uppercase;font-size: 20px;}

          .reviews-index-box-bottom{background:#659a40;color:white;padding:10px 5px;text-align: center;font-size: 16px;font-weight:300;position: absolute;bottom: 0px;left: 0px;width: 100%;}
          .reviews-index-box-bottom a{text-transform: uppercase;font-weight: bold;color:white;text-decoration: none;white-space: nowrap;}

          @media (min-width:1201px){
            .reviews-index-box-quote{display:none }
            .reviews-index-section .container:before,.reviews-index-section .container:after{content:'';position: absolute;background:url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/icon-quote.png');background-size:cover;width:50px;height:50px}
            .reviews-index-section .container:before{top:0px;left:-45px;}
            .reviews-index-section .container:after{bottom:0px;right:-45px;}
          }

          @media (max-width:1200px){
            .reviews-index-section .container{max-width: 90%;}
            .reviews-index-box-quote{display: block;}
          }



 /* Стилове за попъпа */
.variation-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.variation-popup-content {
    background: #fff;
    padding: 20px;
    max-width: 400px;
    width: 100%;
    position: relative;
}
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.btn-dark.btn-add {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    text-transform: uppercase;
    font-size: 15px;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    display: flex;
    line-height: 1.5;
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    text-align: center;
    vertical-align: middle;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 195px;
}
.popup-row-btn {
    display: flex;
    gap: 1rem;
    margin-top: 8px;
}
.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.popup-content {
    background: white;
    border-radius: 8px;
    max-width: 630px;
    width: 100%;
    margin: 10rem auto;
}
.header-popup {
    background: black;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.product-options {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    flex-direction: column;
}
.option {
    border: 2px solid #659A40;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 15px;
    border-radius: 12px;
}
.option.selected {
    box-shadow: 0 0 0 1px #92B068;
    background: #92B06842;
}
.option input[type=radio] {
    display: none;
}
.shipping-info {
    padding: 10px 15px;
    text-align: center;
    background: #e7e7e7;
    font-size: 14px;
    font-weight: bold;
    border: 2px dashed #581313;
    font-family: sans-serif;
    margin: 0 15px 15px;
}
.popup-buttons {
    text-align: center;
    padding-bottom: 15px;
}
.popup-buttons button {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.variations_form.cart {
    width: 100%;
}
.woovr-variations[class*="woovr-variations-grid"] {
    justify-content: center;
}
.blog-list-learn-more {
    margin-top: 15px;
}
.product-price del {
    text-decoration: none;
}
.product-price del .woocommerce-Price-amount.amount bdi {
    text-decoration: line-through;
    text-decoration-thickness: 3px;
    text-decoration-color: #000;
    text-decoration-style: solid;
}
.product-price del .woocommerce-Price-amount.amount bdi .woocommerce-Price-currencySymbol {
    all: unset !important; 
    text-decoration: none !important;
    font-size: inherit;
    color: inherit; 
}
.btn-add {
    padding-left: 5px;
    padding-right: 5px;
    width: 127px;
}
.product-desc.fancy-font.title-product-hp {
    font-size: 20px;
}
.product-desc.fancy-font.subtitle {
    line-height: 18px;
    height: 37px;
}
@media(max-width: 900px) {
    .btn-add {
        width: 130px;
        margin: 10px auto;
        height: 35px;
        line-height: 0px;
    }
    #shop .product-card {
        text-align: center;
        padding-bottom: 15px;
        max-width: 32%;
        margin: auto;
    }
}
@media(max-width: 500px) {
    .popup-content {
        max-width: 95%;
    }
    .popup-row-btn {
        gap: 5px;
    }
    #popup-go-to-checkout, #popup-add-to-cart {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
        max-width: 160px;
    }
}
@media(max-width: 499px) {
    #shop .product-card {
        max-width: 42%;
    }
}