.left-content {
     width: 40%;
     max-height: 100vh;
     overflow-y: auto;
     background: #ffffff;
     padding: 16px;
     /* border: 1px solid #ddd; */
     scrollbar-width: none;
     /* Firefox */
     -ms-overflow-style: none;
     /* IE and Edge */
 }
 
 .left-content::-webkit-scrollbar {
     display: none;
     /* Chrome, Safari, Opera */
 }
 
 .right-content {
     width: 60%;
     max-height: 100vh;
     padding: 16px 30px;
     /* border: 1px solid #ddd; */
 }
 
 .product__details__pic,
 .product__details__slider__content,
 .product__details__pic__slider {
     width: 100% !important;
     /* Parent containers full width lein */
     max-width: 100% !important;
     /* Max width limit hatao */
 }
 
 .product__big__img {
     width: 100%;
     /* Image full container width le */
     height: auto;
     /* Aspect ratio maintain rahe */
     display: block;
 }
 
 .product__details__pic__left {
     display: flex;
     flex-wrap: wrap;
     /* Wrap to next line */
     gap: 10px;
     /* Space between images */
 }
 
 .product__details__pic__left a.pt {
     flex: 0 0 calc(50% - 5px);
     /* 2 per row, minus gap */
     box-sizing: border-box;
 }
 
 .save_price {
     background-color: #ca1515;
     color: #fff;
     height: 27px;
     font-size: 13px;
     border: none;
     border-radius: 5px;
     margin-left: 10px;
 }
 
 .size-view {
     display: flex;
     background: #f5f5f5;
     width: fit-content;
     padding: 5px 10px;
     border: 1px solid #CCCCCC;
     border-radius: 7px;
     color: #fff;
 }
 
 .size-view span {
     color: #484F56 !important;
     width: 100% !important;
     font-size: 12px;
     margin-bottom: 0;
 }
 
 .buy-now {
     background-color: var( --bg-darkk);
     color: #fff;
     width: 100%;
     border-radius: 7px;
     padding: 10px;
 }
 
 .share_btn {
     background: transparent;
     border: 1.6px solid var(--bg-darkk);
     color: var(--bg-darkk);
     padding: 10px 35px;
     font-size: 16px;
     border-radius: 0px;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     transition: all 0.3s ease;
 }
 
 .share_btn:hover {
     background: #303031;
     color: white;
 }
 
 .product__details__widget {
     position: relative;
 }
 
 #customAccordion .card {
     border: none;
     border-bottom: 1px solid #ddd;
     border-radius: 0;
 }
 
 #customAccordion .card-body {
     padding-left: 0;
 }
 
 #customAccordion .card-header {
     background: none;
     border: none;
     padding: 12px 0;
     margin-top: 16px;
     /* border-top: 1px solid #eee; */
 }
 
 #customAccordion .btn-link {
     color: #333;
     text-decoration: none;
     font-weight: 600;
     padding: 0;
 }
 
 #customAccordion .btn-link:hover {
     text-decoration: none;
 }
 
 #customAccordion i {
     font-size: 14px;
     transition: transform 0.3s ease;
 }
 
 .rvs {
     padding: 20px;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     border-radius: 10px;
     margin-top: 20px;
     margin-bottom: 70px;
 }
 
 .reviews-section {
     text-align: center;
 }
 
 .reviews-section h2 {
     margin: 0 0 20px;
     font-size: 28px;
     letter-spacing: 0.4px;
     font-weight: 700;
 }
 
 .reviews-container {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 40px;
     padding: 18px 30px;
 }
 /* Left block (stars + text) */
 
 .reviews-left {
     /* display: flex;
                    align-items: center; */
     gap: 18px;
     min-width: 300px;
     /* adjust as needed */
     justify-content: center;
     text-align: center;
 }
 
 .stars {
     display: inline-flex;
     gap: 6px;
     align-items: center;
 }
 
 :root {
     --gold: #ffdc0b
 }
 
 .stars i {
     font-size: 20px;
     color: var(--gold);
     /* small border-ish look like screenshot: add slight text-shadow */
     text-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
 }
 
 .reviews-left p {
     margin: 0;
     color: var(--muted);
     font-size: 15px;
     text-align: center;
 }
 /* vertical divider like screenshot */
 
 .divider {
     width: 1px;
     height: 48px;
     background: #222;
 }
 /* Right block (button) */
 
 .reviews-right {
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 220px;
 }
 
 .review-btn {
     background: var(--bg-darkk);
     color: #fff;
     border: none;
     padding: 12px 36px;
     border-radius: 999px;
     /* pill */
     font-weight: 700;
     font-size: 15px;
     cursor: pointer;
     box-shadow: none;
 }
 
 .review-btn:hover {
     opacity: 0.9;
 }
 
 .review_headline {
     text-align: center;
     font-size: 34px;
     padding-left: 66px;
     /* text-transform: uppercase; */
     margin-bottom: 10px;
     margin-top: 10px;
 }
 /* Responsive tweaks */
 
 @media (max-width: 700px) {
     .reviews-container {
         flex-direction: column;
         gap: 14px;
     }
     .divider {
         display: none;
     }
     .reviews-left {
         min-width: auto;
     }
     .reviews-right {
         min-width: auto;
     }
 }
 
 @media screen and (max-width:767px) {
     .dnone {
         display: none !important;
     }
     .right-content {
         padding: 20px;
     }
     .review_headline {
         padding-left: 0;
     }
 }
 /* ---------------------------------- */
 
 .disabled-option {
     position: relative;
     display: inline-block;
     padding: 8px 15px;
     border: 1px solid #ccc;
     cursor: not-allowed;
     color: #999;
     font-weight: 500;
 }
 
 .disabled-option input {
     pointer-events: none;
 }
 
 .disabled-option::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 140%;
     height: 2px;
     background: #ebebeb94;
     transform: translate(-50%, -50%) rotate(-136deg);
 }
 /* ----------------------------------------------- */
 /* <style> */
 
 .size__list {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }
 
 .size__list label {
     display: flex;
     align-items: center;
     gap: 5px;
     background: #f5f5f5;
     padding: 5px 10px;
     border-radius: 5px;
     cursor: pointer;
 }
 /*  */
 
 .products-row {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     /* 5 per row */
     gap: 7px;
 }
 
 .product-col {
     width: 100%;
 }
 
 @media (max-width: 991px) {
     .products-row {
         grid-template-columns: repeat(2, 1fr);
         /* 2 per row on small screens */
     }
 }
 
 .products_list_container {
     gap: 10px;
 }
 
 .custom_dropdown_menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 4px;
     z-index: 999;
     font-size: 14px;
 }
 
 .products_list_name .btn {
     text-transform: uppercase !important;
     font-size: 14px;
 }
 
 .custom_dropdown_menu .dropdown-item {
     padding: 8px 15px;
     cursor: pointer;
 }
 
 .custom_dropdown_menu .dropdown-item:hover {
     background: #f8f9fa;
 }
 
 .products_list_name.active .custom_dropdown_menu {
     display: block;
 }
 
 .products_list_name.active .bi-chevron-down {
     transform: rotate(180deg);
     transition: transform 0.2s ease;
 }
 
 .products_list_name .bi-chevron-down {
     transition: transform 0.2s ease;
 }
 
 .products_list_container .products_count {
     text-transform: uppercase;
     font-size: 14px;
 }
 
 .headline-info-bar .btn-dark {
     font-size: 13px;
 }
 /* </style> */