/* Add custom CSS styles below */ 
.index .main-nav-container {
    position: absolute;
    top: 35px;
    right: 0px;
    z-index: 100;
    width: 100%;
}
/*
.md\:w-\[400px\] {
    width: fit-content;
}*/
.mb-\[22px\] {
    margin-bottom: 22px;
    margin-top: 35px;
}
/* featured product*/
.product_features .right {

    top: 23%;
}
.product_features .left {
    top: 23%;
}
.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 115, 22, 1);
    border-color: rgb(0 0 0);
}
@media (min-width: 768px) {
    .md\:w-\[400px\] {
        width: 550px;
    }
}
section[id^="product-feature-"] .s-button-wide,
section[id^="product-feature-"] .md\:text-\[24px\] {
    color: #000 !important;
}
.product_features .s-button-wide {
    border-radius: 7px;
    border-style: none;
    background-color: #74444426;

}
section[id^="product-feature-"] .s-button-wide:hover {
    background-color: rgba(255, 255, 255, 0.2) !important; /* light overlay on hover */
    color: #000 !important; /* optional: change text color on hover */
}
/*
@media (min-width: 1280px) {
    .s-block--hero-slider .swiper-slide {
        FONT-WEIGHT: 600;
        height: 600px;
        white-space-collapse: preserve-breaks;
        width: 100%;
        height: auto;
        display: block;
        height: 60.5vw;
    }
}
*/

.s-button-btn, .s-price-range-number-input {
    border-radius: 1.5rem;
    background-color: #FFCB41 !important;
}
/* Target the popup container before the SVG */
/* Style only the popup box (the inner container) */


/* mobile*/
@media (max-width: 768px) {
  .s-social-list {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/*featured product*/
@media (max-width: 768px) {

  .h-\[236px\] {
    height: 160px;
    margin-top: 75px;
}
}
@media (max-width: 768px) {
.h-\[clamp\(165px\2c calc\(165px\+70\*\(100vw-375px\)\/445\)\2c 235px\)\] {
    height: max(165px, min(calc(165px + 70 * (100vw - 375px) / 445), 235px));
    margin-top: -100px;
}}
@media (max-width: 768px) {
.h-\[165px\] {
    height: 165px;
    margin-top: -60px;
}}

div[data-testid="bcio__popupRoot"] > div {
  /* This is the popup container before the <svg> */
  background: red; /* Example style */
}
.md\:h-\[95px\] {
    height: auto;
}

/*product page*/

.single-page .product__description {
    text-align: right;
    color: #ffffff !important;
}.single-page .s-tabs-active {
    color: #ffffff !important;
}.s-comments-count-label {
    color: rgb(255 255 255);
}.s-comments-item-rated-widget {
    color: rgb(255 255 255);
}.s-comments-item-has-order-check-text {
    color: rgb(255 255 255);
}