/* Retail Layout Specific Styles */

h1.welcome {
    text-align: center;
    border-bottom: dotted 1px #e1e1e1;
    margin: 0px 15px 40px 15px;
    margin-bottom: 40px;
    padding: 10px 20px;
    font-size: 25px;
    font-weight: 600;
}

h1.welcome span {
    display: table;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
}

/* Product Card Enhancements */

.product-card {
    background: #fff;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 10px !important;
    ;
}

.product-card:hover .quick-view {
    opacity: 1;
}

.product-card .product-img {
    background: #fff;
    padding: 0px;
    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: 22px;
    line-height: normal;
    font-weight: 600;
    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: 15px;
    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: 22px;
    font-weight: 600;
}

.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper {
    width: 100%;
    height: 246px;
    position: relative;
    overflow: hidden
}

.retail-layout .product-grid .wbrecomm_fbt .item:hover .owl-img-wrapper .product-image-wrapper img {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.retail-layout .product-grid .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    --tw-duration: .5s;
    transition-duration: .5s;
    object-fit: contain;
}

.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: #fff;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
}

.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%;
    --tw-duration: .5s;
    transition-duration: .5s;
}

.wbrecomm_fbt .item:hover .owl-img-wrapper .product-image-wrapper img {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.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;
}

.shop-item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

.shop-item .shop-all {
    font-size: 13px;
    white-space: nowrap;
}

.shop-item .shop-all span {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    display: table;
}

.shop-item .shop-all .shop-all-meta {
    font-size: 13px;
    font-weight: 400;
    color: #565959;
    margin-top: 4px;
    white-space: nowrap;
}

/*.shop-all{margin-bottom: 40px; text-align: center; font-size: 16px;}
.shop-all span{display: table; margin:0 auto; font-size: 35px; font-weight: 600; position:relative;}
.shop-all span:before{content:''; width:200px; height:1px; background:#000; left:-220px; top:50%; position:absolute;}
.shop-all span:after{content:''; width:200px; height:1px; background:#000; right:-220px; top:50%; position:absolute;}*/

.items-per-row {
    display: flex;
    justify-content: end;
    padding: 5px;
    font-size: 13px;
    gap: 5px;
    align-items: center;
    width: 100%;
}

.items-per-row-label {
    color: #565959;
    white-space: nowrap;
}

.items-per-row a {
    display: flex;
    border: solid 1px #e1e1e1;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: #fff;
    text-decoration: none;
}

.items-per-row a span {
    width: 1px;
    height: 100%;
    background: #000;
}

.items-per-row a[data-cols="1"] {
    display: none;
}

.items-per-row a[data-cols="1"] span {
    width: 10px;
}

.items-per-row a[data-cols="2"] span {
    width: 5px;
}

.items-per-row a[data-cols="3"] span {
    width: 3px;
}

.items-per-row a[data-cols="4"] span {
    width: 2px;
}

.items-per-row a[data-cols="5"] span {
    width: 1px;
}

.items-per-row a:hover {
    border-color: #c2c2c2;
}

.items-per-row a.active {
    background: #4C6FFF;
    border-color: #4C6FFF;
}

.items-per-row a.active span {
    background: #fff;
}

.products-wrapper.items-cols-1 .product-img {
    width: 100%;
    height: auto;
}

.products-wrapper.items-cols-2 .product-img {
    width: 100%;
    height: 390px;
}

.products-wrapper.items-cols-3 .product-img {
    width: 100%;
    height: 355px;
}
.products-wrapper.items-cols-3 .product-img img{
    width: auto;
    max-width: 100%;
    height: 100%;
}

.products-wrapper.items-cols-4 .product-img {
    width: 100%;
    height: 275px;
}
.products-wrapper.items-cols-4 .product-img img{
    width: auto;
    max-width: 100%;
    height: 100%;
}

