/*-------------------------  CATEGORY COMMERCE -------------------------*/
.stripBanner_promo{
    width: 100%;
    min-height: 168px;
    background-color: var(--light-gray);
}
.ctg_circle{
    width: 115px;
    height: 115px;
    background-color: var(--light-gray);
    border-radius: 1000px;
    border: 2px solid #5F41F0;
    outline-color:rgba(95,65,240,0.36);
    outline-width: 4px;
    outline-style:solid;
    transition: .3s ease;
}
.ctg_circle:hover{
    transform: scale(1.1);
    animation: shake 2s;
}
.ctg_circle > img{
    border-radius: 1000px;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.main_product_detail{
    background-color: var(--light-gray);
}
.image_wrapper_gallery{
    height:460px;
    width: 460px; 
}
/*-------------------------  PRODUCT DETAIL COMMERCE -------------------------*/
#thumbnail-carousel{
    max-height: 46vh !important;
    overflow-y: scroll !important;
}
.tablink {
    color: #41464A;
    padding-bottom: 1rem;
    transition: .3s ease-in;
    border-bottom: 4px solid transparent; 
}
.tablink.active{
    color: #5F41F0;
    border-bottom: 4px solid #5F41F0; 
}
.tablink.active:hover{
    color: #5F41F0;
}
.tablink:hover{
    color: black;
}
.splide__slide img {
    width: 100%;
    height: auto;
  }
  .splide__slide {
    opacity: 0.6;
    background-color: #fff;
    border-radius: .375rem;
  }
  
  .splide__slide.is-active {
    opacity: 1;
  }

.select_variant{
    background-color: #fff;
    user-select: none;
    display: inline-block;
    width: 70px;
    height: 70px;
    position: relative;
    margin-right: .5rem;
    cursor: pointer;
    border-radius: .4rem;
    border: 2px solid transparent;
}
.select_variant.active{
    border:2px solid #5F41F0;
}
.select_variant input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    right: 0;
}
.tooltip {
    position: relative;
  }

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;

  }
  /*------------------------- REDACTOR FIELD STYLES -------------------------*/
.redactor p {
    margin-bottom: 1rem;
}
.redactor h2 {
    font-size: 1.5rem; 
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.redactor h3 {
    font-size: 1.25rem; 
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.redactor h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.redactor ul li {
    list-style: inside;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.multimedia_content figure {
    min-width: 100% !important;
    margin-bottom: 1rem;
}
.multimedia_content figure img {
    width: 100% !important;
}
.multimedia_content figure iframe{
    width: 100%;
}
.multimedia_content figcaption {
    color: rgba(75, 85, 99, 60);
    font-style: italic;
}
.fade{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

/*-------------------------  CHECKOUT COMMERCE -------------------------*/
.main_payment{
    background-color: var(--light-gray);
}
.mercadopago-button{
    width: 100% !important;
    text-align: center !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    font-weight:  700 !important;
}
/*-------------------------  OFFERS COMMERCE -------------------------*/
.main_discounts{
    background-image: radial-gradient(circle at 46% 36%, #00ABEC 0%, #3372F1 125%);
}

/*-------------------------  CHECKOUT STATUS -------------------------*/
.main_status{
    background-color: var(--light-gray);
    height: 100vh;
}
.reminder_card{
    background-color: #0586E8;
    color: #fff;

}
.image_thanku_wraper{
    background-color: gray;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto;
}
/*------------------------- SHIPPING FORM STYLES -------------------------*/

.shipping_form_main{
    background-color:var(--light-gray);
}

/*-------------------------  MOBILE STYLES -------------------------*/
@media only screen and (max-width: 600px){
    .stripBanner_promo{
        min-height: auto;
    }
    #thumbnail-carousel{
        max-height: auto !important;
        overflow-y: auto !important;
    }
    #thumbnail-carousel-list li{ 
        height: auto !important;
    }
    .multimedia_content figure iframe{
        width: 100%;
        margin-top: -12rem;
    }
}