/* Retail Layout Specific Styles */

/* Product Card Enhancements */

.product-card {background: #fff; position: relative;}
.product-card:hover .quick-view {opacity: 1;}
.product-card .product-img{background:#f7f7f7; padding:8px; width:100%; height:auto}
.product-card .product-fallback{position:absolute; top:0px; right:0px; bottom:0px; left:0px; text-align: center; align-items: center; font-size: 15px; line-height: 20px; font-weight: 400; padding:10px; display: flex; justify-content: center;}
.quick-view {position: absolute; top: 10px; right: 10px; opacity: 0; transition: opacity 0.2s;}
.product-title { font-size: 0.95rem; line-height: 1.4; height: 2.8em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.product-title:hover{color:#c45500!important}
.product-price {color: #B12704;}
.product-rating .fa-star {font-size: 0.8rem;}

/* Product Rating Listing - for product boxes on listing pages */
.product-rating-listing {display: inline-flex; align-items: center; font-size: 12px; color: #666; margin: 4px 0; line-height: 1.2; position: relative;}

/* Rating number (e.g., "4.2") */
.product-rating-listing .rating-number {font-weight: 600; color: #333; margin-right: 2px;}

/* Star rating container */
.product-rating-listing .star-rating {margin: 0px;}

/* Individual stars within the rating */
.product-rating-listing .star-rating i {font-size: 10px; color: #ff6200; margin-right: 1px;}

/* Down arrow */
.product-rating-listing .rating-arrow {margin: 0px 8px 0px 2px; font-size: 10px; color: #999;}

/* Rating count in brackets (e.g., "(15)") */
.product-rating-listing .rating-count {color: #666; font-size: 11px; display: inline; white-space: nowrap;}

/* Rating count link styling */
.product-rating-listing .rating-count-link {color: #666; text-decoration: none; transition: color 0.2s ease; display: inline; white-space: nowrap;}

.product-rating-listing .rating-count-link:hover {color: #007185; text-decoration: underline;}

/* Hover trigger styles for rating elements */
.product-rating-listing .hover-trigger {
    cursor: pointer;
    transition: color 0.2s ease;
}

.product-rating-listing .hover-trigger:hover {
    color: #333;
}

/* Hover effect for interactive elements */
.product-rating-listing:hover {color: #333;}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .product-rating-listing {
        font-size: 11px;
    }
    
    .product-rating-listing .star-rating i {
        font-size: 9px;
    }
    
    .product-rating-listing .rating-count {
        font-size: 10px;
    }
}

/* Sale Badge */
.sale-badge {position: absolute; top: 10px; left: 10px; background: #B12704; color: #fff;  padding: 2px 8px; border-radius: 3px; font-size: 0.8rem;}

/* Prime/Premium Shipping Badge */
.premium-shipping {font-size: 0.8rem; color: #00464f; background: #f0f2f2; display: inline-block; padding: 2px 6px; border-radius: 2px; margin-top: 5px;}

/* Category Sidebar Enhancements */
.category-sidebar .list-group-item {border: none; padding: 8px 15px; font-size: 0.9rem;}
.category-sidebar .list-group-item:hover {background: #f8f9fa; color: #007185;}
.category-sidebar .list-group-item.active {background: #f8f9fa; color: #007185; font-weight: 500;}

/* Filter Enhancements */
.filter-section {padding: 15px 20px;}
.filter-section .form-select {font-size: 0.9rem; min-width: 150px;}

/* Search Bar Enhancements */
.search-bar .form-control {border-radius: 20px; padding-left: 15px;}
.search-bar .btn {border-radius: 20px;}

/* Cart Badge Animation */
@keyframes cartBadgePulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}
.cart-badge-update {animation: cartBadgePulse 0.3s ease-in-out;}

/* Grid View (Default) */
.product-grid {margin-left: 270px; padding: 80px 20px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px;}
.product-grid .text{width: 100%; grid-column: span 5; font-size: 14px; color: #565959;}
.product-grid .text span{display: table; font-weight: 700; line-height: normal; font-size: 20px; color:#000;}
.grid-view .product-card {border: 1px solid #eee; padding: 15px; border-radius: 8px; transition: transform 0.2s;}
.grid-view .product-card:hover {transform: translateY(-5px); box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.grid-view .product-image {width: 100%; height: 200px; object-fit: contain;}

/* List View */
.list-view {display: block; margin-left: 270px; padding: 80px 20px 20px;}
.list-view .product-card {display: grid; grid-template-columns: 200px 1fr 200px; gap: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid #eee; border-radius: 8px; transition: transform 0.2s;}
.list-view .product-card:hover {transform: translateX(5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1);}

.list-view .product-image {width: 100%; height: 200px; object-fit: contain;}
.list-view .product-title {height: auto; margin-bottom: 10px; font-size: 1.1rem;}
.list-view .product-info {display: flex; flex-direction: column; justify-content: center;}
.list-view .product-actions {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}

/* Loading Skeleton Animation */
@keyframes shimmer {
	0% { background-position: -1000px 0; }
	100% { background-position: 1000px 0; }
}

.skeleton {background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 1000px 100%; animation: shimmer 2s infinite;}

/* View Mode Button Styles */
.view-options .btn.active {background-color: #e9ecef; border-color: #dee2e6;}

/* Retail-specific overrides */

/* Layout adjustments */
.retail-layout .product-grid {display: unset; padding: 20px 5px; max-width:1552px}
.retail-layout .product-grid .products-wrapper {display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; padding-top:5px;}

/* Recommendation */
.retail-layout .product-grid .wbrecomm_fbt{margin:0 auto; max-width: 1260px; padding: 0px; margin-bottom:40px; border:0px;}
.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{left:0px!important;}
.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{right:0px!important;}
.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper a{text-decoration: none; position:relative;}
.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .no-image-product-name{position:absolute; top:0px; right:0px; bottom:0px; left:0px; text-align: center; align-content: center; color: #000; text-decoration: none; padding:10px; font-size:15px;}
.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{width: 100%; height: 246px; position:relative;}
.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper img{width:auto; height:100%; margin: 0 auto; max-width:100%;}

.wbrecomm_fbt{max-width: 1800px; margin: 0 auto; padding: 20px 42px; margin-bottom:40px; border-top:1px solid #DDD; min-height: 300px; position: relative;}
.wbrecomm_fbt .slider-heading{font-size: 24px; line-height: 32px; font-weight:700;}
.wbrecomm_fbt .owl-carousel{display: flex; flex-wrap: nowrap; overflow: hidden; visibility: hidden;}
.wbrecomm_fbt .owl-carousel.owl-loaded {visibility: visible; display: grid; overflow: visible;}
.wbrecomm_fbt .owl-carousel.owl-loaded .owl-stage-outer{order:2;}
.wbrecomm_fbt .owl-nav{position:relative!important; order: 1; z-index: 1;}
.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{border: solid 1px #888c8c!important; border-radius: 8px!important; padding: 6px 12px !important; margin: 0px!important; position: absolute!important; bottom: -139px!important; top:unset!important; left: -15px!important; background: #fff!important;}
.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev:hover{border: solid 1px #1c89e3!important; background:#edf8ff!important; color:#000!important}
.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{border: solid 1px #888c8c!important; border-radius: 8px!important; padding: 6px 12px !important; margin: 0px!important; position: absolute!important; bottom: -139px!important; top:unset!important; right: -15px!important; background: #fff!important;}
.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next:hover{border: solid 1px #1c89e3!important; background:#edf8ff!important; color:#000!important}
.wbrecomm_fbt .item .owl-img-wrapper{background: #f7f7f7; width:100%; height:auto; order:1}
.wbrecomm_fbt .item .owl-img-wrapper a{text-decoration: none; position:relative;}
.wbrecomm_fbt .item .owl-img-wrapper .no-image-product-name{position:absolute; top:0px; right:0px; bottom:0px; left:0px;  text-align: center; align-content: center; color: #000; text-decoration: none; padding:10px; font-size:15px; display: flex; justify-content: center; align-items: center;}
.wbrecomm_fbt .item .book1.sld1{text-align:left!important; order:2;}
.wbrecomm_fbt .item .book1.sld1 a{font-size: 14px; line-height: 20px; margin-bottom: 0rem; color: #2162a1; text-decoration: none; padding: 10px 10px 5px 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 54px;}
.wbrecomm_fbt .item:hover .book1.sld1 a:hover{color: #0c3353;}
.wbrecomm_fbt .item .book5.sld3{text-align:left!important; text-decoration:none; order:3}
.wbrecomm_fbt .item .book5.sld3 a{font-size: 16px; line-height: 24px; margin-bottom: 0rem; color: #000; text-decoration:none; padding: 0px 10px 0px 10px; display: table; width: 100%;}
.wbrecomm_fbt .item .product-rating-listing{order:4; padding: 5px 10px;}
.wbrecomm_fbt .item .span_price_wb span{font-size: 21px; position: relative; margin-left:0px!important}
.wbrecomm_fbt .item .span_price_wb span .currency-symbol{font-size: 12px; top: -7px; display: inline; position: relative; line-height:14px;}
.wbrecomm_fbt .item .span_price_wb span .fraction{font-size: 12px; top: -7px; display: inline; position: relative; margin-left:2px; line-height:14px;}
.wbrecomm_fbt .item .span_price_wb .discount-price{font-size: 21px; position: relative; margin-left:0px!important; }
.wbrecomm_fbt .item .span_price_wb .discount-price .currency-symbol{font-size: 12px; top: -7px; display: inline; position: relative;}
.wbrecomm_fbt .item .span_price_wb .discount-price .fraction{font-size: 12px; top: -7px; display: inline; position: relative; margin-left:2px;}
.wbrecomm_fbt .item .product_offer{position: absolute; top: 5px; left: 5px; background: #c45500; color: #fff; font-size: 13px; padding: 3px 7px; border-radius: 3px; z-index:10;}
.wbrecomm_fbt .span_price_wb.price-offer{display: flex;align-items: center; gap: 10px;}
.wbrecomm_fbt .span_price_wb.price-offer .p-price {font-size: 13px; color: #565959; text-decoration: line-through;}
.wbrecomm_fbt .span_price_wb.price-offer .p-price span.currency-symbol{top:0px;}
.wbrecomm_fbt .span_price_wb.price-offer .p-price span.fraction{top:0px;}
.wbrecomm_fbt .span_price_wb.price-offer .price-off{font-size: 14px; line-height: 20px; color: #0f1111; display:none;}
.wbrecomm_fbt .item{display:grid;}
.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{width: 100%; height: 233px; position:relative;}
.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper img{width:auto; height:100%; margin: 0 auto; max-width:100%;}
.wbrecomm_fbt .slider-heading .view-all-link{font-size: 13px; font-weight: 500; color: #0a58ca; text-decoration: underline;}
.wbrecomm_fbt .slider-heading{display: flex; align-items: baseline; justify-content: start; gap: 20px;}

.recommendations-container{width:100%;}
.recommendations-container .recommendation-section{width:100%;}
.recommendations-container .wbrecomm_fbt{margin:0 auto; max-width: 1260px; padding: 0px; margin-bottom:40px; border:0px;}
.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{left:0px!important;}
.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{right:0px!important;}



/*.best-seller .wbrecomm_fbt .item .owl-img-wrapper{width:100%; height:198px;}
.best-seller .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:198px; height:198px;}
.best-seller .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{top: -220px !important;}
.best-seller .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{top: -220px !important;}
.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper{width:198px; height:198px;}
.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:198px; height:198px;}*/

/* Past Purchases section styling to match best-seller 
.past-purchases .wbrecomm_fbt .item .owl-img-wrapper{width:198px; height:198px;}
.past-purchases .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:198px; height:198px;}*/


/* Product card styling */
.retail-layout .product-card a{grid-template-columns: repeat(1, 1fr); align-items: center;}
/*.retail-layout .product-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}*/
.retail-layout .product-card a{grid-template-columns: repeat(1, 1fr); align-items: center; position:relative;}
.retail-layout .product-card .product-info{padding:10px;}
.retail-layout .product-image-container {position: relative; padding-top: 100%; margin-bottom: 8px; }
.retail-layout .product-img{width:100%; height:245px; display:block; text-align: center; overflow:hidden}
.retail-layout .product-image {position: relative; margin:0 auto; width: auto; height: 100%; max-width:100%;}
.retail-layout .product-title {display:table;}
.retail-layout .product-title .title{font-size: 16px; line-height: 24px; margin-bottom: 0rem; flex-grow: 1; height: auto; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.retail-layout .product-price {color: #000; font-size: 28px; margin: 0.3rem 0rem;  position: relative; line-height:28px;}
.retail-layout .product-price span.currency-symbol{font-size: 13px; line-height: 14px; font-weight: 400; top: -10px; position: relative; left: 0px;}
.retail-layout .product-price span.fraction{font-size: 13px; line-height: 14px; font-weight: 400; margin-top: 0; position: relative; left: 0px; top: -10px;}
.retail-layout .pro-price-aftdis {color: #000; font-size: 28px; font-weight: 500; margin: 0.3rem 0rem;  position: relative; line-height:28px;}
.retail-layout .pro-price-aftdis span.currency-symbol{font-size: 13px; line-height: 14px; font-weight: 400; top: -10px; position: relative; left: 0px;}
.retail-layout .pro-price-aftdis span.fraction{font-size: 13px; line-height: 14px; font-weight: 400; margin-top: 0; position: relative; left: 0px; top: -10px;}
.retail-layout .original-price {text-decoration: line-through; color: #666; font-size: 0.9rem; margin-left: 0.5rem;}
.retail-layout .product-card .product_offer{position: absolute; top: 5px; left: 5px; background: #c45500; color: #fff; font-size: 13px; padding: 3px 7px; border-radius: 3px;}
.retail-layout .product-card .add-to-cart-btn.disabled{position: relative; background: #fff !important; color: #cc0c39 !important; text-align: left; padding: 0px !important; font-size: 14px !important; line-height: 20px;}
.retail-layout .product-card .low_stock{font-size: 14px; color: #cc0c39;}
.retail-layout .product-price.price-offer{display: flex;align-items: center; gap: 10px;}
.retail-layout .product-price.price-offer .old-price{font-size: 13px; color: #565959; text-decoration: line-through;}
.retail-layout .product-price.price-offer .old-price .currency-symbol{top:0px;}
.retail-layout .product-price.price-offer .old-price .fraction{top:0px;}
.retail-layout .product-price.price-offer .price-off{font-size: 14px; line-height: 20px; color: #0f1111; display:none;}

/* Sale badge */
.retail-layout .sale-badge {position: absolute; top: 10px; left: 10px; background: #B12704; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 0.8rem; z-index: 1;}

/* Rating stars */
.retail-layout .product-rating {color: #FFA41C; font-size: 0.8rem; margin-bottom: 0.5rem;}

/* Add to cart button */
.retail-layout .add-to-cart-btn {margin-top: auto; font-size: 14px !important; box-shadow: unset !important; display: block; width: auto; padding: 0 12px 0 12px !important; line-height: normal; background: #000 !important; border: 0px; line-height: 30px; height: auto; letter-spacing: .1px; color:#fff;}
.retail-layout .add-to-cart-btn:hover{background:#4a4a4a !important}

/* Similar products add-to-cart button styling to match retail layout */
.retail-layout .similar-products-section .bookbtn1 {margin-top: auto;font-size: 14px !important;box-shadow: unset !important;display: block;width: auto;padding: 0 12px 0 12px !important;line-height: normal;background: #000 !important;border: 0px;line-height: 30px;height: auto;letter-spacing: .1px;text-decoration: none;color: #fff;text-align: center;border-radius: 100px;transition: background-color 0.2s ease;}
.retail-layout .similar-products-section .bookbtn1:hover {background: #4a4a4a !important;text-decoration: none;color: #000;}

/* FBT products add-to-cart button styling to match retail layout */
.retail-layout .fbt-products-section .bookbtn1 {margin-top: auto;font-size: 14px !important;box-shadow: unset !important;display: block;width: auto;padding: 0 12px 0 12px !important;line-height: normal;background: #000 !important;border: 0px;line-height: 30px;height: auto;letter-spacing: .1px;text-decoration: none;color: #fff;text-align: center;border-radius: 100px;transition: background-color 0.2s ease;}
.retail-layout .fbt-products-section .bookbtn1:hover {background: #4a4a4a !important;text-decoration: none;}

.retail-layout .youmay_addcart {margin-top: auto; font-size: 14px !important; box-shadow: unset !important; display: block; width: auto; padding: 0 12px 0 12px !important; line-height: normal; background: #000 !important; border: 0px; line-height: 30px; height: auto; letter-spacing: .1px;}
.retail-layout .youmay_addcart:hover{background:#4a4a4a !important}

/* List view mode */
.retail-layout .list-view .product-card {display: grid; grid-template-columns: 200px 1fr auto; gap: 20px; padding: 20px;}
.retail-layout .list-view .product-image-container {padding-top: 0; height: 200px;}
.retail-layout .list-view .product-title {font-size: 1.1rem; margin-bottom: 1rem;}
.retail-layout .list-view .product-info {display: flex; flex-direction: column; justify-content: center;}

/* Category sidebar */
.retail-layout .category-sidebar {position: sticky; top: 70px; height: calc(100vh - 70px); overflow-y: auto; padding: 20px; background: #fff; border-right: 1px solid #eee; }

.retail-layout .category-item {display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; color: #333; text-decoration: none; border-radius: 4px; transition: background-color 0.2s;}
.retail-layout .category-item:hover {background-color: #f8f9fa;  color: #007185;}
.retail-layout .category-item.active {background-color: #f8f9fa;color: #007185; font-weight: 500;}

/* Filter section */
.retail-layout .filter-section {background: #f8f9fa; padding: 15px 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.retail-layout .filter-section select {min-width: 150px;}

/* Cart badge animation */
.retail-layout .cart-badge-update {animation: cartBadgePulse 0.3s ease-in-out;}

.retail-layout .add-to-cart-form{position: relative; right: unset; bottom: unset; display: flex; align-items: center; justify-content: space-between; margin-top:10px;}
.retail-layout .pickup_icon {display: inline-block; background-color: #fff; color: #000; padding: 3px 5px; border-radius: 3px; font-size: 10px; font-weight: 600; text-transform: uppercase; box-shadow: unset; position: relative; z-index: 1; float: right; border: solid 0px #000; margin:0px; align-items: center; display: flex}
.retail-layout .add-to-cart-form .pickup_icon:before{font-size: 12px;}

/* Category Navigation */
.retail-layout .category-nav {display: flex; align-items: center; background: transparent; padding: 0px; border-bottom: 0px solid #eee; position: sticky; top: 0; z-index: 100; width: calc(100% - 62px);}
.retail-layout .category-link {padding: 8px 16px; color: #333; text-decoration: none; font-weight: 500; border-radius: 4px; transition: all 0.3s ease; margin-right: 0px; position: relative; bordeR:solid 1px #232f3e}
.retail-layout .category-link:hover {border: solid 1px #fff; border-radius:3px; color: #fff;}
/*.retail-layout .category-link.active {color: #007185; border:solid 1px #fff; font-weight: 600; }
.retail-layout .category-link.active::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #007185; border-radius: 2px;}*/

/* Category Dropdown Styles */
.retail-layout .category-dropdown {position: relative;}
.retail-layout .category-dropdown .category-wrapper {display: flex; align-items: center;justify-content: space-between;}
.retail-layout .category-dropdown .category-toggle {display: flex; align-items: center; gap: 8px; padding: 7px 10px 6px 10px; background: transparent; border: 0px solid #dee2e6; cursor: pointer; font-weight: 400; color: #fff; transition: all 0.3s ease; width: 100%; display: table;}
.retail-layout .category-dropdown .category-toggle:hover {border: solid 1px #fff; border-radius:3px; color: #fff;}
.retail-layout .category-dropdown .main-nav {position: fixed; top: 0; left: -550px; width: 320px; background: #fff; border: 0px solid #dee2e6; border-radius: 0px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);  z-index: 1002; height:100%; transition: all 0.3s ease;}
.retail-layout .category-dropdown .main-nav .nav-wrapper{overflow:auto; height:calc(100% - 46px)}
.retail-layout .category-dropdown .main-nav .nav-wrapper .category-item:first-child{border-bottom: 5px solid #eee;}
.retail-layout .category-dropdown .main-nav .heading{background: #232f3e; color: #fff; padding: 13px 20px 13px 36px; font-size: 19px; font-weight: 500;}
.retail-layout .category-dropdown .main-nav .heading .mainmenu-close{position: absolute; background: transparent; color: #fff; right: -36px; top: 7px; padding: 0px; text-align: center; font-size: 28px; font-weight: 400; cursor: pointer; border-radius: 5px; border: solid 0px #fff;}
.category-nav.category-dropdown.show .main-nav{left:0px; transition: all 0.3s ease;}
.category-nav.category-dropdown .main-nav .category-link{width: 100%; border: 0px; padding: 13px 60px 13px 20px; font-size:15px;}
.category-nav.category-dropdown .main-nav .category-link:hover{background-color: #eaeded; color: #111;}
.category-nav.category-dropdown .main-nav .category-link.active:before{display:none;}
.category-nav.category-dropdown .main-nav .category-item{overflow:unset; position:relative;}
.category-nav.category-dropdown .main-nav .subcategories-arrow{position: absolute; right: 12px; padding: 15px 20px; cursor: pointer;}
.category-nav.category-dropdown .main-nav .subcategories{position: fixed; left: -330px; background: #fff; top: 54px; width: 320px; height: 100%; z-index: 100; padding: 0px; transition: all 0.3s ease;}
.category-nav.category-dropdown .main-nav .subcategories.open{left:0px; transition: all 0.3s ease;}
.category-nav.category-dropdown .main-nav .subcategories a{padding: 13px 20px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #eee;}
.category-nav.category-dropdown .main-nav .subcategories .subcat-back-to-main{padding: 13px 20px; font-size: 15px; font-weight: 700; border-bottom: 1px solid #8c8c8c; color: #000; display: table; width: 100%; text-decoration: none; cursor:pointer}
/*.retail-layout .category-dropdown:hover .main-nav {display: block;}*/
.retail-layout .category-dropdown .category-item {padding: 0px; border-bottom: 1px solid #eee;}
.retail-layout .category-dropdown .category-item:last-child {border-bottom: none;}
/*.retail-layout .category-dropdown .subcategories {padding-left: 16px; display: none;}*/
/*.retail-layout .category-dropdown .category-item:hover .subcategories {display: block;}*/
.retail-layout .category-dropdown .subcategory-link {display: block; padding: 6px 12px; color: #666; text-decoration: none; font-size: 0.9rem; transition: all 0.2s ease; } 
.retail-layout .category-dropdown .subcategory-link:hover {color: #007185; background: #f8f9fa;}
.retail-layout .category-dropdown .subcategory-link.active {color: #007185; font-weight: 500; background: #f8f9fa;}

/* Header Actions */
.retail-layout .header-actions {display: flex; align-items: center; gap: 10px; margin-right: auto; grid-template-columns: repeat(2, 1fr);}
.retail-layout .action-link{color: #000; font-size: 11px; font-weight: 400; text-decoration: none; line-height: 15px; text-align: left; padding: 5px 8px; border-radius: 4px; border:solid 0px #131921; display:table; border: solid 1px transparent;}
.retail-layout .action-link span.user-name{display: inline; font-size: 11px; font-weight: 400;}
.retail-layout .action-link span.hello{display: inline-block; font-size: 11px; font-weight: 400;}
.retail-layout .action-link span{display: table; font-size: 15px; font-weight: 700;}
.retail-layout .cart-link.action-link {display: flex; align-items: center; color: #000; text-decoration: none; font-weight: 700; padding: 4px; border-radius: 4px; transition: all 0.3s ease; background: transparent; width: 85px; height: 41px; margin-right: 0px; border: solid 1px transparent; flex-shrink: 0;}
.retail-layout .action-link i{font-size:1.6rem}
.retail-layout .action-link:hover {border:solid 1px #000; border-radius:3px; color: #000;}
.retail-layout .cart-link {position: relative;}
.retail-layout .header-actions .dropdown:hover .dropdown-menu { display: block; }
.retail-layout .header-actions .dropdown .dropdown-menu { margin-top: 0; }
.retail-layout .header-actions .dropdown .action-link.dropdown-toggle{padding: 5px 20px 8px 5px;}
.retail-layout .header-actions .dropdown .action-link.dropdown-toggle i{font-size: 12px; position: absolute; right: 3px; top: 50%; margin-top: -7px;  transition: transform 0.3s ease;}
.retail-layout .header-actions .dropdown:hover i.fa-chevron-down {transform: rotate(180deg);}

.retail-layout .header-actions .dropdown .action-link.dropdown-toggle::after {display: inline-block; margin-left: 0.255em; vertical-align: .255em; content: ""; border-top: 0.5em solid; border-right: .5em solid transparent; border-bottom: 0; border-left: .5em solid transparent; position: absolute; right: 4px; top: 50%; display:none}
.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end{border-radius: 0px;}
.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end .dropdown-item{font-size: 14px; color: #444;}
.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end .dropdown-item:focus {background-color: transparent !important; color: inherit !important; outline: none !important; box-shadow: none !important;}
.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end .dropdown-item:active {background-color: transparent !important; color: inherit !important; outline: none !important; box-shadow: none !important;}
.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end .dropdown-item i{display:none;}
.category-nav-wrapper {position: relative; box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: flex; grid-template-columns: 15% 85%; background: #232f3e; padding:0px 13px }
.category-nav.category-horizontal {background: transparent; padding: 0; border-top: 0px solid #eee; width: calc(100% - 62px); }
.category-nav.category-horizontal .category-links {display: flex; gap: 0px; overflow-x: auto; padding: 0px; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ }
.category-nav.category-horizontal .category-links::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.category-nav.category-horizontal .category-link {color: #fff; text-decoration: none; padding: 8px 5px; white-space: nowrap; font-size: 14px; position: relative; font-weight: 400; margin:0px 5px;}
/*.category-nav.category-horizontal .category-link.active::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #007bff;}*/
.category-nav.category-horizontal .container{min-width:100%; padding:0px; margin:0px;}

/* Adjust dropdown position */
.category-nav.category-dropdown {position: relative; z-index: 1000; width:83px;}
.category-nav.category-dropdown .container{min-width:100%; padding:0px; margin:0px;}

.retail-layout .product-content .product-info{padding: 0px; display: grid; grid-template-columns: 67% 30%; gap: 25px; align-items: flex-start;}
.retail-layout .product-content .product-info .right-detail{border:1px solid #d5d9d9; border-radius:10px; padding:15px; position: sticky; top: 0px !important;}
.retail-layout .product-content .product-info .right-detail .cta{grid-template-columns: repeat(1, 1fr); gap:10px; border-top: 0px solid #d5d9d9; padding-top: 15px;}
.retail-layout .product-content .product-info .right-detail .cta button[type=submit]{border-radius:100px;}
.retail-layout .product-content .product-info .right-detail .cta .back-btn{border-radius:100px;}
.retail-layout .product-content .product-info .right-detail .qty-row{border:0px;}
.retail-layout .product-content .product-info .right-detail .in-stock-message{color:#067d62; font-size:15px; border-bottom: 1px solid #d5d9d9; padding-bottom: 15px; margin-top:15px;}

.retail-layout .product-listign{display: flex; max-width:1800px; margin:0 auto; margin-top:0px;}
.retail-layout .product-listign .filter-area{width: 248px; padding: 0px; display: grid; align-content: baseline;}
.retail-layout .product-listign .filter-area .mobile-sorting-section{display:none;}
.retail-layout .product-listign .filter-area .filter-heading{font-size: 14px; font-weight: 600; margin-bottom: 10px !important; display: flex; justify-content: space-between; cursor: pointer; padding-bottom:10px; color:#333; border-bottom: 1px solid #e0e0e0;}
.retail-layout .product-listign .filter-area .filter-heading .expand-filter-group{font-size: 11px;}
.retail-layout .product-listign .filter-area #apply-tag-filter{display:none;}
.retail-layout .product-listign .filter-area .filter-head{position: absolute; top: 0px; left: 0px; width: 100%; padding: 10px; background: #fff; border: solid 2px #fff; justify-content: space-between; color: #000; font-size: 17px; border-bottom: 1px solid #d5d9d9; display: none; font-weight: 600;}
.retail-layout .product-listign .filter-area .filter-head p{margin:0px;}
.retail-layout .product-listign .filter-area .filter-listing{padding:20px 15px; order:2}
.retail-layout .product-listign .filter-area ul{margin:0px; padding:0px; list-style:none; margin-bottom: 15px;}
.retail-layout .product-listign .filter-area li label{font-size: 14px; display: flex; gap: 5px; width: 100%; margin-bottom:0px; align-items: center; text-transform: capitalize; padding:5px 0px;}
.retail-layout .product-listign .filter-area li label:hover{color:#c45500!important}
.retail-layout .product-listign .filter-area li label input[type="checkbox" i]{border: solid 1px #8f9393; border-radius: 3px; width: 20px; height: 20px;}
.retail-layout .product-listign .filter-area .ecom-tags-filter-clear{color: #000; text-decoration: none; font-size: 13px; line-height: 17px; width: 100%; display: table; padding: 20px 15px 0px 15px;     
font-weight: 600;}
.retail-layout .product-listign .filter-area .button{order:1;}
.retail-layout .product-listign .cat-filter-listing-menu{width: 250px; padding: 0px; display: grid; align-content: baseline; padding:20px 15px; padding-bottom:0px;}

.product-recommendations-page .page-header{text-align: center; padding: 20px; border-bottom: 1px solid #DDD; margin-bottom: 30px;}
.product-recommendations-page .page-header h1{font-size:28px; margin:0px;}

[lang="fr"] .retail-layout .header-inner{gap:10px;}
[lang="fr"] .retail-layout .action-link{width:100px;}
[lang="fr"] .retail-layout .action-link.cart-link span{display:unset;}


.returns-refund-exchange-policy .contianer{max-width: 1140px; margin: 0 auto; padding: 20px;}
.returns-refund-exchange-policy .head {padding:20px; background:#f7f7f7;  width:100%;}
.returns-refund-exchange-policy .head h1{font-size:36px; max-width:1100px; margin: 0 auto;}

/* Responsive adjustments 
@media (max-width: 991.98px) {
	.category-nav.category-horizontal {display: none;}
} */
@media screen and (min-width: 1281px) and (max-width: 1500px) {
	.category-nav.category-horizontal .category-link{margin: 0px 4.1px;}
	.category-nav.category-dropdown{width: 75px;}
	[lang="fr"] .category-nav.category-dropdown{width: 80px;}
	.wbrecomm_fbt{padding:20px; margin-bottom: 20px;}
	.retail-layout .product-grid .products-wrapper{grid-template-columns: repeat(4, 1fr);}
	.retail-layout .product-grid .wbrecomm_fbt{width: 1090px;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important; top: unset !important;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important; top: unset !important;}
	.wbrecomm_fbt .item .owl-img-wrapper{width:207px; height:207px;}

	.retail-layout .product-img{width: 100%; height: 265px;}
	
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important;}
	.wbrecomm_fbt .slider-heading{font-size:23px;}
	/*.best-seller .wbrecomm_fbt .item .owl-img-wrapper{width:180px; height:180px;}
	.best-seller .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:180px; height:180px;}
	.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper{width:180px; height:180px;}
	.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:180px; height:180px;}
	.past-purchases .wbrecomm_fbt .item .owl-img-wrapper{width:180px; height:180px;}
	.past-purchases .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:180px; height:180px;}*/
	.best-seller .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important;}
	.best-seller .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important;}
	.recommended-for-you .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important;}
	.recommended-for-you .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important;}
	.past-purchases .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important;}
	.past-purchases .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important;}

	.recommendations-container .wbrecomm_fbt{width: 1090px;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -120px !important;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -120px !important;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 207px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 210px;}
}
@media screen and (min-width: 1150px) and (max-width: 1280px) {
	.retail-layout .product-grid .product-grid .products-wrapper{grid-template-columns: repeat(3, 1fr);}
	.retail-layout .product-grid .wbrecomm_fbt{max-width: 870px;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -99px !important;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -99px !important;}
	.recommendations-container .wbrecomm_fbt{max-width: 1010px;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -102px !important;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -102px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -102px !important; left:0px!important}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -102px !important; right:0px!important}
	.best-seller-badge{font-size:7px;}
	.retail-layout .product-card .product_offer{font-size: 9px;}
	.retail-layout .product-grid .products-wrapper{grid-template-columns: repeat(4, 1fr);}
	.retail-layout .add-to-cart-btn{font-size: 13px !important;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 167px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 177px;}

	.retail-layout .product-img{height:211px;}
}
@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end{right:0px;}
	.retail-layout .product-grid .products-wrapper{grid-template-columns: repeat(3, 1fr);}
	.category-nav-wrapper{padding:0px;}
	.retail-layout .product-listign .filter-area{width:235px;}
	.wbrecomm_fbt{padding:20px;}
	.wbrecomm_fbt .item .owl-img-wrapper{height:auto;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -90px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -90px !important;}
	.retail-layout .product-title .title {font-size: 14px; line-height: 21px;}
	.retail-layout .product-price{line-height: 21px; font-size: 21px;}
	.retail-layout .product-price span.currency-symbol{top: -5px;}
	.retail-layout .product-price span.fraction{top: -5px;}
	.wbrecomm_fbt .slider-heading {font-size: 21px; line-height: 32px; font-weight: 600;}
	.wbrecomm_fbt .item .product_offer{font-size: 11px;}
	.best-seller-badge-slider{top: 5px; right: 5px;}
	.wbrecomm_fbt .item .book1.sld1 a{font-size: 12px; line-height: 15px; max-height: 42px;}
	.retail-layout .pro-price-aftdis{line-height: 21px; font-size: 21px;}
	.retail-layout .product-grid .wbrecomm_fbt{max-width:760px;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -86px !important;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -86px !important;}

	.recommendations-container .wbrecomm_fbt{max-width:760px;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -90px !important;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -90px !important;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 145px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 155px;}

	.retail-layout .product-img{height:248px;}
}
@media screen and (min-width: 991px) and (max-width: 1023px) {
	.retail-layout .product-grid .products-wrapper{grid-template-columns: repeat(3, 1fr);}
	.retail-layout .product-image{width: 217px; height: 217px; min-height: 217px;}
	.wbrecomm_fbt .item .owl-img-wrapper{height:auto;}
	.wbrecomm_fbt{padding:20px;}

	.retail-layout .product-grid .wbrecomm_fbt{max-width:710px;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom:-130px!important;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom:-130px!important;}

	.recommendations-container .wbrecomm_fbt{max-width:710px;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom:-130px!important;}
	.recommendations-container .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom:-130px!important;}

	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom:-160px!important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom:-160px!important;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 230px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 307px;}

	.retail-layout .product-img{height:233px;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
	.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end{right:0px;}
	.retail-layout .product-grid .products-wrapper{grid-template-columns: repeat(2, 1fr);}
	.retail-layout .product-price{font-size:22px; line-height:22px;}
	.retail-layout .product-price span.currency-symbol{top: -7px;}
	.retail-layout .product-price span.fraction{top: -7px;}
	.retail-layout .pro-price-aftdis{font-size:22px; line-height:22px;}
	.retail-layout .pro-price-aftdis span.currency-symbol{top: -7px;}
	.retail-layout .pro-price-aftdis span.fraction{top: -7px;}

	.product-description .heading{font-size: 18px;}
	.offer_list .offer_list_label{font-size: 18px;}
	.product-modifiers h3{font-size: 18px;}
	.retail-layout .product-listign .filter-area{width: 220px;}
	.wbrecomm_fbt{padding:20px 10px;}
	.wbrecomm_fbt .item .owl-img-wrapper{width: 100%; height: auto;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{left: 0px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{right: 0px !important;}

	.retail-layout .product-grid .wbrecomm_fbt{max-width: 522px;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -98px !important;}
	.retail-layout .product-grid .wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -98px !important;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 169px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 239px;}
	.retail-layout .product-img{height:256px;}
}
@media screen and (min-width: 540px) and (max-width: 767px) {
	.retail-layout .action-link{padding: 0px 8px;}
	.retail-layout .cart-link.action-link{height: 32px;}
	.retail-layout .product-grid .products-wrapper{padding: 0px 4px; grid-template-columns: repeat(2, 1fr); gap:10px;}
	.retail-layout .product-listign .filter-area{position: fixed; bottom: -1000px; left: 0px; z-index: 100; background: #fff; width: 100%; height: calc(100% - 110px);     transition: all 0.3s ease;}
	.retail-layout .product-listign .filter-area.open{bottom:0px; z-index: 1000; padding-top: 45px; display:unset;}
	.retail-layout .product-listign .filter-area.open .filter-head{display:flex;}
	.retail-layout .product-listign .filter-area .filter-listing{height: calc(100% - 75px); overflow: auto;}
	.retail-layout .product-listign .filter-area .button{position: relative; bottom: 0; width: 100%; left: 0px; padding: 15px; text-align: right; border-top: .1rem solid #e7e7e7;display: flex; justify-content: space-between; align-items: baseline;}
	.retail-layout .product-listign .filter-area .button #apply-tag-filter{border-radius: 8px; background-color: #007185; border: solid 1px #007185; color: #fff; padding: 7px 12px; display:block;}
	.retail-layout .product-card{display: grid; grid-template-columns: repeat(1, 1fr);; gap: 0px; align-items: baseline; align-content: baseline;}
	.retail-layout .product-title{-webkit-line-clamp: 2; font-size:13px; line-height: normal;}
	.retail-layout .add-to-cart-form{display: grid; grid-template-columns: repeat(1, 1fr); gap:10px;}
	.retail-layout .product-card a{align-items: unset; font-size: 14px !important; line-height: 20px !important; border-radius:5px 5px 0px 0px; font-weight: 500;}
	.retail-layout .category-link{width: 100%; border: 0px; padding: 13px 20px 13px 36px;}
	.retail-layout .category-dropdown .main-nav .heading .close{right: -26px;}
	.retail-layout .product-price .pro-price-aftdis{font-size: 22px; padding-left: 0px; font-weight: 400; line-height:22px;}
	.retail-layout .product-price .pro-price-aftdis span.currency-symbol {font-size: 13px; top: -6px;}
	.retail-layout .product-price .pro-price-aftdis span.fraction {font-size: 13px; top: -6px;}
	.retail-layout .add-to-cart-btn{font-size:13px!important;}
	.retail-layout .similar-products-section .bookbtn1{font-size:13px!important;}
	.retail-layout .fbt-products-section .bookbtn1{font-size:13px!important;}
	.product-description .heading{font-size: 18px;}
	.offer_list .offer_list_label{font-size: 18px;}
	.product-modifiers h3{font-size: 18px;}
	.result-sorting .sorting{display:none!important;}
	.result-sorting .m-filter{display:block!important;}
	.result-sorting {display: flex!important; justify-content: space-between;}
	.result-sorting .filter{width: 120px; display: block; color: #007185 !important; font-weight: 400; font-size: 16px; box-shadow: inset 1px 0 0 0 #e6e6e6; text-align: center; padding: 12px; margin: -7px; display:block !important;}
	.result-sorting .filter i{font-size: 11px;}
	.retail-layout .product-listign .filter-area .filter-heading{display: table; width:100%;}
	.retail-layout .product-listign .filter-area li {display: inline-block; margin-bottom: 8px; margin-right: 8px;}
	.retail-layout .product-listign .filter-area li label{padding: 7px 8px; border-radius: 8px; border: 1px solid #e8e8e8; font-size: 14px; color: #000; margin-bottom:5px;}
	.retail-layout .product-listign .filter-area li label input[type="checkbox" i]{display:none;}
	.retail-layout .product-listign .filter-area li label.active{background-color: #e7f4f5; border: solid 1px #c7e4e8; color:#2162a1}
	.retail-layout .product-listign .filter-area .ecom-tags-filter-clear{border: .1rem solid #f1f1f1; border-radius: 4px; padding: 10px 12px; display: flex; justify-content: center; align-items: center; background-color: #fff; color: #007185;}
	.retail-layout .product-content .product-info{padding-top:0px;}
	.retail-layout .product-grid{    padding: 10px 5px;}
	.page-item:first-child .page-link{display: flex; align-items: center; gap: 10px;}
	.page-item:last-child .page-link{display: flex; align-items: center; gap: 10px;}
	.pagination{gap:0px!important;}
	.category-nav-wrapper{grid-template-columns: repeat(1, 1fr); display:grid; padding: 0px 10px;}
	.category-nav.category-horizontal{width:100%;}
	.retail-layout .product-img{height:247px;}
	.wbrecomm_fbt .slider-heading{font-size: 18px; line-height: 22px;}
	.wbrecomm_fbt{padding:20px 10px; margin-bottom: 10px;}
	.retail-layout .product-grid .wbrecomm_fbt{padding: 0px;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -145px !important; right:0px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -145px !important; left:0px !important;}
	.retail-layout .product-price.price-offer .price-off{font-size:12px;}
	.retail-layout .product-price.price-offer .old-price{font-size:12px;}
	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 253px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 248px;}
}
@media screen and (min-width: 320px) and (max-width: 539px) {
	.retail-layout .action-link{padding: 0px 8px;}
	.retail-layout .cart-link.action-link{height: 32px;}
	.retail-layout .product-grid .products-wrapper{padding: 0px 4px; grid-template-columns: repeat(2, 1fr); gap:10px;}
	.retail-layout .product-listign .filter-area{position: fixed; bottom: -1000px; left: 0px; z-index: 100; background: #fff; width: 100%; height: calc(100% - 110px);     transition: all 0.3s ease;z-index: 10000;}
	.retail-layout .product-listign .filter-area.open{bottom:0px;  padding-top: 45px; display:unset;}
	.retail-layout .product-listign .filter-area.open .filter-head{display:flex;}
	.retail-layout .product-listign .filter-area .filter-listing{height: calc(100% - 220px); overflow: auto;}
	.retail-layout .product-listign .filter-area .button{position: absolute; bottom: 0; width: 100%; left: 0px; padding: 15px; text-align: right; border-top: .1rem solid #e7e7e7;display: flex; justify-content: space-between; align-items: baseline; background:#fff; width:100%;}
	.retail-layout .product-listign .filter-area .button #apply-tag-filter{border-radius: 8px; background-color: #007185; border: solid 1px #007185; color: #fff; padding: 7px 12px; display:block;}
	.retail-layout .product-listign .filter-area .mobile-sorting-section{display:block; padding:10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
	.retail-layout .product-listign .filter-area .mobile-sorting-section p{font-size: 14px; font-weight: 600; margin-bottom: 10px !important; display: flex; justify-content: space-between; cursor: pointer; padding-bottom: 10px; color: #333; border-bottom: 1px solid #e0e0e0;}
	.retail-layout .product-listign .filter-area .mobile-sorting-section .mobile-sort-opt {margin:0px;}
	.retail-layout .product-listign .filter-area .mobile-sorting-section .mobile-sort-opt li{display: inline-block;}
	.retail-layout .product-card{display: grid; grid-template-columns: repeat(1, 1fr);; gap: 0px; align-items: baseline; align-content: baseline;}
	.retail-layout .product-title{-webkit-line-clamp: 2; font-size:13px; line-height: normal;}
	.retail-layout .add-to-cart-form{display: grid; grid-template-columns: repeat(1, 1fr); gap:10px;}
	.retail-layout .product-card a{align-items: unset; font-size: 14px !important; line-height: 20px !important; border-radius:5px 5px 0px 0px; font-weight: 500;}
	.retail-layout .category-link{width: 100%; border: 0px; padding: 13px 20px 13px 36px;}
	.retail-layout .category-dropdown .main-nav .heading .close{right: -26px;}
	.retail-layout .product-price .pro-price-aftdis{font-size: 22px; padding-left: 0px; font-weight: 400; line-height:22px;}
	.retail-layout .product-price .pro-price-aftdis span.currency-symbol {font-size: 13px; top: -6px;}
	.retail-layout .product-price .pro-price-aftdis span.fraction {font-size: 13px; top: -6px;}
	.retail-layout .add-to-cart-btn{font-size:13px!important;}
	.retail-layout .similar-products-section .bookbtn1{font-size:13px!important;}
	.retail-layout .fbt-products-section .bookbtn1{font-size:13px!important;}
	.product-description .heading{font-size: 18px;}
	.offer_list .offer_list_label{font-size: 18px;}
	.product-modifiers h3{font-size: 18px;}
	.result-sorting .sorting{display:none!important;}
	.result-sorting .m-filter{display:block!important;}
	.result-sorting .filter{width: 120px; display: block; color: #007185 !important; font-weight: 400; font-size: 16px; box-shadow: inset 1px 0 0 0 #e6e6e6; text-align: center; padding: 12px; margin: -7px; display:block !important; flex-shrink: 0;}
	.result-sorting .filter i{font-size: 11px;}
	.retail-layout .product-listign .filter-area .filter-heading{ width:100%;}
	.retail-layout .product-listign .filter-area li {margin-bottom: 5px; margin-right: 5px;}
	.retail-layout .product-listign .filter-area li label{padding: 7px 8px; border-radius: 8px; border: 1px solid #e8e8e8; font-size: 14px; color: #000;}
	.retail-layout .product-listign .filter-area li label input[type="checkbox" i]{display:none;}
	.retail-layout .product-listign .filter-area li label input[type="radio" i]{display:none;}
	.retail-layout .product-listign .filter-area li label.active{background-color: #e7f4f5; border: solid 1px #c7e4e8; color:#2162a1}
	.retail-layout .product-listign .filter-area .ecom-tags-filter-clear{border: .1rem solid #f1f1f1; border-radius: 4px; padding: 10px 12px; display: flex; justify-content: center; align-items: center; background-color: #fff; color: #007185;}
	.retail-layout .product-content .product-info{padding-top:0px;}
	.retail-layout .product-grid{    padding: 10px 5px;}
	.page-item:first-child .page-link{display: flex; align-items: center; gap: 10px;}
	.page-item:last-child .page-link{display: flex; align-items: center; gap: 10px;}
	.pagination{gap:0px!important;}
	.category-nav-wrapper{grid-template-columns: repeat(1, 1fr); display:grid; padding: 0px 10px;}
	.category-nav.category-horizontal{width:100%;}
	.retail-layout .product-img{width:100%; height:200px;}
	.wbrecomm_fbt .slider-heading{font-size: 18px; line-height: 22px;}
	.wbrecomm_fbt{padding:20px 10px; margin-bottom: 10px;}
	.retail-layout .product-grid .wbrecomm_fbt{padding: 0px; margin-bottom: 20px;}
	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .no-image-product-name{width:171px; height:171px;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{bottom: -100px !important; right:0px !important;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{bottom: -100px !important; left:0px !important;}
	.wbrecomm_fbt .item .owl-img-wrapper{width:100%; height:auto;}
	.wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:100%; height:auto;}
	/*.best-seller .wbrecomm_fbt .item .owl-img-wrapper{width:186px; height:186px;}
	.best-seller .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:186px; height:186px;}
	.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper{width:186px; height:186px;}
	.recommended-for-you .wbrecomm_fbt .item .owl-img-wrapper .slide2img{width:186px; height:186px;}*/
	.retail-layout .product-price.price-offer .price-off{font-size:12px;}
	.retail-layout .product-price.price-offer .old-price{font-size:12px;}
	.retail-layout .product-title .title{font-size:14px; line-height: 19px; -webkit-line-clamp: 2;}
	.retail-layout .product-price{font-size: 20px;}
	.retail-layout .product-price span.currency-symbol{top:-4px;}
	.retail-layout .product-price span.fraction{top:-4px;}
	.retail-layout .product-card .product_offer{font-size: 9px;}
	.retail-layout .pickup_icon{padding: 3px 5px 3px 0px;}
	.retail-layout .product-card .low_stock{font-size:12px;}
	.retail-layout .product-card .add-to-cart-btn.disabled{font-size:12px;}
	.retail-layout  .product-recommendations-page .product-listign{width: 100%; display: block;}
	.recommendations-container .wbrecomm_fbt{padding: 0px; margin-bottom: 20px;}
	.recommendations-container{padding:10px 5px;}
	.product-recommendations-page .filter-area{display:none!important;}
	.retail-layout .action-link.cart-link span.text{display:none;}
	.retail-layout .action-link span.user-name{max-width: 77px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
	.retail-layout .header-actions .dropdown .dropdown-menu.dropdown-menu-end{display:none;}
	.retail-layout .header-actions .dropdown .action-link.dropdown-toggle{padding: 5px; display: grid; grid-template-columns: 40% 56%; gap: 3px; max-width: 118px; white-space: nowrap;}
	.retail-layout .action-link span.hello{display: inline-block;}
	.retail-layout .header-actions .dropdown .action-link.dropdown-toggle i{display:none;}
	.product-card .product-fallback{font-size: 13px; line-height:19px;}

	.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 171px; margin:0 auto;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height: 167px; margin:0 auto;}
	.wbrecomm_fbt .item .span_price_wb span{font-size: 20px; line-height: 28px;}
	.wbrecomm_fbt .item .span_price_wb span .currency-symbol{font-size: 13px; top: -4px;  line-height:normal}
	.wbrecomm_fbt .item .span_price_wb span .fraction{font-size: 13px; top: -4px;  line-height:normal}
}
/* Rating popup styles */
.rating-popup {position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 300px; opacity: 0; visibility: hidden; transform: translateY(-10px) scale(0.95); transition: all 0.3s ease;}

/* Add upward pointing arrow to popup */
.rating-popup::before {content: ''; position: absolute; top: -8px; left: var(--arrow-offset, 20px); transform: translateX(-8px); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; z-index: 1001;}
.rating-popup::after {content: ''; position: absolute; top: -9px; left: var(--arrow-offset, 20px); transform: translateX(-9px); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #ddd; z-index: 1000;}

/* Arrow positioning for left-aligned popup */
.rating-popup.left-aligned::before {left: var(--arrow-offset, 20px); transform: translateX(-8px);}
.rating-popup.left-aligned::after {left: var(--arrow-offset, 20px); transform: translateX(-9px);}

/* Arrow positioning for right-aligned popup */
.rating-popup.right-aligned::before {left: var(--arrow-offset, 20px); transform: translateX(-8px);}
.rating-popup.right-aligned::after {left: var(--arrow-offset, 20px); transform: translateX(-9px);}

.rating-popup.show {opacity: 1 !important; transform: translateY(0) !important; visibility:visible;}

/* Debug: Make popup always visible for testing 
.rating-popup {background: #ff0000 !important; border: 3px solid #000000 !important;}*/
.rating-popup-content {padding: 0px;}
.rating-popup-loader {text-align: center; color: #666; padding: 20px;}
.rating-popup-loader i {font-size: 24px; color: #ff6200;}
.rating-popup-error {text-align: center; color: #dc3545; font-size: 14px;}

/* Rating breakdown dropdown styles */
.rating-breakdown-dropdown {background: white !important; border-radius: 8px !important; overflow: hidden !important; display: block !important; visibility: visible !important;}
.rating-breakdown-dropdown .dropdown-content {padding: 16px;}
.rating-breakdown-dropdown .dropdown-header {display: flex; align-items: center; gap: 8px; margin-bottom: 8px; opacity:1; transform: unset;}
.rating-breakdown-dropdown .dropdown-stars {display: flex; gap: 2px;}
.rating-breakdown-dropdown .dropdown-stars i {font-size: 14px; color: #ff6200;}
.rating-breakdown-dropdown .dropdown-stars .fa-regular.fa-star{color:#ff6200; font-size:14px;}
.rating-breakdown-dropdown .dropdown-stars .fa-solid.fa-star{color:#ff6200; font-size:14px;}
.rating-breakdown-dropdown .dropdown-stars .fa-regular.fa-star{color:#ff6200; font-size:14px;}
.rating-breakdown-dropdown .dropdown-stars .fa-solid.fa-star-half-stroke{color:#ff6200; font-size:14px;}

.rating-breakdown-dropdown .dropdown-rating-text {font-size: 16px; font-weight: bold; color: #333;}
.rating-breakdown-dropdown .dropdown-global-ratings {font-size: 14px; color: #666; margin-bottom: 16px;}
.rating-breakdown-dropdown .rating-breakdown {margin-bottom: 16px;}
.rating-breakdown-dropdown .rating-bar {display: flex; align-items: center; gap: 8px; margin-bottom: 8px; box-shadow:unset;}
.rating-breakdown-dropdown .rating-label {font-size: 12px; color: #666; min-width: 40px;}
.rating-breakdown-dropdown .rating-percentage{width:42px; font-size: 12px;}
.rating-breakdown-dropdown .bar-container {flex: 1; height: 17px; background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: inset 0 0 0 1px #888c8c;}
.rating-breakdown-dropdown .bar-fill {height: 100%; background-color: #ff6200; width: 0% !important; /* Start with 0 width */ transition: width 0.8s ease-in-out; transition-delay: calc(var(--bar-index) * 0.1s); }

/* Trigger animation when popup becomes visible */
.rating-popup.show .rating-breakdown-dropdown .bar-fill {width: var(--target-width) !important;}

/* Animate percentage text with a slight delay */
.rating-breakdown-dropdown .rating-percentage {opacity: 0; transition: opacity 0.5s ease; transition-delay: calc(var(--bar-index) * 0.1s + 0.3s);}
.rating-popup.show .rating-breakdown-dropdown .rating-percentage {opacity: 1;}
.rating-breakdown-dropdown .rating-percentage {font-size: 12px; color: #666; min-width: 30px; text-align: right;}
.rating-breakdown-dropdown .dropdown-footer {text-align: center; padding-top: 12px; border-top: 1px solid #f0f0f0;}
.rating-breakdown-dropdown .see-reviews-link {color: #2162a1; text-decoration: none; font-size: 14px; font-weight: 500;}
.rating-breakdown-dropdown .see-reviews-link:hover {text-decoration: underline; color: #0c3353;}
.rating-breakdown-dropdown .see-reviews-link i {margin-left: 4px; font-size: 12px;}
.rating-breakdown-dropdown .dropdown-footer {text-align: center; padding-top: 10px; border-top: 1px solid #eee;}
.rating-breakdown-dropdown .dropdown-footer .see-reviews-link {color: #2162a1; text-decoration: none; font-size: 14px; font-weight: 500;}
.rating-breakdown-dropdown .dropdown-footer .see-reviews-link:hover {text-decoration: underline; color: #0c3353;}
.rating-breakdown-dropdown .dropdown-footer .see-reviews-link .fa{font-size:12px;}

/* Mobile responsive adjustments for rating popup */
@media (max-width: 768px) {
    .rating-popup {min-width: 260px; max-width: 280px;}
    .rating-popup-content {padding: 12px;}
    .rating-popup::before {left: var(--arrow-offset, 15px);}
    .rating-popup::after {left: var(--arrow-offset, 15px);}
    .rating-popup.left-aligned::before {left: var(--arrow-offset, 15px);}
    .rating-popup.left-aligned::after {left: var(--arrow-offset, 15px);}
    .rating-popup.right-aligned::before {left: var(--arrow-offset, 15px);}
    .rating-popup.right-aligned::after {left: var(--arrow-offset, 15px);}
}
	
.returns-refund-exchange-policy .head h1{font-size:21px;}