/*.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: start;
    position: relative;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}

.retail-layout .product-card .product-info {
    padding: 10px;
    flex: 1;
    width: 100%;
    padding-bottom: 50px
}

.retail-layout .product-image-container {
    position: relative;
    padding-top: 100%;
    margin-bottom: 8px;
}

.retail-layout .product-img {
    width: 100%;
    height: 239px;
    display: block;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.retail-layout .product-card:hover .product-image {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.retail-layout .product-image {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    border-radius: 10px 10px 0px 0px;
    --tw-duration: .5s;
    transition-duration: .5s;
    object-fit: contain;
}

.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: #183528 !important;
    border: 0px;
    line-height: 30px;
    height: auto;
    letter-spacing: .1px;
    color: #fff;
}

.retail-layout .add-to-cart-btn:hover {
    background: rgba(24, 53, 40, 0.9) !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: #183528 !important;
    border: 0px;
    line-height: 30px;
    height: auto;
    letter-spacing: .1px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.retail-layout .similar-products-section .bookbtn1:hover {
    background: rgba(24, 53, 40, 0.9) !important;
    text-decoration: none;
    color: #fff;
}

/* 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: #183528 !important;
    border: 0px;
    line-height: 30px;
    height: auto;
    letter-spacing: .1px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.retail-layout .fbt-products-section .bookbtn1:hover {
    background: rgba(24, 53, 40, 0.9) !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: absolute;
    right: unset;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.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;
    display: table;
    text-decoration: none;
    width: 100%;
}

.retail-layout .category-dropdown .main-nav .heading a.link {
    color: #fff;
    padding: 13px 20px;
    font-size: 19px;
    font-weight: 500;
    width: 100%;
    display: table;
    text-decoration: none;
}

.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: #183528;
    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;
}

.category-nav-wrapper .all-category a {
    border: solid 1px transparent;
    color: #fff;
    text-decoration: none;
    padding: 8px 5px;
    white-space: nowrap;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    margin: 0px 5px;
    display: block;
}

.category-nav-wrapper .all-category a:hover {
    border: solid 1px #fff;
    border-radius: 3px;
}

/* 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: 8px;
}

.retail-layout .product-content .product-info .right-detail .cta button.buy_now_btn {
    border-radius: 8px;
    background: #fff !important;
    border: solid 2px #183528;
    color: #000;
}

.retail-layout .product-content .product-info .right-detail .cta .back-btn {
    border-radius: 8px;
}

.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;
    display: flex;
    gap: 5px;
}

.retail-layout .product-listign .filter-area .filter-head p span {
    background: #000;
    color: #fff;
    border-radius: 100px;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    align-items: center;
}

.retail-layout .product-listign .filter-area .filter-head p span:empty {
    display: none;
}

.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: #fff;
    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 {
        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) {
    h1.welcome {
        font-size: 19px;
    }

    .no-scroll {
        overflow: hidden;
        height: 100%;
    }

    .category-nav.category-dropdown {
        width: auto;
    }

    .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% - 70px);
        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 {
        display: block;
        margin-bottom: 15px;
    }

    .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 {
        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 .add-to-cart-form .cart-loader {
        position: absolute;
        bottom: 0px;
    }

    .retail-layout .add-to-cart-form .cart-success-message {
        padding: 8px 4px;
        right: 0px;
        bottom: 0px;
        font-size: 12px;
        line-height: normal;
    }

    .retail-layout .product-card a {
        align-items: unset;
        font-size: 14px !important;
        line-height: 20px !important;
        border-radius: 10px 10px 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;
        width: 100%;
    }

    .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: 115px;
        display: block;
        color: #007185 !important;
        font-weight: 400;
        font-size: 16px;
        box-shadow: inset 1px 0 0 0 #e6e6e6;
        text-align: center;
        padding: 12px;
        display: flex !important;
        flex-shrink: 0;
        justify-content: normal;
        align-items: center;
        gap: 4px;
    }

    .result-sorting .filter i {
        font-size: 11px;
        margin-left: auto;
    }

    .result-sorting .filter .mobile-filter-count {
        background: #000;
        color: #fff;
        border-radius: 100px;
        padding: 0px;
        font-size: 11px;
        font-weight: bold;
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        align-items: center;
    }

    .result-sorting .filter .mobile-filter-count:empty {
        display: none;
    }

    .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 li.selected label {
        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: flex;
        padding: 0px;
        align-items: center;
    }

    .category-nav-wrapper .all-category {
        display: block;
    }

    .category-nav-wrapper .all-category a {
        padding: 8px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        border-right: solid 1px #fff;
    }

    .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;
        font-size: 17px;
    }

    .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: auto;
        height: 165px;
    }

    /*.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-card .product-info {
        padding-bottom: 50px !important;
    }

    .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: 17px;
        line-height: normal;
    }

    .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 .owl-img-wrapper .no-image-product-name {
        font-size: 17px;
    }

    .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
    }

    .wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper img {
        width: auto;
        height: 165px;
    }
}

/* 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);
    }

    .shop-all {
        font-size: 14px;
    }

    .shop-all span {
        font-size: 22px;
    }

    .shop-all span:before {
        display: none;
    }

    .shop-all span:after {
        display: none;
    }
}

.returns-refund-exchange-policy .head h1 {
    font-size: 21px;
}