/* --- LAYOUT CONTAINERS (Prefix: soyug__page) --- */
        .soyug__page-wrapper {
            position: relative;
            /* width: 100vw; */
            grid-gap: 40px;
            /* min-height: 100vh; */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

.soyug__slider {
    width: 100%;
    height: 650px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: 80px;
}
        
    .soyug__slider__rotator{
        position: relative;
    }
.soyug__slider__rotator:after {
  position: absolute;
  content: "";
 width: 1143px;
  height: 825px;
  top: -110%;
  right: -83%;
  /* left: 0; */
  background-color: #fff3c4;
  border-radius: 18%;
  z-index: -1;
  margin: 0 auto;
}

.soyug__slider__rotator:before {
  position: absolute;
  content: "";
  width: 1143px;
  height: 825px;
  top: -110%;
  right: -83%;
  /* background-color: #cccccc8a; */
  border-radius: 50%;
  z-index: 10;
  /* left: -302px; */
  margin: 0 auto;
  box-shadow: 0 0px 0px 37em #fff;
  pointer-events: none;
}

.soyug__slider__rotator_wrapper {
    position: relative;
}
        /* Decorative Yellow Shape */
        /* .soyug__bg-shape {
            position: absolute;
            top: 0;
            right: 0;
            width: 80vw;
            height: 100vh;
            background-color: #FFF9C4;
            border-radius: 40% 0 0 40%;
            z-index: 0;
            transform: translate(20%, 0);
            transition: all 0.5s ease;
        } */
.soyug__content_wrapper{
      max-width: 48%;
}
        /* Content Left */
        .soyug__content {
            max-width: 500px;
            position: relative;
            line-height: 1.5;
            /* left: 5%; */
            /* top: 50%; */
            /* transform: translateY(-50%); */
            width: 100%;
            margin: 0 auto;
            z-index: 20;
            transition: all 0.5s ease;
        }
.soyug__content h1 {font-size: 38px;margin-bottom: 20px!important;color: #f39c12!important;font-weight: bold;line-height: 1.1;margin-bottom: 0;}
        /* --- CIRCLE SLIDER COMPONENT (Prefix: soyug__slider) --- */
        
        /* Main Slider Container */
        .soyug__slider {
            /* position: absolute; */
            /* top: 0; */
            /* right: 0; */
            /* width: 100%; */
            max-width: 49%;
            /* height: 100%; */
            z-index: 10;
            transition: all 0.5s ease;
            /* display: flex; */
            align-items: center;
            justify-content: center;
        }

        /* The Wrapper for Rotation */
        .soyug__slider__rotator {
            /* background-color: #ccc; */
            position: relative;
            /* width: 0; */
            /* height: 0; */
            /* Adjusted translation to frame the smaller 650px circle as a nice arc */
            transform: translateX(0);
            transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        /* The Rotating Track (UL) - Size Updated to 650px */
        ul.soyug__slider__track {
            /* position: absolute; */
            top: 50%;
            left: 50%;
            /* width: 646px; */
            margin: 0 auto;
            /* Size: 650px; */
            height: 500px;
            width: 500px;
            /* transform: translate(10px, 10px); */
            /* Size: 650px; */
            /* margin-top: -325px; */ /* Half of 650 */
            /* margin-left: -325px; */ /* Half of 650 */
            padding: 0;
            border: 1px dashed #ccc;
            border-radius: 2px solid #ccc!important;
            list-style: none;
            border-radius: 50%;
            transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
            /* pointer-events: none; */
        }

        /* Individual Items (LI) */
        li.soyug__slider__item {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 75px;
            margin-top: -38px;
            margin-left: -38px;
            pointer-events: auto;
            cursor: pointer;
            transition: opacity 0.3s;
            touch-action: manipulation;
        }

        .soyug__slider__item-icon {
            /* width: 100%; */
            /* height: 100%; */
            /* display: flex; */
            /* align-items: center; */
            /* justify-content: center; */
        }

        /* Product Rotation Compensation (Inner Figure) */
        .soyug__slider__item-figure {
            margin: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        .soyug__slider__item-figure img {
            max-width: 80%;
            max-height: 110px;
            object-fit: contain;
            filter: drop-shadow(0 5px 10px rgba(0,0,0,0.15));
            transition: transform 0.3s;
        }
        
        li.soyug__slider__item:hover .soyug__slider__item-figure img {
            transform: scale(1.1);
        }
        
        /* Active State (Hidden on ring) */
        li.soyug__slider__item.active {
            /* opacity: 0;  */
            pointer-events: none;
        }

        /* --- ANIMATE STAGE (Center Display) --- */
        .soyug__slider__stage {
            position: absolute;
            top: 41%;
            z-index: 9999;
            left: 50%;
            width: 280px;
            height: 280px;
            transform: translate(-50%, -50%);
            z-index: 5;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }
     .soyug__content_wrapper #product-desc{
            font-size: 16px!important;
            color: #000;
            line-height: 1.4;
        }
        .soyug__slider__bloom {
            position: absolute;
            width: 100%;
            top: 41px;
            height: 100%;
            background-image: url('../img/soyug_bg_img.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            animation: spin-bloom 60s linear infinite;
            opacity: 0.9;
        }
        
        @keyframes spin-bloom {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .soyug__slider__stage-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.6s ease-out;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .soyug__slider__stage-item.active {
            opacity: 1;
            transform: scale(1);
            z-index: 10;
        }

        .soyug__slider__stage-img-wrap {
            width: 240px;
            height: 380px;
            position: relative;
        }

        .soyug__slider__stage-img {
            width: 100%;
            height: 100%;
            max-height: 300px;
            max-width: 160px;
            margin: 0 auto;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
        }

        /* --- NAVIGATION BUTTONS --- */
              .product_info_slider_wrapper  .slick-next{
                right: 0!important;
                left: auto!important;
                /* transform: rotate(
312deg); */
              } .product_info_slider_wrapper .slick-arrow {   
                    bottom: 45%;
              }
        .soyug__slider__prev, .soyug__slider__next,   
          .product_info_slider_wrapper  .slick-next, .product_info_slider_wrapper .slick-prev {
            font-size: 0;
            padding: 0;
            position: absolute;
            width: 35px!important;
            height: 35px!important;
            background-color: rgb(255 255 255);
            border-radius: 50%;
            cursor: pointer;
            flex: none;
            z-index: 9999;
            display: flex;
            flex: none;
            justify-content: center;
            align-items: center;
            line-height: 1;
            border: 0;
            /* right: 0; */
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            transition: all 0.3s;
            /* top: 50%; */
            bottom: 35%;
            font-size: 0;
            /* margin-top: -25px; */
        }
        
        /* Adjusted button positions to fit the smaller 650px circle */
        .soyug__slider__prev {
            left: 20px;
            /* top: 250px; */
            /* bottom: 50px; */
            margin: 5px;
        }
        .soyug__slider__next {
            right: 20px;
            /* top: 250px; */
            /* bottom: 50px; */
            margin: 5px;
        }

        .soyug__slider__prev:hover, .soyug__slider__next:hover {
            background-color: #fff;
            transform: scale(1.1);
        }
        .soyug__slider__prev::after, .soyug__slider__next::after {
            content: '';
            border: solid #000000;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 4px;
        }
        .soyug__slider__prev::after { transform: rotate(135deg); margin-left: 4px; }
        .soyug__slider__next::after { transform: rotate(-45deg); margin-right: 4px; }

        /* Text Animations */
        #product-title, #product-desc, #cta-btn {
            transition: opacity 0.4s ease, transform 0.4s ease;
        }

   
        .soyug__text-fade {
            opacity: 0;
            transform: translateY(10px);
        }
        #cta-bt{
            display: none;
        }
.soyug_btn_view{
    display:none!important;
}
        /* =========================================
           RESPONSIVE MEDIA QUERIES
           ========================================= */

        @media (max-width: 1024px) {
        

            .soyug__content {
                position: relative;
                /* width: 80%; */
                left: auto;
                top: auto;
                transform: none;
                text-align: center;
                margin-bottom: 2rem;
            }

            .soyug__bg-shape {
                width: 150%;
                height: 65vh;
                top: auto;
                bottom: 0;
                right: -25%;
                border-radius: 50% 50% 0 0;
                transform: none;
            }

            .soyug__slider {
                position: relative;
                width: 100%;
                height: 400px;
                right: auto;
                overflow: visible;
                margin-bottom: 50px;
            }

            .soyug__slider__rotator {
                /* Scale adjusted for 650px base size */
                transform: scale(0.9) translate(0, 50px);
                left: 0;
            }

            .soyug__slider__prev {/* left: -140px; */top: 264px;}
            .soyug__slider__next {/* left: 140px; *//* top: 320px; */}
        }

        @media (max-width: 768px) {
.soyug__slider__bloom {
top: 110px;
    height: 65%;
 
}
    .soyug__page-wrapper {
                flex-direction: column;
                justify-content: flex-start;
                padding-top: 40px;
                height: auto;
            }
.soyug__slider__stage-item {
    top: 38px;  
}


            .soyug__slider__stage-img {
          max-width: 80px;
          height: 244px;
          background-position: bottom;
 }
            .soyug__content {
                width: 90%;
                margin-top: 1rem;
                margin-bottom: 1rem;
            }
            .soyug__content_wrapper {
                max-width: 100%;
            }
            .soyug__content h1 {
                font-size: 2rem;
            }

            .soyug__bg-shape {
                height: 55vh;
            }

            .soyug__slider {
                height: 250px;
            }

            .soyug__slider__rotator {
                /* Scale adjusted for 650px base size */
                transform: scale(0.6) translate(0, 50px);
            }

            .soyug__slider__prev, .soyug__slider__next {
                /* width: 80px; */
                /* height: 80px; */
                /* font-size: 24px; */
            }
            
            .soyug__slider__prev {left: 100px;/* bottom: 0; */}
            .soyug__slider__next {right: 100px;/* top: 150px; */}
        }


.product_info_slider_section ul.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    grid-gap: 5px;
    font-size: 0;
    width: 12p;
}
.product_info_slider_section ul.slick-dots button{
    /* width: 19px!important; */
    /* height: 7px!important; */
    border-radius: 100%;
    background-color: #f39c12;
    max-width: 5px !important;
    padding: 4px;
    display: block!important;
}

.product_info_slider_section ul.slick-dots .slick-active button{
    background-color: #E73338;
}

.elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top {
    transform: rotate(180deg);
}

.elementor-fff.elementor-shape-bottom {
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    fill: #fff3c4;
}