/* _content/ecom.theme/Components/Classic/CategoryNavigation.razor.rz.scp.css */
.category-nav[b-gx17mw8asu] {
    background: #f7f7f7;
    padding: 0.1rem 16rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.category-btn[b-gx17mw8asu] {
    padding: 0.8rem 2rem;
    background: #f5f5f5;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

    .category-btn:hover[b-gx17mw8asu] {
        color: #fff;
        background-color: #1C7AD1;
        border-radius: 35px;
    }


/* Responsive Design for Mobile */

@media (max-width: 768px) {
    .category-nav[b-gx17mw8asu] {
        background-color: white;
        /*border: 2px solid #e74c3c;*/
        border-radius: 50px;
        padding: 0.5rem;
        gap: 0;
        margin: 1rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .category-btn[b-gx17mw8asu] {
        flex: 1;
        padding: 0.75rem 0.5rem;
        font-size: 0.8rem;
        font-weight: 600;
        text-align: center;
        border: none;
        background-color: transparent;
        color: #333;
        white-space: nowrap;
    }

        .category-btn:hover[b-gx17mw8asu],
        .category-btn:active[b-gx17mw8asu] {
            background-color: rgba(0, 0, 0, 0.05);
            border-radius: 25px;
        }

        .category-btn:hover[b-gx17mw8asu] {
            color: #fff;
            background-color: #1C7AD1;
        }
}

@media (max-width: 576px) {
    .category-nav[b-gx17mw8asu] {
        border-radius: 40px;
        padding: 0.5rem;
        margin: 0.8rem 0rem;
    }

    .category-btn[b-gx17mw8asu] {
        padding: 0.65rem 0.4rem;
        font-size: 0.75rem;
    }

        .category-btn:hover[b-gx17mw8asu] {
            color: #fff;
            background-color: #1C7AD1;
        }
}
/* _content/ecom.theme/Components/Classic/ClintsSection.razor.rz.scp.css */
.partner-section[b-b8jxz5b5r8] {
    max-width: 1400px;
    margin: 4rem auto;
    padding: 3rem 1rem;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    text-align: center;
    position: relative;
}

    .partner-section h2[b-b8jxz5b5r8] {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .partner-section h3[b-b8jxz5b5r8] {
        font-size: 1.1rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 1rem;
    }

        .partner-section h3 img[b-b8jxz5b5r8] {
            height: 24px;
            margin-left: 8px;
            vertical-align: middle;
        }

    .partner-section p[b-b8jxz5b5r8] {
        max-width: 800px;
        margin: 0 auto 2rem;
        color: #666;
        font-size: 1rem;
        line-height: 1.7;
    }

/* Carousel */
.carousel-wrapper[b-b8jxz5b5r8] {
    position: relative;
}

.carousel[b-b8jxz5b5r8] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 1rem 4rem;
}

    .carousel[b-b8jxz5b5r8]::-webkit-scrollbar {
        display: none;
    }

.logo-card[b-b8jxz5b5r8] {
    flex: 0 0 auto;
    scroll-snap-align: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 100px;
    transition: all 0.3s ease;
}

    .logo-card:hover[b-b8jxz5b5r8] {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    }

    .logo-card img[b-b8jxz5b5r8] {
        max-width: 100%;
        height: auto;
        filter: grayscale(100%);
        opacity: 0.8;
        transition: all 0.3s ease;
    }

    .logo-card:hover img[b-b8jxz5b5r8] {
        filter: grayscale(0%);
        opacity: 1;
        transform: scale(1.08);
    }

/* Arrows */
.clints-arrow[b-b8jxz5b5r8] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.95);
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    cursor: pointer;
    font-size: 1.4rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 10;
    transition: all 0.3s ease;
}

    .clints-arrow:hover[b-b8jxz5b5r8] {
        background: #111;
        color: #fff;
    }

    .clints-arrow.left[b-b8jxz5b5r8] {
        left: 0.5rem;
    }

    .clints-arrow.right[b-b8jxz5b5r8] {
        right: 0.5rem;
    }

@media (max-width: 768px) {
    .logo-card[b-b8jxz5b5r8] {
        width: 110px;
        height: 80px;
    }

    .partner-section[b-b8jxz5b5r8] {
        padding: 2rem 1rem;
    }
}
/* _content/ecom.theme/Components/Classic/ContactSection.razor.rz.scp.css */
.contact-bar[b-yshvawdqdy] {
    background-color: #7e7e7e;
    color: #ffffff;
    padding: 30px 20px;
}

.container[b-yshvawdqdy] {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.newsletter-section[b-yshvawdqdy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.newsletter-header[b-yshvawdqdy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-icon[b-yshvawdqdy] {
    font-size: 15px;
    color: #ffffff;
    border: 3px solid #1C7AD1;
    background: #1C7AD1;
    border-radius: 5px;
    margin-top: 2px;
}

.newsletter-title[b-yshvawdqdy] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.newsletter-form[b-yshvawdqdy] {
    display: flex;
    gap: 0;
}

.email-input[b-yshvawdqdy] {
    flex: 1;
    padding: 12px 15px;
    border: none;
    background-color: #5a5a5a;
    color: #aaaaaa;
    font-size: 14px;
    outline: none;
}

    .email-input[b-yshvawdqdy]::placeholder {
        color: #aaaaaa;
    }

.subscribe-btn[b-yshvawdqdy] {
    padding: 12px 30px;
    background-color: #1C7AD1;
    color: #ffffff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .subscribe-btn:hover[b-yshvawdqdy] {
        background-color: #077be7;
    }

.contact-section[b-yshvawdqdy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 250px;
}

.contact-header[b-yshvawdqdy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-title[b-yshvawdqdy] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.phone-number[b-yshvawdqdy] {
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}

.hours[b-yshvawdqdy] {
    font-size: 13px;
    color: #cccccc;
    margin-left: 30px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .container[b-yshvawdqdy] {
        flex-direction: column;
        gap: 30px;
    }

    .newsletter-section[b-yshvawdqdy],
    .contact-section[b-yshvawdqdy] {
        width: 100%;
    }

    .contact-section[b-yshvawdqdy] {
        min-width: auto;
    }

    .newsletter-form[b-yshvawdqdy] {
        flex-direction: column;
    }

    .subscribe-btn[b-yshvawdqdy] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-bar[b-yshvawdqdy] {
        padding: 20px 15px;
    }

    .newsletter-title[b-yshvawdqdy],
    .contact-title[b-yshvawdqdy] {
        font-size: 12px;
    }

    .email-input[b-yshvawdqdy] {
        font-size: 13px;
        padding: 10px 12px;
    }

    .subscribe-btn[b-yshvawdqdy] {
        padding: 10px 20px;
        font-size: 13px;
    }

    .phone-number[b-yshvawdqdy] {
        font-size: 15px;
    }

    .hours[b-yshvawdqdy] {
        font-size: 12px;
    }
}
/* _content/ecom.theme/Components/Classic/DescriptionSection.razor.rz.scp.css */
.hero-section[b-ah1iyocr4g] {
    display: flex;
    align-items: center;
    min-height: 400px;
    padding: 60px 40px;
    position: relative;
    overflow: hidden;
}

.content-wrapper[b-ah1iyocr4g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    gap: 60px;
    height: 200px;
}

.text-content[b-ah1iyocr4g] {
    flex: 1;
    max-width: 900px;
}

.brand-title[b-ah1iyocr4g] {
    font-size: 3.5rem;
    font-weight: 300;
    color: #2d3436;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrow[b-ah1iyocr4g] {
    color: #74b816;
    font-size: 3rem;
}

.tagline[b-ah1iyocr4g] {
    font-size: 25px;
    font-weight: 400;
    color: #2d3436;
    margin-bottom: 20px;
    line-height: 1.4;
}

.description-section[b-ah1iyocr4g] {
    font-size: 15px;
    line-height: 1.7;
    color: #636e72;
    max-width: 900px;
    text-align: justify;
}

.image-content[b-ah1iyocr4g] {
    flex: 0;
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fabric-strips[b-ah1iyocr4g] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    transform: rotate(-35deg) skewY(5deg);
    width: 450px;
    height: 200px;
}

.strip[b-ah1iyocr4g] {
    height: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    position: relative;
}

    .strip[b-ah1iyocr4g]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.1) 100%);
    }

    .strip:nth-child(1)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #e8e8e8 0%, #d0d0d0 100%);
    }

    .strip:nth-child(2)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
    }

    .strip:nth-child(3)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);
    }

    .strip:nth-child(4)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #1e3a5f 0%, #0d1f3a 100%);
    }

    .strip:nth-child(5)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #6b4e3d 0%, #4a3328 100%);
    }

    .strip:nth-child(6)[b-ah1iyocr4g] {
        background: linear-gradient(135deg, #d4d4d4 0%, #b8b8b8 100%);
    }

.play-button[b-ah1iyocr4g] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

    .play-button:hover[b-ah1iyocr4g] {
        background: rgba(0, 0, 0, 0.85);
        transform: translate(-50%, -50%) scale(1.1);
    }

    .play-button[b-ah1iyocr4g]::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 20px solid white;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        margin-left: 4px;
    }
/* Mobile Responsive */
@media (max-width: 1024px) {
    .content-wrapper[b-ah1iyocr4g] {
        gap: 40px;
    }

    .brand-title[b-ah1iyocr4g] {
        font-size: 2.8rem;
    }

    .tagline[b-ah1iyocr4g] {
        font-size: 1.5rem;
    }

    .fabric-strips[b-ah1iyocr4g] {
        width: 450px;
        height: 350px;
    }
}

@media (max-width: 768px) {
    .hero-section[b-ah1iyocr4g] {
        padding: 40px 20px;
    }

    .content-wrapper[b-ah1iyocr4g] {
        flex-direction: column;
        gap: 50px;
    }

    .text-content[b-ah1iyocr4g] {
        max-width: 100%;
        text-align: center;
    }

    .brand-title[b-ah1iyocr4g] {
        font-size: 2.5rem;
        justify-content: center;
    }

    .tagline[b-ah1iyocr4g] {
        font-size: 1.3rem;
    }

    .description-section[b-ah1iyocr4g] {
        max-width: 100%;
    }

    .image-content[b-ah1iyocr4g] {
        width: 100%;
        min-height: 300px;
    }

    .fabric-strips[b-ah1iyocr4g] {
        width: 100%;
        max-width: 400px;
        height: 300px;
    }
}

@media (max-width: 480px) {
    .hero-section[b-ah1iyocr4g] {
        padding: 30px 15px;
    }

    .brand-title[b-ah1iyocr4g] {
        font-size: 2rem;
    }

    .arrow[b-ah1iyocr4g] {
        font-size: 2rem;
    }

    .tagline[b-ah1iyocr4g] {
        font-size: 1.1rem;
    }

    .description-section[b-ah1iyocr4g] {
        font-size: 0.9rem;
    }

    .fabric-strips[b-ah1iyocr4g] {
        width: 100%;
        height: 250px;
    }

    .play-button[b-ah1iyocr4g] {
        width: 60px;
        height: 60px;
    }

        .play-button[b-ah1iyocr4g]::after {
            border-left-width: 16px;
            border-top-width: 10px;
            border-bottom-width: 10px;
        }
}
/* _content/ecom.theme/Components/Classic/JoinSection.razor.rz.scp.css */
.banner[b-stpwwgapyg] {
    position: relative;
    width: 100%;
    max-width: 1440px;
    height: auto;
    background-color: #d9f7ee;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    margin: 0 auto;
    margin-top: 50px;
}

    .banner[b-stpwwgapyg]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 100%;
        background: linear-gradient(to bottom, #007bff, #0056b3);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    }

    .banner[b-stpwwgapyg]::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 100%;
        background: linear-gradient(to bottom, #ffa500, #ff8c00);
        clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    }

.graphic-section[b-stpwwgapyg] {
    flex: 1;
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.chart-bg[b-stpwwgapyg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 0;
}

    .chart-bg svg[b-stpwwgapyg] {
        width: 100%;
        height: 100%;
    }

.illustration[b-stpwwgapyg] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}

.person[b-stpwwgapyg] {
    width: 80px;
    height: 100px;
    position: relative;
}

    .person svg[b-stpwwgapyg] {
        width: 100%;
        height: 100%;
    }

.arrow-graph[b-stpwwgapyg] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .arrow-graph svg[b-stpwwgapyg] {
        width: 100%;
        height: 100%;
    }

.text-section[b-stpwwgapyg] {
    flex: 1;
    text-align: right;
    padding-left: 30px;
    z-index: 3;
}

.earn-money[b-stpwwgapyg] {
    font-size: 14px;
    color: #555;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.join-title[b-stpwwgapyg] {
    font-size: 36px;
    font-weight: 700;
    color: #1a756e;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sub-text[b-stpwwgapyg] {
    font-size: 16px;
    color: #333;
    align-items: center;
    gap: 8px;
}

.check-icon[b-stpwwgapyg] {
    color: #007bff;
    font-weight: bold;
    font-size: 18px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .banner[b-stpwwgapyg] {
        flex-direction: column;
        padding: 20px 15px;
        height: auto;
    }

    .graphic-section[b-stpwwgapyg] {
        width: 100%;
        min-height: 150px;
        margin-bottom: 20px;
    }

    .text-section[b-stpwwgapyg] {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }

    .join-title[b-stpwwgapyg] {
        font-size: 28px;
    }

    .earn-money[b-stpwwgapyg] {
        font-size: 12px;
    }

    .sub-text[b-stpwwgapyg] {
        font-size: 14px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .banner[b-stpwwgapyg] {
        padding: 15px 10px;
    }

    .join-title[b-stpwwgapyg] {
        font-size: 24px;
    }

    .graphic-section[b-stpwwgapyg] {
        min-height: 120px;
    }

    .person[b-stpwwgapyg] {
        width: 60px;
        height: 80px;
    }
}
/* _content/ecom.theme/Components/Classic/PaymentDeliverySection.razor.rz.scp.css */
.trust-section[b-sukrajkotj] {
    background-color: #e8e8e8;
    padding: 40px 20px;
    border-radius: 8px;
    margin-top: 50px;
}

.container[b-sukrajkotj] {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    align-items: start;
}

.trust-item[b-sukrajkotj] {
    text-align: center;
}

.icon[b-sukrajkotj] {
    font-size: 32px;
    margin-bottom: 15px;
    color: #333;
}

.trust-item h3[b-sukrajkotj] {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

/* Payment Methods Section */
.payment-methods[b-sukrajkotj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.payment-label[b-sukrajkotj] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.payment-icons[b-sukrajkotj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.payment-icon[b-sukrajkotj] {
    width: 40px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 4px;
    font-size: 10px;
    font-weight: 600;
    color: #333;
}

    .payment-icon.visa[b-sukrajkotj] {
        color: #1434CB;
    }

    .payment-icon.mastercard[b-sukrajkotj] {
        background: linear-gradient(to right, #EB001B 50%, #F79E1B 50%);
        color: transparent;
    }

    .payment-icon.amex[b-sukrajkotj] {
        color: #006FCF;
    }

    .payment-icon.discover[b-sukrajkotj] {
        color: #FF6000;
    }

    .payment-icon.paypal[b-sukrajkotj] {
        color: #003087;
    }

.verified-badge[b-sukrajkotj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.verified-logo[b-sukrajkotj] {
    background-color: #0066B2;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 10px;
}

/* Satisfaction Section */
.satisfaction-content[b-sukrajkotj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .satisfaction-content p[b-sukrajkotj] {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
    }

/* Delivery Section */
.delivery-logos[b-sukrajkotj] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.delivery-logo[b-sukrajkotj] {
    height: 35px;
    padding: 8px 12px;
    background-color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid #e0e0e0;
}

.dhl[b-sukrajkotj] {
    color: #FFCC00;
    background-color: #D40511;
}

.fedex[b-sukrajkotj] {
    background: linear-gradient(to right, #4D148C 50%, #FF6600 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
}

.pathao[b-sukrajkotj] {
    color: #E8404E;
}

.sundarban[b-sukrajkotj] {
    background-color: #FFD700;
    color: #000;
    padding: 6px 10px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .container[b-sukrajkotj] {
        gap: 30px;
    }

    .delivery-logos[b-sukrajkotj] {
        gap: 10px;
    }

    .delivery-logo[b-sukrajkotj] {
        height: 30px;
        font-size: 12px;
        padding: 6px 10px;
    }
}

@media (max-width: 768px) {
    .trust-section[b-sukrajkotj] {
        padding: 30px 15px;
    }

    .container[b-sukrajkotj] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .trust-item h3[b-sukrajkotj] {
        font-size: 15px;
    }

    .payment-icons[b-sukrajkotj] {
        max-width: 350px;
    }

    .delivery-logos[b-sukrajkotj] {
        max-width: 350px;
    }
}

@media (max-width: 480px) {
    .trust-section[b-sukrajkotj] {
        padding: 25px 10px;
    }

    .icon[b-sukrajkotj] {
        font-size: 28px;
    }

    .trust-item h3[b-sukrajkotj] {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .payment-icons[b-sukrajkotj] {
        padding: 12px;
        gap: 6px;
    }

    .payment-icon[b-sukrajkotj] {
        width: 36px;
        height: 26px;
    }

    .satisfaction-content p[b-sukrajkotj] {
        font-size: 13px;
    }

    .delivery-logo[b-sukrajkotj] {
        height: 28px;
        font-size: 11px;
        padding: 5px 8px;
    }
}
/* _content/ecom.theme/Components/Classic/PriceDetailsCard.razor.rz.scp.css */
/* Modal background */
.modal[b-x7phquqz6l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Modal box */
.modal-content[b-x7phquqz6l] {
    background: #fff;
    border-radius: 10px;
    max-width: 500px;
    width: 90%;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    padding: 1.5rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    position: relative;
}

/* Header */
.modal-header[b-x7phquqz6l] {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    position: relative;
}

/* ✖ Close button */
.close-btn[b-x7phquqz6l] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #eee;
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 1;
    cursor: pointer;
    transition: 0.3s;
}

    .close-btn:hover[b-x7phquqz6l] {
        background: #ff4d4d;
        color: #fff;
    }

/* Product image */
.product-img[b-x7phquqz6l] {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 1rem;
}

    .product-img img[b-x7phquqz6l] {
        width: 100%;
        border-radius: 8px;
    }

/* Product name */
.product-title[b-x7phquqz6l] {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

/* Size section */
.size-options[b-x7phquqz6l] {
    margin-bottom: 1.5rem;
}

    .size-options h4[b-x7phquqz6l] {
        margin-bottom: 0.8rem;
        font-size: 1rem;
        font-weight: 600;
    }

.size-btns[b-x7phquqz6l] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

    .size-btns button[b-x7phquqz6l] {
        border: 1px solid #999;
        background: white;
        padding: 0.4rem 1rem;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 500;
        transition: all 0.2s ease;
    }

        .size-btns button:hover[b-x7phquqz6l] {
            background: #eee;
        }

    .size-btns .active[b-x7phquqz6l] {
        background: #00916E;
        color: #fff;
        border-color: #00916E;
    }

/* Price */
.price[b-x7phquqz6l] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

    .price span[b-x7phquqz6l] {
        color: #00916E;
        font-size: 1.6rem;
        font-weight: 700;
    }

/* Buttons */
.modal-actions[b-x7phquqz6l] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.btn[b-x7phquqz6l] {
    flex: 1;
    padding: 0.6rem;
    font-size: 1rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    .btn.cancel[b-x7phquqz6l] {
        background: #e74c3c;
        color: #fff;
    }

        .btn.cancel:hover[b-x7phquqz6l] {
            background: #c0392b;
        }

    .btn.add[b-x7phquqz6l] {
        background: #27ae60;
        color: #fff;
    }

        .btn.add:hover[b-x7phquqz6l] {
            background: #1e8449;
        }
/* _content/ecom.theme/Components/Classic/ProductAddToCardDetails.razor.rz.scp.css */
/* Frequently Bought Together Section */
.frequently-bought-section[b-2ecuk5p1pu] {
    background: white;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.frequently-bought-title[b-2ecuk5p1pu] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.related-product-card[b-2ecuk5p1pu] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.related-product-image[b-2ecuk5p1pu] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    background: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
}

    .related-product-image img[b-2ecuk5p1pu] {
        width: 100%;
    }

.related-product-info h3[b-2ecuk5p1pu] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}

.related-product-pricing[b-2ecuk5p1pu] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.related-current-price[b-2ecuk5p1pu] {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.related-original-price[b-2ecuk5p1pu] {
    font-size: 16px;
    color: #999;
    text-decoration: line-through;
}

.related-add-to-cart[b-2ecuk5p1pu] {
    background: #333;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
}

    .related-add-to-cart:hover[b-2ecuk5p1pu] {
        background: #555;
    }

    .related-add-to-cart[b-2ecuk5p1pu]::before {
        content: "+ ";
    }


@media (max-width: 480px) {

    .related-product-pricing[b-2ecuk5p1pu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .related-product-card[b-2ecuk5p1pu]{
        display:block;
    }

    .related-product-image[b-2ecuk5p1pu] {
        width: 100%;
        height: 290px;
    }
    .related-add-to-cart[b-2ecuk5p1pu]{
        width:100%
    }
}
/* _content/ecom.theme/Components/Classic/Slider.razor.rz.scp.css */
.hero-banner[b-ojz8hboup1] {
    position: relative;
    aspect-ratio: 3 / 1;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rem;
    color: #fff;
}

.hero-content[b-ojz8hboup1] {
    max-width: 500px;
}

.hero-tag[b-ojz8hboup1] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-style: italic;
}

.hero-description[b-ojz8hboup1] {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    opacity: 0.95;
}


/* ========== Responsive Styles ========== */
@media (max-width: 992px) {
    .hero-banner[b-ojz8hboup1] {
        min-height: 280px;
        padding: 0 2rem;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .hero-content[b-ojz8hboup1] {
        max-width: 100%;
        margin-bottom: 1.5rem;
    }

    .hero-tag[b-ojz8hboup1] {
        font-size: 2.2rem;
    }

    .hero-description[b-ojz8hboup1] {
        font-size: 1rem;
    }

    .hero-banner > div:last-child[b-ojz8hboup1] {
        font-size: 3rem !important;
        text-align: center !important;
    }
}

@media (max-width: 576px) {
    .hero-banner[b-ojz8hboup1] {
        min-height: 220px;
        padding: 0 1rem;
    }

    .hero-tag[b-ojz8hboup1] {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .hero-description[b-ojz8hboup1] {
        font-size: 0.95rem;
    }

    .hero-banner > div:last-child[b-ojz8hboup1] {
        font-size: 2.2rem !important;
    }
}
/* _content/ecom.theme/Components/Classic/UserNavBar.razor.rz.scp.css */
.fab-top-nav[b-iv2ueyfy4u] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a[b-iv2ueyfy4u] {
    text-decoration: none !important;
}

.fab-nav-links[b-iv2ueyfy4u] {
    
    font-weight:bold;
    display: flex;
    gap: 2rem;
    align-items: center;
}
    .fab-user-profile[b-iv2ueyfy4u] {
        /*display: flex;*/
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 1.25rem;
        background: linear-gradient(135deg, #6366f1, #8b5cf6);
        color: #ffffff;
        border-radius: 50px;
        font-weight: 600;
    }
@media (max-width: 1024px) {
    .fab-top-nav[b-iv2ueyfy4u] {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {
    .fab-top-nav[b-iv2ueyfy4u] {
        flex-direction: column;
        gap: 1rem;
    }


    .fab-nav-links[b-iv2ueyfy4u] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* _content/ecom.theme/Components/Common/Address.razor.rz.scp.css */
.mixcat-wrapper[b-nbyrvguxj2] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

.mixcat-wrapper *[b-nbyrvguxj2],
.mixcat-wrapper *[b-nbyrvguxj2]::before,
.mixcat-wrapper *[b-nbyrvguxj2]::after {
    box-sizing: border-box;
}

.fab-sidebar[b-nbyrvguxj2] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 280px;
    background: #ffffff;
    box-shadow: 4px 0 24px rgba(0,0,0,0.06);
    padding: 2rem 0;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.fab-menu-toggle[b-nbyrvguxj2] {
    display: none;
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 1001;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    font-size: 24px;
    cursor: pointer;
    /*box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);*/
    transition: all 0.3s;
}

    .fab-menu-toggle:hover[b-nbyrvguxj2] {
        transform: scale(1.05);
        /*box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);*/
    }

.fab-overlay[b-nbyrvguxj2] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: opacity 0.3s ease;
}

#fab-menu-checkbox[b-nbyrvguxj2] {
    display: none;
}

.fab-address-select input[type="checkbox"][b-nbyrvguxj2] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.fab-logo-section[b-nbyrvguxj2] {
    padding: 3rem 0rem 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.fab-logo[b-nbyrvguxj2] {
    font-size: 28px;
    font-weight: 800;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fab-nav-menu[b-nbyrvguxj2] {
    padding: 0rem 0;
}

.fab-nav-item[b-nbyrvguxj2] {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    color: #64748b;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
    border-left: 4px solid transparent;
}

    .fab-nav-item:hover[b-nbyrvguxj2],
    .fab-nav-item.fab-active[b-nbyrvguxj2] {
        background: linear-gradient(90deg, rgba(99, 102, 241, 0.1), transparent);
        color: var(--secondary-color);
        border-left-color: var(--secondary-color);
    }

    .fab-nav-item i[b-nbyrvguxj2] {
        width: 24px;
        margin-right: 1rem;
        font-size: 20px;
    }

.fab-main-content[b-nbyrvguxj2] {
    margin-left: 280px;
    min-height: 100vh;
    padding: 2rem;
}

.fab-top-nav[b-nbyrvguxj2] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fab-nav-links[b-nbyrvguxj2] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.fab-nav-link[b-nbyrvguxj2] {
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

    .fab-nav-link:hover[b-nbyrvguxj2] {
        color: #6366f1;
    }

.fab-user-profile[b-nbyrvguxj2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: linear-gradient(135deg, var(--primary-color), #bd0040);
    color: #ffffff;
    border-radius: 50px;
    font-weight: 600;
}

.fab-page-header[b-nbyrvguxj2] {
    background: #ffffff;
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fab-page-title-section[b-nbyrvguxj2] {
    flex: 1;
}

.fab-page-title[b-nbyrvguxj2] {
    font-size: 36px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .fab-page-title i[b-nbyrvguxj2] {
        background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.fab-page-subtitle[b-nbyrvguxj2] {
    font-size: 16px;
    color: #64748b;
    margin: 0;
}

.fab-add-address-btn[b-nbyrvguxj2] {
    padding: 1rem 2rem;
    /*background: linear-gradient(135deg, #6366f1, #8b5cf6);*/
    color: #ffffff;
    border: none;
    border-radius: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 15px;
    /*box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);*/
    background: #ffffff;
    color: #1e293b;
    border: 2px solid var(--primary-color);
}

    .fab-add-address-btn:hover[b-nbyrvguxj2] {
        transform: translateY(-3px);
        /*box-shadow: 0 12px 28px rgba(99, 102, 241, 0.45);*/
        background: ;
        color: #ffffff;
    }

.fab-addresses-grid[b-nbyrvguxj2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 1.5rem;
    flex: 1;
    align-content: flex-start;
}

.fab-address-card[b-nbyrvguxj2] {
    background: #ffffff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    position: relative;
    transition: all 0.3s;
    border: 3px solid transparent;
}

    .fab-address-card:hover[b-nbyrvguxj2] {
        border-color: #6366f1;
        transform: translateY(-5px);
        box-shadow: 0 16px 48px rgba(99, 102, 241, 0.2);
    }

.fab-address-card-header[b-nbyrvguxj2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.fab-address-type[b-nbyrvguxj2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fab-address-icon[b-nbyrvguxj2] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #1e40af;
}

.fab-address-type-name[b-nbyrvguxj2] {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
}

.fab-default-badge[b-nbyrvguxj2] {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fab-address-details[b-nbyrvguxj2] {
    margin-bottom: 1.5rem;
}

.fab-address-name[b-nbyrvguxj2] {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.75rem;
}

.fab-address-text[b-nbyrvguxj2] {
    font-size: 14px;
    color: #64748b;
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.fab-address-contact[b-nbyrvguxj2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    color: #64748b;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 2px solid #f1f5f9;
}

.fab-address-actions[b-nbyrvguxj2] {
    display: flex;
    gap: 0.75rem;
}

.fab-action-btn[b-nbyrvguxj2] {
    flex: 1;
    padding: 0.875rem;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 14px;
}

.fab-edit-address-btn[b-nbyrvguxj2] {
    background: #f1f5f9;
    color: #6366f1;
}

    .fab-edit-address-btn:hover[b-nbyrvguxj2] {
        background: #6366f1;
        color: #ffffff;
        transform: translateY(-3px);
    }

.fab-delete-address-btn[b-nbyrvguxj2] {
    background: #fef2f2;
    color: #ef4444;
}

    .fab-delete-address-btn:hover[b-nbyrvguxj2] {
        background: #ef4444;
        color: #ffffff;
        transform: translateY(-3px);
    }

.fab-set-default-btn[b-nbyrvguxj2] {
    background: #f0fdf4;
    color: var(--primary-color);
}

    .fab-set-default-btn:hover[b-nbyrvguxj2] {
        background: #10b981;
        color: #ffffff;
        transform: translateY(-3px);
    }

.fab-modal[b-nbyrvguxj2] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    z-index: 2000;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

    .fab-modal.fab-show[b-nbyrvguxj2] {
        display: flex;
    }

.fab-modal-content[b-nbyrvguxj2] {
    background: #ffffff;
    border-radius: 24px;
    padding: 2.5rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 24px 80px rgba(0,0,0,0.3);
    animation: modalSlideIn-b-nbyrvguxj2 0.3s ease;
}

@keyframes modalSlideIn-b-nbyrvguxj2 {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.fab-modal-header[b-nbyrvguxj2] {
    margin-bottom: 2rem;
}

.fab-modal-title[b-nbyrvguxj2] {
    font-size: 28px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .fab-modal-title i[b-nbyrvguxj2] {
        background: linear-gradient(135deg, #6366f1, #8b5cf6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.fab-modal-subtitle[b-nbyrvguxj2] {
    font-size: 14px;
    color: #64748b;
    margin: 0;
}

.fab-form-group[b-nbyrvguxj2] {
    margin-bottom: 1.5rem;
}

.fab-form-label[b-nbyrvguxj2] {
    font-size: 13px;
    color: #1e293b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .fab-form-label i[b-nbyrvguxj2] {
        color: #6366f1;
    }

.fab-form-input[b-nbyrvguxj2],
.fab-form-textarea[b-nbyrvguxj2],
.fab-form-select[b-nbyrvguxj2] {
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 15px;
    color: #1e293b;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    outline: none;
    transition: all 0.3s;
    font-weight: 500;
}

    .fab-form-input:focus[b-nbyrvguxj2],
    .fab-form-textarea:focus[b-nbyrvguxj2],
    .fab-form-select:focus[b-nbyrvguxj2] {
        background: #ffffff;
        border-color: var(--secondary-color);
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
    }

.fab-form-textarea[b-nbyrvguxj2] {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}

.fab-form-row[b-nbyrvguxj2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.fab-checkbox-group[b-nbyrvguxj2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid #e2e8f0;
}

    .fab-checkbox-group:hover[b-nbyrvguxj2] {
        background: #f1f5f9;
        border-color: #6366f1;
    }

.fab-checkbox[b-nbyrvguxj2] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #6366f1;
}

.fab-checkbox-label[b-nbyrvguxj2] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
    margin: 0;
}

.fab-modal-actions[b-nbyrvguxj2] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.fab-modal-btn[b-nbyrvguxj2] {
    flex: 1;
    padding: 1rem;
    border: none;
    border-radius: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 15px;
}

.fab-save-modal-btn[b-nbyrvguxj2] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);
}

    .fab-save-modal-btn:hover[b-nbyrvguxj2] {
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgba(99, 102, 241, 0.45);
    }

.fab-cancel-modal-btn[b-nbyrvguxj2] {
    background: #f1f5f9;
    color: #64748b;
}

    .fab-cancel-modal-btn:hover[b-nbyrvguxj2] {
        background: #e2e8f0;
    }

@media (max-width: 1024px) {
    .fab-sidebar[b-nbyrvguxj2] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-nbyrvguxj2] {
        margin-left: 0;
        padding-top: 5rem;
    }

    .fab-menu-toggle[b-nbyrvguxj2] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #fab-menu-checkbox:checked ~ .fab-sidebar[b-nbyrvguxj2] {
        transform: translateX(0);
    }

    #fab-menu-checkbox:checked ~ .fab-overlay[b-nbyrvguxj2] {
        display: block;
    }

    .fab-top-nav[b-nbyrvguxj2] {
        margin-top: 1rem;
    }

    .fab-addresses-grid[b-nbyrvguxj2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fab-top-nav[b-nbyrvguxj2] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-nav-links[b-nbyrvguxj2] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-page-header[b-nbyrvguxj2] {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
    }

    .fab-page-title[b-nbyrvguxj2] {
        font-size: 28px;
    }

    .fab-add-address-btn[b-nbyrvguxj2] {
        width: 100%;
        justify-content: center;
    }

    .fab-form-row[b-nbyrvguxj2] {
        grid-template-columns: 1fr;
    }

    .fab-modal-content[b-nbyrvguxj2] {
        padding: 1.5rem;
    }
    .fab-logo-section[b-nbyrvguxj2] {
        padding: 3rem 1rem 1rem !important;
        border-bottom: 2px solid #e2e8f0;
    }
}

/* _content/ecom.theme/Components/Common/AddressDeleteModal.razor.rz.scp.css */
/* Modal start */
.modal[b-nxr43oqixp] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

    .modal.show[b-nxr43oqixp] {
        display: block;
    }

.modal-content[b-nxr43oqixp] {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    animation: slide-down-b-nxr43oqixp 0.3s ease;
}

.close[b-nxr43oqixp] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.btn-open[b-nxr43oqixp] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

@keyframes slide-down-b-nxr43oqixp {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-container[b-nxr43oqixp] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .modal-container.show[b-nxr43oqixp] {
        display: flex;
    }


.modal-content[b-nxr43oqixp] {
    background: #fff;
    width: 550px;
    max-width: 100%;
    border-radius: 10px;
    padding: 20px;
    animation: fadeIn .2s ease-in-out;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* Header */
.modal-header[b-nxr43oqixp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.close-btn[b-nxr43oqixp] {
    background: transparent;
    border: none;
    font-size: 26px;
    cursor: pointer;
}


.modal-footer[b-nxr43oqixp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}
/* _content/ecom.theme/Components/Common/AddressModal.razor.rz.scp.css */
/* Modal start */
.modal[b-cx8iu9z0fw] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

    .modal.show[b-cx8iu9z0fw] {
        display: block;
    }

.modal-content[b-cx8iu9z0fw] {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    animation: slide-down-b-cx8iu9z0fw 0.3s ease;
}

.close[b-cx8iu9z0fw] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.btn-open[b-cx8iu9z0fw] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

@keyframes slide-down-b-cx8iu9z0fw {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-container[b-cx8iu9z0fw] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .modal-container.show[b-cx8iu9z0fw] {
        display: flex;
    }


.modal-content[b-cx8iu9z0fw] {
    background: #fff;
    width: 550px;
    max-width: 100%;
    border-radius: 10px;
    padding: 20px;
    animation: fadeIn-b-cx8iu9z0fw .2s ease-in-out;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* Header */
.modal-header[b-cx8iu9z0fw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.close-btn[b-cx8iu9z0fw] {
    background: transparent;
    border: none;
    font-size: 26px;
    cursor: pointer;
}


.modal-footer[b-cx8iu9z0fw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

/* Inputs */
.form-group[b-cx8iu9z0fw] {
    margin-bottom: 15px;
}

/* Inline Radio Buttons */
.radio-group-inline[b-cx8iu9z0fw] {
    display: flex;
    gap: 20px;
}

.radio-item[b-cx8iu9z0fw] {
    display: flex;
    align-items: center;
    gap: 5px;
}

@keyframes fadeIn-b-cx8iu9z0fw {
    from {
        opacity: 0;
        transform: scale(.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 768px) {

    .radio-group-inline[b-cx8iu9z0fw] {
        display: flex;
        flex-wrap: wrap;
    }
}
/* _content/ecom.theme/Components/Common/BeComeWholeSale.razor.rz.scp.css */
.bulk-cta[b-ppneptr2iu] {
    margin: 60px auto;
}

.bulk-box[b-ppneptr2iu] {
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bulk-left[b-ppneptr2iu] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bulk-icon[b-ppneptr2iu] {
    font-size: 38px;
    color: var(--secondary-color);
}

.bulk-text h5[b-ppneptr2iu] {
    margin: 0;
    font-weight: 700;
    color: #111827;
}

.bulk-text p[b-ppneptr2iu] {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: .95rem;
}

.bulk-btn[b-ppneptr2iu] {
    background: transparent;
    color:  var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .bulk-btn:hover[b-ppneptr2iu] {
        background: var(--secondary-color);
        border: 1px solid var(--bs-secondary-color);
        color: #fff;
        transition: all 0.2s ease;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .bulk-box[b-ppneptr2iu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .bulk-btn[b-ppneptr2iu] {
        width: 100%;
        text-align: center;
    }
}
/* _content/ecom.theme/Components/Common/CancelOrderModal.razor.rz.scp.css */
/* Modal start */
.modal[b-t5j6zsy88a] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

    .modal.show[b-t5j6zsy88a] {
        display: block;
    }

.modal-content[b-t5j6zsy88a] {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    animation: slide-down-b-t5j6zsy88a 0.3s ease;
}

.close[b-t5j6zsy88a] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.btn-open[b-t5j6zsy88a] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

@keyframes slide-down-b-t5j6zsy88a {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-container[b-t5j6zsy88a] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .modal-container.show[b-t5j6zsy88a] {
        display: flex;
    }


.modal-content[b-t5j6zsy88a] {
    background: #fff;
    width: 550px;
    max-width: 100%;
    border-radius: 10px;
    padding: 20px;
    animation: fadeIn .2s ease-in-out;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    margin: 0;
}

/* Header */
.modal-header[b-t5j6zsy88a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.close-btn[b-t5j6zsy88a] {
    background: transparent;
    border: none;
    font-size: 26px;
    cursor: pointer;
}


.modal-footer[b-t5j6zsy88a] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

/* Custom Dropdown Styling */
.custom-dropdown[b-t5j6zsy88a] {
    position: relative;
    width: 100%;
    margin-top: 5px;
}

.custom-dropdown-selected[b-t5j6zsy88a] {
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #334155;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.custom-dropdown-selected:hover[b-t5j6zsy88a] {
    border-color: #94a3b8;
}

.custom-dropdown-arrow[b-t5j6zsy88a] {
    font-size: 10px;
    color: #64748b;
}

.custom-dropdown-list[b-t5j6zsy88a] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    margin-top: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    z-index: 1050;
}

.custom-dropdown-item[b-t5j6zsy88a] {
    padding: 10px 12px;
    font-size: 14px;
    color: #334155;
    cursor: pointer;
    transition: background 0.15s;
}

.custom-dropdown-item:hover[b-t5j6zsy88a] {
    background: #f1f5f9;
}

.custom-dropdown-item.selected[b-t5j6zsy88a] {
    background: #e2e8f0;
    font-weight: 600;
}
/* _content/ecom.theme/Components/Common/CheckOut.razor.rz.scp.css */
.page-container h2[b-fr1s6xfvtd] {
    margin-top: 8rem;
}

h2[b-fr1s6xfvtd] {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
    color: #222;
    margin-top: 90px;
}

.zavara-checkout-title[b-fr1s6xfvtd] {
    margin-top: 13rem !important;
}

@media (max-width: 480px) {
    .zavara-checkout-title[b-fr1s6xfvtd] {
        margin-top: 10rem !important;
    }
}

.checkout-container[b-fr1s6xfvtd] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
}

/* Left section */
.left[b-fr1s6xfvtd] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    padding: 35px;
}

h4[b-fr1s6xfvtd] {
    margin-bottom: 15px;
    font-size: 18px;
    color: #111;
    font-weight: 600;
}

input[b-fr1s6xfvtd], select[b-fr1s6xfvtd], textarea[b-fr1s6xfvtd] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #d0d7de;
    border-radius: 10px;
    font-size: 15px;
    transition: all 0.3s ease;
}

    input:focus[b-fr1s6xfvtd], select:focus[b-fr1s6xfvtd], textarea:focus[b-fr1s6xfvtd] {
        border-color: var(--secondary-color);
        outline: none;
        box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
    }

.form-grid[b-fr1s6xfvtd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.left input[b-fr1s6xfvtd], .left select[b-fr1s6xfvtd], .left textarea[b-fr1s6xfvtd] {
    margin-bottom: 15px;
}

textarea[b-fr1s6xfvtd] {
    resize: none;
}

/* Summary box */
.summary-box[b-fr1s6xfvtd] {
    background: #f1f9f7;
    border: 1px solid #d0f0de;
    padding: 20px;
    border-radius: 14px;
    text-align: center;
    margin: 25px 0;
}

    .summary-box h3[b-fr1s6xfvtd] {
        color: var(--primary-color);
        font-size: 26px;
        margin-bottom: 8px;
    }

    .summary-box p[b-fr1s6xfvtd] {
        font-size: 14px;
        color: #333;
    }

    .summary-box small[b-fr1s6xfvtd] {
        display: block;
        margin-top: 10px;
        color: #444;
    }

/* Payment section */
.payment-options[b-fr1s6xfvtd] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}

.option[b-fr1s6xfvtd] {
    flex: 1;
    min-width: 130px;
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .option:hover[b-fr1s6xfvtd] {
        border-color: var(--secondary-color);
        background: #ffffff;
    }

    .option img[b-fr1s6xfvtd] {
        width: 50px;
        height: 25px;
        object-fit: contain;
        display: block;
        margin: auto;
    }

    .option.selected[b-fr1s6xfvtd] {
        border: 2px solid var(--primary-color);
        background-color: #ffff;
        /*box-shadow: 0 0 0 2px rgba(22,163,74,0.3);*/
    }

/* Coupon */
.coupon[b-fr1s6xfvtd] {
    display: flex;
    gap: 10px;
    margin: 25px 0;
}

    .coupon input[b-fr1s6xfvtd] {
        flex: 1;
    }

    .coupon button[b-fr1s6xfvtd] {
        background: #7C7C7C;
        color: white;
        border: none;
        padding: 12px 25px;
        border-radius: 10px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s;
        height: 48px;
    }

        .coupon button:hover[b-fr1s6xfvtd] {
            background: #949494;
        }

/* Terms & confirm */
.terms[b-fr1s6xfvtd] {
    font-size: 14px;
    color: #444;
}

    .terms a[b-fr1s6xfvtd] {
        color: #111;
        text-decoration: none;
    }
    .terms input[b-fr1s6xfvtd]{
        width:auto;
    }
.confirm[b-fr1s6xfvtd] {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}

    .confirm:hover[b-fr1s6xfvtd] {
        background: var(--secondary-color);
        color: #fff;
    }

/* Right Section */
.right[b-fr1s6xfvtd] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    padding: 25px;
}

    .right h3[b-fr1s6xfvtd] {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: 600;
    }

.cart-item[b-fr1s6xfvtd] {
    display: flex;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    
}

    .cart-item img[b-fr1s6xfvtd] {
        width: 65px;
        height: 65px;
        object-fit: cover;
        border-radius: 8px;
        flex: 0 0 auto;
    }

/* Takes the space between the thumbnail and the row total. min-width:0 lets a long product
   name wrap instead of forcing the row wider than its container. */
.cart-details[b-fr1s6xfvtd] {
    flex: 1 1 auto;
    min-width: 0;
}

.cart-details p[b-fr1s6xfvtd] {
    font-size: 14px;
    margin-bottom: 5px;
    overflow-wrap: anywhere;
}

.cart-details span[b-fr1s6xfvtd] {
    font-weight: 600;
}

/* Row total, right-aligned. Never shrinks or wraps, so the amount stays readable. */
.cart-line-total[b-fr1s6xfvtd] {
    flex: 0 0 auto;
    margin-left: auto;
    align-self: center;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-align: right;
}

.cart-total[b-fr1s6xfvtd] {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

    .cart-total p[b-fr1s6xfvtd] {
        display: flex;
        justify-content: space-between;
        margin: 6px 0;
        font-weight: 500;
    }

    /* "Total Bill" — the bill line before the deduction block. */
    .cart-total .bill-line[b-fr1s6xfvtd] {
        border-top: 1px solid #eee;
        padding-top: 10px;
        font-weight: 700;
    }

    .cart-total .final[b-fr1s6xfvtd] {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 700;
    }

/* Responsive */
@media (max-width: 900px) {
    .checkout-container[b-fr1s6xfvtd] {
        grid-template-columns: 1fr;
    }
}

/* Small phones: reclaim width for the name and the row total so nothing overflows. */
@media (max-width: 420px) {
    .cart-item[b-fr1s6xfvtd] {
        gap: 10px;
    }

        .cart-item img[b-fr1s6xfvtd] {
            width: 50px;
            height: 50px;
        }

    .cart-details p[b-fr1s6xfvtd] {
        font-size: 13px;
    }

    .cart-line-total[b-fr1s6xfvtd] {
        font-size: 13px;
    }
}

@media (max-width: 550px) {
    .form-grid[b-fr1s6xfvtd] {
        grid-template-columns: 1fr;
    }

    .coupon[b-fr1s6xfvtd] {
        flex-direction: column;
    }

        .coupon button[b-fr1s6xfvtd] {
            width: 100%;
        }
}

/* One code box: type dropdown + code + Apply; applied codes as chips below */
.code-entry select[b-fr1s6xfvtd] {
    flex: 0 0 150px;
    height: 48px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 0 10px;
    background: #fff;
    font-size: 14px;
}

.code-chip[b-fr1s6xfvtd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin: 0 0 8px;
    border: 1px dashed;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .code-entry select[b-fr1s6xfvtd] {
        flex-basis: auto;
        width: 100%;
    }
}
/* _content/ecom.theme/Components/Common/FloatingContactButtons.razor.rz.scp.css */
.floating-contact-buttons[b-78e3ytfhny] {
    position: fixed;
    left: 20px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.floating-btn[b-78e3ytfhny] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    font-size: 24px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.floating-btn:hover[b-78e3ytfhny] {
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    color: white; /* keep icon color white on hover */
}

.floating-btn.whatsapp[b-78e3ytfhny] {
    background-color: #25D366; /* WhatsApp Green */
}

.floating-btn.messenger[b-78e3ytfhny] {
    background-color: #0084FF; /* Messenger Blue */
}

.floating-btn.phone[b-78e3ytfhny] {
    background-color: #222222; /* Dark Gray / Black for phone */
}

@media (max-width: 767.98px) {
    .floating-contact-buttons[b-78e3ytfhny] {
        left: 15px;
    }

    .floating-btn[b-78e3ytfhny] {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
}
/* _content/ecom.theme/Components/Common/Footer.razor.rz.scp.css */
footer[b-x0jt17few0] {
    background: #1a1a1a;
    color: #fff;
    padding: 3rem 4rem;
}

.footer-content[b-x0jt17few0] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.footer-section h3[b-x0jt17few0] {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.footer-section ul[b-x0jt17few0] {
    list-style: none;
    padding-left: 0px;
}

    .footer-section ul li[b-x0jt17few0] {
        margin-bottom: 0.5rem;
    }

.footer-section a[b-x0jt17few0] {
    color: #aaa;
    text-decoration: none;
    transition: color 0.3s;
}

    .footer-section a:hover[b-x0jt17few0] {
        color: #fff;
    }

.footer-bottom[b-x0jt17few0] {
    border-top: 1px solid #333;
    padding-top: 2rem;
    text-align: center;
    color: #aaa;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    footer[b-x0jt17few0] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .footer-content[b-x0jt17few0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .footer-content[b-x0jt17few0] {
        grid-template-columns: 1fr;
    }
}
/* _content/ecom.theme/Components/Common/ForgotPassword.razor.rz.scp.css */
/* ── Dynamic Vertical Centering between TopBar & Footer ── */
.margin-top-style[b-ozyba26l9o] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: calc(100vh - 200px) !important; /* Dynamic height calculation for all devices */
    padding-top: 6.5rem !important;              /* Safety clearance below fixed header */
    padding-bottom: 3.5rem !important;           /* Safety clearance above footer */
    margin: 0 auto !important;
    max-width: 480px !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    box-sizing: border-box !important;
}

/* Ensure single-column centered card elegance on PC & all devices */
.margin-top-style .row[b-ozyba26l9o] {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
}

.margin-top-style [class*="col-"][b-ozyba26l9o] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* ── Premium Card Aesthetics ── */
.margin-top-style .card[b-ozyba26l9o],
.forgot-password[b-ozyba26l9o] {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 16px !important;
    background: var(--surface-background, #ffffff) !important;
    box-shadow: 0 12px 35px -5px rgba(0, 0, 0, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.03) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.margin-top-style .card:hover[b-ozyba26l9o] {
    box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.12), 0 10px 18px -5px rgba(0, 0, 0, 0.04) !important;
}

.margin-top-style .card-body[b-ozyba26l9o] {
    padding: 2.5rem 2.25rem !important;
}

/* ── Typography & Headers ── */
.margin-top-style .card-title[b-ozyba26l9o],
.forgot-password h3[b-ozyba26l9o] {
    margin-top: 0;
    margin-bottom: 1.5rem !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-align: center;
    letter-spacing: -0.02em;
}

/* ── Form Controls & Inputs ── */
.form-group[b-ozyba26l9o] {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
}

.form-label[b-ozyba26l9o],
.form-group label[b-ozyba26l9o] {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #334155;
}

.form-control[b-ozyba26l9o] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.95rem;
    color: #0f172a;
    background-color: #f8fafc;
    outline: none;
    transition: all 0.2s ease-in-out;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.form-control:focus[b-ozyba26l9o] {
    background-color: #ffffff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

/* ── Buttons & Interactive Elements ── */
.btn[b-ozyba26l9o] {
    padding: 0.7rem 1.5rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.95rem;
    min-height: 44px;
    transition: all 0.2s ease;
}

.btn-primary[b-ozyba26l9o] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
    min-width: 150px;
}

.btn-primary:hover:not(:disabled)[b-ozyba26l9o] {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);
    transform: translateY(-1px);
}

.btn-primary:active:not(:disabled)[b-ozyba26l9o] {
    transform: translateY(0);
}

.btn-link[b-ozyba26l9o] {
    background: transparent;
    color: #2563eb;
    border: none;
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    text-decoration: underline;
    font-size: 0.9rem;
}

.btn-link[disabled][b-ozyba26l9o],
.btn-primary:disabled[b-ozyba26l9o] {
    background: #94a3b8;
    color: #f1f5f9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.8;
    transform: none;
}

/* ── Status & Alerts ── */
.status[b-ozyba26l9o],
.alert[b-ozyba26l9o] {
    margin-top: 1rem;
    padding: 0.85rem 1.15rem;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 500;
}

.status.success[b-ozyba26l9o],
.alert-success[b-ozyba26l9o] {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.status.error[b-ozyba26l9o],
.alert-danger[b-ozyba26l9o] {
    background: #fff1f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Validation messages */
.validation-message[b-ozyba26l9o] {
    color: #dc2626;
    font-size: 0.825rem;
    font-weight: 500;
    margin-top: 0.35rem;
}

/* Minimal tweaks to complement Bootstrap 5 */
.forgot-password-card[b-ozyba26l9o] {
    border-radius: 16px;
}

/* Responsive adjustments for mobile viewports */
@media (max-width: 480px) {
    .margin-top-style[b-ozyba26l9o] {
        min-height: calc(100vh - 160px) !important;
        padding-top: 5.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    .margin-top-style .card-body[b-ozyba26l9o],
    .card-body[b-ozyba26l9o] {
        padding: 1.5rem 1.25rem !important;
    }
}

/* iOS/Safari specific adjustments */
@supports (-webkit-touch-callout: none) {
    .form-control[b-ozyba26l9o] {
        -webkit-text-size-adjust: 100%;
    }
}
/* _content/ecom.theme/Components/Common/FrequentlyBoughtProduct.razor.rz.scp.css */
/* Frequently Bought Together Section */
.frequently-bought-section[b-x7nyze514u] {
    background: white;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.frequently-bought-title[b-x7nyze514u] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.related-product-card[b-x7nyze514u] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.related-product-image[b-x7nyze514u] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    background: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
}

    .related-product-image img[b-x7nyze514u] {
        width: 100%;
    }

.related-product-info h3[b-x7nyze514u] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}

.related-product-pricing[b-x7nyze514u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.related-current-price[b-x7nyze514u] {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.related-original-price[b-x7nyze514u] {
    font-size: 16px;
    color: #999;
    text-decoration: line-through;
}

.related-add-to-cart[b-x7nyze514u] {
    background: #333;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
}

    .related-add-to-cart:hover[b-x7nyze514u] {
        background: #555;
    }

    .related-add-to-cart[b-x7nyze514u]::before {
        content: "+ ";
    }


@media (max-width: 480px) {

    .related-product-pricing[b-x7nyze514u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .related-product-card[b-x7nyze514u]{
        display:block;
    }

    .related-product-image[b-x7nyze514u] {
        width: 100%;
        height: 290px;
    }
    .related-add-to-cart[b-x7nyze514u]{
        width:100%
    }
}
/* _content/ecom.theme/Components/Common/LanguageSwitcher.razor.rz.scp.css */
.lang-switch[b-tohr5koe9p] {
    display: inline-flex;
    align-items: center;
    background: #f2f2f2;
    padding: 6px 10px;
    border-radius: 8px;
}

/* Language text */
.lang[b-tohr5koe9p] {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: color 0.2s ease;
}

    /* Active one */
    .lang.active[b-tohr5koe9p] {
        color: var(--primary-color);
    }

/* Divider line */
.divider[b-tohr5koe9p] {
    width: 1px;
    height: 16px;
    background: #ccc;
    margin: 0 8px;
}
/* _content/ecom.theme/Components/Common/LiveTopBar.razor.rz.scp.css */
.live-topbar-wrapper[b-rqaop33rga] {
    width: 100%;
    background-color: var(--primary-color, #79287a);
    color: #ffffff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    padding: 8px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    display: flex;
    white-space: nowrap;
    user-select: none;
    cursor: default;
    min-height: 38px;
    height: 38px;
    box-sizing: border-box;
}

.live-topbar-spacer[b-rqaop33rga] {
    width: 100%;
    height: 38px;
    display: block;
    visibility: hidden;
    pointer-events: none;
}

.live-topbar-track[b-rqaop33rga] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    will-change: transform;
    animation: liveTopBarInfiniteLoop-b-rqaop33rga 40s linear infinite;
}

.live-topbar-wrapper:hover .live-topbar-track[b-rqaop33rga] {
    animation-play-state: paused;
}

.live-topbar-item[b-rqaop33rga] {
    display: inline-flex;
    align-items: center;
    padding: 0 1.5rem;
    font-size: 0.95rem; /* ~15px */
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 1.4;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.live-topbar-item i[b-rqaop33rga],
.live-topbar-item svg[b-rqaop33rga] {
    margin-right: 8px;
    font-size: 1.05rem; /* ~17px */
    opacity: 0.98;
}

.live-topbar-separator[b-rqaop33rga] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem;
}

/* Continuous, gapless circular scrolling from right to left */
@keyframes liveTopBarInfiniteLoop-b-rqaop33rga {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* ==================== Zavara Theme Customization ==================== */
.live-topbar-wrapper.zavara-topbar[b-rqaop33rga] {
    padding: 0;
    align-items: center;
    max-height: 38px;
    z-index: 998;
}

.live-topbar-wrapper.zavara-topbar .live-topbar-track[b-rqaop33rga] {
    animation-duration: 200s; /* 50% slower than original 40s */
    height: 100%;
}

.live-topbar-wrapper.zavara-topbar .live-topbar-item[b-rqaop33rga] {
    font-size: 1.25rem; /* Larger font size for Zavara */
    line-height: 1;
}

.live-topbar-wrapper.zavara-topbar .live-topbar-item i[b-rqaop33rga],
.live-topbar-wrapper.zavara-topbar .live-topbar-item svg[b-rqaop33rga] {
    font-size: 1.35rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .live-topbar-wrapper[b-rqaop33rga] {
        padding: 6px 0;
        min-height: 34px;
        height: 34px;
    }
    .live-topbar-spacer[b-rqaop33rga] {
        height: 34px;
    }
    .live-topbar-item[b-rqaop33rga] {
        font-size: 0.85rem;
        padding: 0 1rem;
    }
    .live-topbar-track[b-rqaop33rga] {
        animation-duration: 25s;
    }

    .live-topbar-wrapper.zavara-topbar[b-rqaop33rga] {
        padding: 0;
        max-height: 34px;
    }
    .live-topbar-wrapper.zavara-topbar .live-topbar-track[b-rqaop33rga] {
        animation-duration: 120s; /* 50% slower than mobile 25s */
    }
    .live-topbar-wrapper.zavara-topbar .live-topbar-item[b-rqaop33rga] {
        font-size: 1.05rem;
        line-height: 1;
    }
    .live-topbar-wrapper.zavara-topbar .live-topbar-item i[b-rqaop33rga],
    .live-topbar-wrapper.zavara-topbar .live-topbar-item svg[b-rqaop33rga] {
        font-size: 1.15rem;
    }
}
/* _content/ecom.theme/Components/Common/Login.razor.rz.scp.css */
/* ====== Login Page Styles ====== */

body[b-5sm1u8uvuq] {
    background-color: #f5f7fa; /* Softer blue-gray background */
    font-family: 'open sans', sans-serif, Roboto;
    margin: 0;
}

/* Center page content */
.page-content[b-5sm1u8uvuq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.auth-buttons[b-5sm1u8uvuq] {
    display: flex;
}
.auth-buttons .btn-danger[b-5sm1u8uvuq]{
    color: #fff;
}
/* Card Container */
.card[b-5sm1u8uvuq] {
    width: 380px;
    border-radius: 1rem;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Card Body */
.card-body[b-5sm1u8uvuq] {
    padding: 30px 35px;
}

/* Header Icon */
.fa-user-circle[b-5sm1u8uvuq] {
    color: #d87a00;
    margin-bottom: 10px;
}

/* Title */
h5[b-5sm1u8uvuq] {
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

/* Subtitle */
span.text-muted[b-5sm1u8uvuq] {
    font-size: 0.9rem;
    color: #888;
}

/* Form Groups */
.form-group[b-5sm1u8uvuq] {
    position: relative;
    margin-bottom: 20px;
}

/* Input fields */
.form-control[b-5sm1u8uvuq] {
    width: 100%;
    height: 42px;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding-left: 35px; /* Make space for the left icon */
    font-size: 0.95rem;
}

    .form-control:focus[b-5sm1u8uvuq] {
        border-color: #d87a00;
        outline: none;
        box-shadow: 0 0 4px rgba(216, 122, 0, 0.3);
    }

/* Icon inside input */
.form-control-feedback[b-5sm1u8uvuq] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none; /* Prevent icon from blocking typing */
    color: #999;
    font-size: 1rem;
}

/* Input group for password */
.input-group[b-5sm1u8uvuq] {
    display: flex;
    align-items: center;
    position: relative;
}

.input-group-prepend[b-5sm1u8uvuq],
.input-group-append[b-5sm1u8uvuq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 42px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
}

.input-group-prepend[b-5sm1u8uvuq] {
    border-right: none;
}

.input-group-append[b-5sm1u8uvuq] {
    border-left: none;
}

.input-group input.form-control[b-5sm1u8uvuq] {
    flex: 1;
    border-radius: 6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.input-group-prepend[b-5sm1u8uvuq], 
.input-group-append[b-5sm1u8uvuq] {
    height: 30px;
}
.input-group-text[b-5sm1u8uvuq] {
    padding: 10px;
}
/* Remember/Forgot password */
.d-flex[b-5sm1u8uvuq] {
    display: flex;
    align-items: center;
}

.form-check-label[b-5sm1u8uvuq] {
    font-size: 0.9rem;
    color: #555;
}

.ml-auto[b-5sm1u8uvuq] {
    margin-left: auto;
}

a[b-5sm1u8uvuq] {
    color: var(--primary-color);
    font-size: 0.9rem;
    text-decoration: none;
}

    a:hover[b-5sm1u8uvuq] {
        text-decoration: underline;
        color: var(--secondary-color);
    }

/* Buttons */
.btn[b-5sm1u8uvuq] {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    border-radius: 6px;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease-in-out;
}
.text-primary[b-5sm1u8uvuq] {
    color: var(--primary-color) !important;
}
.btn-primary[b-5sm1u8uvuq] {
    background-color: var(--primary-color);
    color: #fff;
}

    .btn-primary:hover[b-5sm1u8uvuq] {
        background-color: var(--secondary-color);
    }

.btn-secondary[b-5sm1u8uvuq] {
    background-color: #555;
    color: #fff;
}

    .btn-secondary:hover[b-5sm1u8uvuq] {
        background-color: #333;
    }

/* Alerts */
.alert[b-5sm1u8uvuq] {
    background-color: #f8d7da;
    color: #842029;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
}

/* Error messages */
.text-danger[b-5sm1u8uvuq] {
    color: #d9534f;
    font-size: 0.85rem;
    margin-top: 5px;
}

/* Remove Bootstrap margin/padding classes */
.mb-0[b-5sm1u8uvuq] {
    margin-bottom: 0 !important;
}

.mb-3[b-5sm1u8uvuq] {
    margin-bottom: 1rem !important;
}

.mt-1[b-5sm1u8uvuq] {
    margin-top: 0.25rem !important;
}

.mt-3[b-5sm1u8uvuq] {
    margin-top: 1rem !important;
}

.ml-2[b-5sm1u8uvuq] {
    margin-left: 0.5rem !important;
}

.ml-auto[b-5sm1u8uvuq] {
    margin-left: auto !important;
}



/* Responsive adjustments */
@media (max-width: 480px) {
    .card[b-5sm1u8uvuq] {
        width: 100%;
    }
}
/* _content/ecom.theme/Components/Common/MyRewards.razor.rz.scp.css */
.fab-my-rewards-container[b-9t3184ccqz] {
    max-width: 1200px;
    margin: 0 auto;
}

.fab-rewards-title[b-9t3184ccqz] {
    font-size: 26px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
}

.fab-profile-card[b-9t3184ccqz] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #f1f5f9;
}

.fab-card-title[b-9t3184ccqz] {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fab-card-title i[b-9t3184ccqz] {
    color: var(--primary-color, #e11d48);
}

.fab-stat-card[b-9t3184ccqz] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fab-stat-card:hover[b-9t3184ccqz] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.fab-stat-card-icon[b-9t3184ccqz] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.fab-stat-card-content[b-9t3184ccqz] {
    flex-grow: 1;
    overflow: hidden;
}

.fab-stat-card-label[b-9t3184ccqz] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    margin-bottom: 0.2rem;
}

.fab-stat-card-value[b-9t3184ccqz] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.fab-stat-card-sub[b-9t3184ccqz] {
    font-size: 0.75rem;
    margin-top: 0.2rem;
}

.fab-btn[b-9t3184ccqz] {
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fab-btn-primary[b-9t3184ccqz] {
    background: var(--primary-color, #e11d48);
    color: #ffffff !important;
}

.fab-btn-primary:hover:not(:disabled)[b-9t3184ccqz] {
    opacity: 0.92;
    transform: translateY(-1px);
}

.fab-btn-secondary[b-9t3184ccqz] {
    background: #f1f5f9;
    color: #334155 !important;
}

.fab-btn-secondary:hover:not(:disabled)[b-9t3184ccqz] {
    background: #e2e8f0;
    color: #0f172a !important;
}

.fab-btn:disabled[b-9t3184ccqz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.fab-rules-list li i[b-9t3184ccqz] {
    font-size: 1.1rem;
    width: 22px;
}

.bg-light-primary[b-9t3184ccqz] {
    background-color: rgba(225, 29, 72, 0.08) !important;
}

.bg-light-success[b-9t3184ccqz] {
    background-color: rgba(16, 185, 129, 0.08) !important;
}

.font-weight-500[b-9t3184ccqz] {
    font-weight: 500;
}
/* _content/ecom.theme/Components/Common/NonUserOrderTracking.razor.rz.scp.css */

.fab-search-input[b-rhw8hajaot] {
    width: 100%;
    padding: 1.25rem 5rem 1.25rem 1.5rem;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s;
    font-family: 'Courier New', monospace;
}

    .fab-search-input:focus[b-rhw8hajaot] {
        outline: none;
        border-color: var(--secondary-color);
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
    }

.fab-search-btn[b-rhw8hajaot] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

    .fab-search-btn:hover[b-rhw8hajaot] {
        transform: translateY(-50%) scale(1.05);
        box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
    }

.fab-result-section[b-rhw8hajaot] {
    display: none;
}

    .fab-result-section.fab-show[b-rhw8hajaot] {
        display: block;
    }

.fab-tracking-container[b-rhw8hajaot] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.fab-order-details-card[b-rhw8hajaot] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.fab-card-title[b-rhw8hajaot] {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .fab-card-title i[b-rhw8hajaot] {
        color: var(--primary-color);
    }

.fab-detail-row[b-rhw8hajaot] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.fab-detail-label[b-rhw8hajaot] {
    color: #64748b;
    font-weight: 600;
}

.fab-detail-value[b-rhw8hajaot] {
    color: var(--primary-color);
    font-weight: 600;
    text-align: right;
}

.fab-order-status[b-rhw8hajaot] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-status-processing[b-rhw8hajaot] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: var(--primary-color);
}

.fab-tracking-timeline[b-rhw8hajaot] {
    height: fit-content;
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.fab-timeline[b-rhw8hajaot] {
    position: relative;
    padding-left: 3rem;
    margin-top: 2rem;
}

    .fab-timeline[b-rhw8hajaot]::before {
        content: '';
        position: absolute;
        left: 17px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #000000, #000000, #000000);
    }

.fab-timeline-item[b-rhw8hajaot] {
    position: relative;
    margin-bottom: 2.5rem;
}

    .fab-timeline-item:last-child[b-rhw8hajaot] {
        margin-bottom: 0;
    }

.fab-timeline-icon[b-rhw8hajaot] {
    position: absolute;
    left: -3rem;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.fab-timeline-item.fab-completed .fab-timeline-icon[b-rhw8hajaot] {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
}

.fab-timeline-item.fab-active .fab-timeline-icon[b-rhw8hajaot] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    animation: fab-pulse-b-rhw8hajaot 2s infinite;
}

.fab-timeline-item.fab-pending .fab-timeline-icon[b-rhw8hajaot] {
    background: #f1f5f9;
    color: #94a3b8;
}

@keyframes fab-pulse-b-rhw8hajaot {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    }

    50% {
        box-shadow: 0 4px 20px rgba(99, 102, 241, 0.6);
    }
}

.fab-timeline-content[b-rhw8hajaot] {
    padding-left: 0.5rem;
}

.fab-timeline-title[b-rhw8hajaot] {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.fab-timeline-date[b-rhw8hajaot] {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.fab-timeline-desc[b-rhw8hajaot] {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

.fab-product-card[b-rhw8hajaot] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-top: 2rem;
}

.fab-product-item[b-rhw8hajaot] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.fab-product-image[b-rhw8hajaot] {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid #e2e8f0;
}

.fab-product-info[b-rhw8hajaot] {
    flex: 1;
}

.fab-product-name[b-rhw8hajaot] {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.fab-product-meta[b-rhw8hajaot] {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.fab-product-info[b-rhw8hajaot] {
    flex: 1 1 auto;
    min-width: 0;
}

.fab-product-name[b-rhw8hajaot] {
    overflow-wrap: anywhere;
}

/* Row total: right-aligned, never wraps or shrinks. */
.fab-product-total[b-rhw8hajaot] {
    flex: 0 0 auto;
    align-self: center;
    margin-left: auto;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    text-align: right;
}

.fab-product-price[b-rhw8hajaot] {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
}

/* "Total Bill" — the bill line before the deduction block. */
.fab-subtotal-line[b-rhw8hajaot] {
    border-top: 1px solid #e2e8f0;
    padding-top: 0.5rem;
    font-weight: 700;
}

.fab-summary-box[b-rhw8hajaot] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 2rem;
}

.fab-summary-row[b-rhw8hajaot] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    color: #475569;
    font-weight: 600;
}

    .fab-summary-row.fab-total[b-rhw8hajaot] {
        border-top: 2px solid #e2e8f0;
        margin-top: 0.5rem;
        padding-top: 1rem;
        font-size: 22px;
        color: #1e293b;
    }

.fab-action-buttons[b-rhw8hajaot] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.fab-btn[b-rhw8hajaot] {
    flex: 1;
    padding: 1rem;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fab-btn-primary[b-rhw8hajaot] {
    background: /*linear-gradient(135deg, #6366f1, #8b5cf6)*/;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    background: #ffffff;
    color: #1e293b;
    border: 2px solid var(--primary-color);
}

    .fab-btn-primary:hover[b-rhw8hajaot] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-btn-secondary[b-rhw8hajaot] {
    background: #ffffff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

    .fab-btn-secondary:hover[b-rhw8hajaot] {
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-examples[b-rhw8hajaot] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-radius: 12px;
}

.fab-examples-title[b-rhw8hajaot] {
    font-size: 14px;
    font-weight: 700;
    color: #92400e;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fab-example-refs[b-rhw8hajaot] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.fab-example-ref[b-rhw8hajaot] {
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid transparent;
}

    .fab-example-ref:hover[b-rhw8hajaot] {
        border-color: var(--secondary-color);
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
    }

@media (max-width: 1024px) {
    .fab-sidebar[b-rhw8hajaot] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-rhw8hajaot] {
        margin-left: 0px;
        padding-top: 5rem;
        margin-left: 0px;
        margin-left: 0px;
    }

    .fab-menu-toggle[b-rhw8hajaot] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #fab-menu-checkbox:checked ~ .fab-sidebar[b-rhw8hajaot] {
        transform: translateX(0);
    }

    #fab-menu-checkbox:checked ~ .fab-overlay[b-rhw8hajaot] {
        display: block;
    }

    .fab-top-nav[b-rhw8hajaot] {
        margin-top: 1rem;
    }

    .fab-tracking-container[b-rhw8hajaot] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    fab-search-title
    .fab-search-section[b-rhw8hajaot] {
        padding: 2rem 1.5rem;
    }

    .fab-search-title[b-rhw8hajaot] {
        font-size: 24px;
    }

    .fab-search-input[b-rhw8hajaot] {
        padding: 1rem 1.25rem;
        font-size: 14px;
    }

    .fab-search-btn[b-rhw8hajaot] {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 1rem;
    }

        .fab-search-btn:hover[b-rhw8hajaot] {
            transform: scale(1.02);
        }

    .fab-top-nav[b-rhw8hajaot] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-nav-links[b-rhw8hajaot] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-action-buttons[b-rhw8hajaot] {
        flex-direction: column;
    }

    .fab-product-item[b-rhw8hajaot] {
        flex-direction: column;
    }

    .fab-product-image[b-rhw8hajaot] {
        width: 100%;
        height: 200px;
    }

    /* Stacked layout: the total sits under the details, aligned left with them. */
    .fab-product-total[b-rhw8hajaot] {
        align-self: flex-start;
        margin-left: 0;
        text-align: left;
    }

    .fab-example-refs[b-rhw8hajaot] {
        flex-direction: column;
    }

    .fab-main-content[b-rhw8hajaot] {
        margin-left: 0;
        padding-top: 5rem;
        margin-left: 0px;
    }

    .fab-tracking-timeline[b-rhw8hajaot] {
        height: 100%;
    }
}
/* _content/ecom.theme/Components/Common/Order.razor.rz.scp.css */
.mixcat-wrapper[b-3tm38ttzun] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

.mixcat-wrapper *[b-3tm38ttzun],
.mixcat-wrapper *[b-3tm38ttzun]::before,
.mixcat-wrapper *[b-3tm38ttzun]::after {
    box-sizing: border-box;
}

.fab-sidebar[b-3tm38ttzun] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 280px;
    background: #ffffff;
    box-shadow: 4px 0 24px rgba(0,0,0,0.06);
    padding: 2rem 0;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.fab-menu-toggle[b-3tm38ttzun] {
    display: none;
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 1001;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    font-size: 24px;
    cursor: pointer;
    /*box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);*/
    transition: all 0.3s;
}

    .fab-menu-toggle:hover[b-3tm38ttzun] {
        transform: scale(1.05);
        /*box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);*/
    }

.fab-overlay[b-3tm38ttzun] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: opacity 0.3s ease;
}

#fab-menu-checkbox[b-3tm38ttzun] {
    display: none;
}

.fab-logo-section[b-3tm38ttzun] {
    padding: 3rem 0rem 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.fab-logo[b-3tm38ttzun] {
    font-size: 28px;
    font-weight: 800;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fab-nav-menu[b-3tm38ttzun] {
    padding: 0rem 0;
}

.fab-nav-item[b-3tm38ttzun] {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    color: #64748b;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
    border-left: 4px solid transparent;
}

    .fab-nav-item:hover[b-3tm38ttzun],
    .fab-nav-item.fab-active[b-3tm38ttzun] {
        background: linear-gradient(90deg, rgba(99, 102, 241, 0.1), transparent);
        color: var(--secondary-color);
        border-left-color: var(--secondary-color);
    }

    .fab-nav-item i[b-3tm38ttzun] {
        width: 24px;
        margin-right: 1rem;
        font-size: 20px;
    }

.fab-main-content[b-3tm38ttzun] {
    margin-left: 280px;
    min-height: 100vh;
    padding: 1rem 2rem;
}

.track-order-btn[b-3tm38ttzun] {
    padding: 0.25rem 0.4rem !important;
    border-radius: 8px !important;
}

@media (max-width: 1024px) {
    .fab-sidebar[b-3tm38ttzun] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-3tm38ttzun] {
        margin-left: 0;
        padding-top: 5rem;
        margin-left: 0px;
    }

    .fab-menu-toggle[b-3tm38ttzun] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #fab-menu-checkbox:checked ~ .fab-sidebar[b-3tm38ttzun] {
        transform: translateX(0);
    }

    #fab-menu-checkbox:checked ~ .fab-overlay[b-3tm38ttzun] {
        display: block;
    }
}

.fab-nav-links[b-3tm38ttzun] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.fab-nav-link[b-3tm38ttzun] {
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

    .fab-nav-link:hover[b-3tm38ttzun] {
        color: #6366f1;
    }

.fab-user-profile[b-3tm38ttzun] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1.25rem;
    background: linear-gradient(135deg, var(--primary-color), #bd0040);
    color: #ffffff;
    border-radius: 50px;
    font-weight: 600;
}

.fab-alert-card[b-3tm38ttzun] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border-left: 5px solid #f59e0b;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .fab-alert-card.fab-alert-success[b-3tm38ttzun] {
        border-left-color: var(--primary-color);
    }

.fab-alert-icon[b-3tm38ttzun] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.fab-alert-card .fab-alert-icon[b-3tm38ttzun] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #f59e0b;
}

.fab-alert-card.fab-alert-success .fab-alert-icon[b-3tm38ttzun] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: var(--primary-color);
}

.fab-alert-content[b-3tm38ttzun] {
    flex: 1;
}

    .fab-alert-content p[b-3tm38ttzun] {
        margin: 0;
        color: #475569;
        line-height: 1.6;
    }

.fab-alert-link[b-3tm38ttzun] {
    color: #6366f1;
    font-weight: 600;
    text-decoration: none;
}

    .fab-alert-link:hover[b-3tm38ttzun] {
        text-decoration: underline;
    }

.fab-orders-section[b-3tm38ttzun] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
}

.fab-section-header[b-3tm38ttzun] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e2e8f0;
}

.fab-section-title[b-3tm38ttzun] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.fab-filter-btn[b-3tm38ttzun] {
    padding: 0.75rem 1.5rem;
    /*background: linear-gradient(135deg, #6366f1, #8b5cf6);*/
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s;
    background: #ffffff;
    color: #1e293b;
    border: 2px solid var(--primary-color);
}

    .fab-filter-btn:hover[b-3tm38ttzun] {
        transform: translateY(-3px);
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-table-wrapper[b-3tm38ttzun] {
    overflow-x: auto;
    overflow-y: auto;
    flex: 1;
    margin-bottom: 0.5rem;
}

.fab-orders-table[b-3tm38ttzun] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .fab-orders-table thead th[b-3tm38ttzun] {
        background: linear-gradient(135deg, #f8fafc, #f1f5f9);
        color: #1e293b;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 1rem 1.5rem;
        text-align: left;
        border-bottom: 2px solid #e2e8f0;
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .fab-orders-table tbody tr[b-3tm38ttzun] {
        transition: all 0.3s;
    }

        .fab-orders-table tbody tr:hover[b-3tm38ttzun] {
            background: linear-gradient(90deg, rgba(99, 102, 241, 0.05), transparent);
        }

    .fab-orders-table tbody td[b-3tm38ttzun] {
        padding: 1.5rem 1.5rem;
        border-bottom: 1px solid #e2e8f0;
        color: #475569;
        font-weight: 500;
    }

.fab-reference-id[b-3tm38ttzun] {
    font-family: 'Courier New', monospace;
    color: #6366f1;
    font-weight: 600;
    font-size: 14px;
}

.fab-date-time[b-3tm38ttzun] {
    color: #64748b;
    font-size: 14px;
}

.fab-payment-amount[b-3tm38ttzun] {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.fab-payment-method[b-3tm38ttzun] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.fab-status-badge[b-3tm38ttzun] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-status-pending[b-3tm38ttzun] {
    /*background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;*/
    background: var(--primary-color);
    color: #ffffff;
}

.fab-btn-view[b-3tm38ttzun] {
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.fab-btn-view:hover[b-3tm38ttzun] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}
.search-row[b-3tm38ttzun] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-input[b-3tm38ttzun] {
    flex: 1; 
}

.search-dropdown[b-3tm38ttzun] {
    width: 200px; 
}

.select-wrapper[b-3tm38ttzun] {
    position: relative;
    width: 200px; 
}

.select-wrapper select[b-3tm38ttzun] {
    width: 100%;
    padding-right: 30px; 
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
}

.select-wrapper[b-3tm38ttzun]::after {
    content: "▼";
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}



@media (max-width: 768px) {

    .fab-nav-links[b-3tm38ttzun] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-section-header[b-3tm38ttzun] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    .fab-logo-section[b-3tm38ttzun] {
        padding: 3rem 1rem 1rem !important;
        border-bottom: 2px solid #e2e8f0;
    }
}
/* _content/ecom.theme/Components/Common/OrderTraking.razor.rz.scp.css */
.fab-search-section[b-2hhu3izfbm] {
    background: #ffffff;
    border-radius: 16px;
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-align: center;
    margin-bottom: 2rem;
}

.fab-search-title[b-2hhu3izfbm] {
    font-size: 32px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 1rem;
}

.fab-search-subtitle[b-2hhu3izfbm] {
    font-size: 16px;
    color: #64748b;
    margin-bottom: 2.5rem;
}

.fab-search-box[b-2hhu3izfbm] {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}

.fab-search-input[b-2hhu3izfbm] {
    width: 100%;
    padding: 1.25rem 5rem 1.25rem 1.5rem;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s;
    font-family: 'Courier New', monospace;
}

    .fab-search-input:focus[b-2hhu3izfbm] {
        outline: none;
        border-color: var(--secondary-color);
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
    }

.fab-search-btn[b-2hhu3izfbm] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

    .fab-search-btn:hover[b-2hhu3izfbm] {
        transform: translateY(-50%) scale(1.05);
        box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
    }

.fab-result-section[b-2hhu3izfbm] {
    display: none;
}

    .fab-result-section.fab-show[b-2hhu3izfbm] {
        display: block;
    }

.fab-tracking-container[b-2hhu3izfbm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.fab-order-details-card[b-2hhu3izfbm] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.fab-card-title[b-2hhu3izfbm] {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .fab-card-title i[b-2hhu3izfbm] {
        color: var(--primary-color);
    }

.fab-detail-row[b-2hhu3izfbm] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.fab-detail-label[b-2hhu3izfbm] {
    color: #64748b;
    font-weight: 600;
}

.fab-detail-value[b-2hhu3izfbm] {
    color: var(--primary-color);
    font-weight: 600;
    text-align: right;
}

.fab-order-status[b-2hhu3izfbm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-status-processing[b-2hhu3izfbm] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: var(--primary-color);
}

.fab-tracking-timeline[b-2hhu3izfbm] {
    height: fit-content;
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.fab-timeline[b-2hhu3izfbm] {
    position: relative;
    padding-left: 3rem;
    margin-top: 2rem;
}

    .fab-timeline[b-2hhu3izfbm]::before {
        content: '';
        position: absolute;
        left: 17px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #000000, #000000, #000000);
    }

.fab-timeline-item[b-2hhu3izfbm] {
    position: relative;
    margin-bottom: 2.5rem;
}

    .fab-timeline-item:last-child[b-2hhu3izfbm] {
        margin-bottom: 0;
    }

.fab-timeline-icon[b-2hhu3izfbm] {
    position: absolute;
    left: -3rem;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.fab-timeline-item.fab-completed .fab-timeline-icon[b-2hhu3izfbm] {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
}

.fab-timeline-item.fab-active .fab-timeline-icon[b-2hhu3izfbm] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    animation: fab-pulse-b-2hhu3izfbm 2s infinite;
}

.fab-timeline-item.fab-pending .fab-timeline-icon[b-2hhu3izfbm] {
    background: #f1f5f9;
    color: #94a3b8;
}

@keyframes fab-pulse-b-2hhu3izfbm {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    }

    50% {
        box-shadow: 0 4px 20px rgba(99, 102, 241, 0.6);
    }
}

.fab-timeline-content[b-2hhu3izfbm] {
    padding-left: 0.5rem;
}

.fab-timeline-title[b-2hhu3izfbm] {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.fab-timeline-date[b-2hhu3izfbm] {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.fab-timeline-desc[b-2hhu3izfbm] {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

.fab-product-card[b-2hhu3izfbm] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-top: 2rem;
}

.fab-product-item[b-2hhu3izfbm] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.fab-product-image[b-2hhu3izfbm] {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid #e2e8f0;
}

.fab-product-info[b-2hhu3izfbm] {
    flex: 1;
}

.fab-product-name[b-2hhu3izfbm] {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.fab-product-meta[b-2hhu3izfbm] {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.fab-product-info[b-2hhu3izfbm] {
    flex: 1 1 auto;
    min-width: 0;
}

.fab-product-name[b-2hhu3izfbm] {
    overflow-wrap: anywhere;
}

/* Row total: right-aligned, never wraps or shrinks. */
.fab-product-total[b-2hhu3izfbm] {
    flex: 0 0 auto;
    align-self: center;
    margin-left: auto;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    text-align: right;
}

.fab-product-price[b-2hhu3izfbm] {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
}

/* "Total Bill" — the bill line before the deduction block. */
.fab-subtotal-line[b-2hhu3izfbm] {
    border-top: 1px solid #e2e8f0;
    padding-top: 0.5rem;
    font-weight: 700;
}

.fab-summary-box[b-2hhu3izfbm] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 2rem;
}

.fab-summary-row[b-2hhu3izfbm] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    color: #475569;
    font-weight: 600;
}

    .fab-summary-row.fab-total[b-2hhu3izfbm] {
        border-top: 2px solid #e2e8f0;
        margin-top: 0.5rem;
        padding-top: 1rem;
        font-size: 22px;
        color: #1e293b;
    }

.fab-action-buttons[b-2hhu3izfbm] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.fab-btn[b-2hhu3izfbm] {
    flex: 1;
    padding: 1rem;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fab-btn-primary[b-2hhu3izfbm] {
    background: /*linear-gradient(135deg, #6366f1, #8b5cf6)*/;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    background: #ffffff;
    color: #1e293b;
    border: 2px solid var(--primary-color);
}

    .fab-btn-primary:hover[b-2hhu3izfbm] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-btn-secondary[b-2hhu3izfbm] {
    background: #ffffff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

    .fab-btn-secondary:hover[b-2hhu3izfbm] {
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-examples[b-2hhu3izfbm] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-radius: 12px;
}

.fab-examples-title[b-2hhu3izfbm] {
    font-size: 14px;
    font-weight: 700;
    color: #92400e;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fab-example-refs[b-2hhu3izfbm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.fab-example-ref[b-2hhu3izfbm] {
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid transparent;
}

    .fab-example-ref:hover[b-2hhu3izfbm] {
        border-color: var(--secondary-color);
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
    }

@media (max-width: 1024px) {
    .fab-sidebar[b-2hhu3izfbm] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-2hhu3izfbm] {
        margin-left: 0px;
        padding-top: 5rem;
        margin-left: 0px;
        margin-left: 0px;
    }

    .fab-menu-toggle[b-2hhu3izfbm] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #fab-menu-checkbox:checked ~ .fab-sidebar[b-2hhu3izfbm] {
        transform: translateX(0);
    }

    #fab-menu-checkbox:checked ~ .fab-overlay[b-2hhu3izfbm] {
        display: block;
    }

    .fab-top-nav[b-2hhu3izfbm] {
        margin-top: 1rem;
    }

    .fab-tracking-container[b-2hhu3izfbm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    fab-search-title
    .fab-search-section[b-2hhu3izfbm] {
        padding: 2rem 1.5rem;
    }

    .fab-search-title[b-2hhu3izfbm] {
        font-size: 24px;
    }

    .fab-search-input[b-2hhu3izfbm] {
        padding: 1rem 1.25rem;
        font-size: 14px;
    }

    .fab-search-btn[b-2hhu3izfbm] {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 1rem;
    }

    .fab-search-btn:hover[b-2hhu3izfbm] {
            transform: scale(1.02);
        }

    .fab-top-nav[b-2hhu3izfbm] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-nav-links[b-2hhu3izfbm] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-action-buttons[b-2hhu3izfbm] {
        flex-direction: column;
    }

    .fab-product-item[b-2hhu3izfbm] {
        flex-direction: column;
    }

    .fab-product-image[b-2hhu3izfbm] {
        width: 100%;
        height: 200px;
    }

    /* Stacked layout: the total sits under the details, aligned left with them. */
    .fab-product-total[b-2hhu3izfbm] {
        align-self: flex-start;
        margin-left: 0;
        text-align: left;
    }

    .fab-example-refs[b-2hhu3izfbm] {
        flex-direction: column;
    }

    .fab-main-content[b-2hhu3izfbm] {
        margin-left: 0;
        padding-top: 5rem;
        margin-left: 0px;
    }
    .fab-tracking-timeline[b-2hhu3izfbm] {
        height: 100%;
    }
}
/* _content/ecom.theme/Components/Common/ProductQA.razor.rz.scp.css */
.qa-container[b-l54ywhurht] {
    width: 100%;
    margin-top: 1.5rem;
    font-family: inherit;
}

.qa-form-card[b-l54ywhurht] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.qa-heading[b-l54ywhurht] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.25rem;
}

.qa-subheading[b-l54ywhurht] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
}

.qa-input-wrapper[b-l54ywhurht] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.qa-textarea[b-l54ywhurht] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #374151;
    outline: none;
    transition: border-color 0.2s;
    resize: vertical;
}

.qa-textarea:focus[b-l54ywhurht] {
    border-color: #e11d48;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.1);
}

.qa-error-text[b-l54ywhurht] {
    font-size: 0.85rem;
    color: #dc2626;
    margin: 0;
}

.qa-form-actions[b-l54ywhurht] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.qa-counter[b-l54ywhurht] {
    font-size: 0.8rem;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
}

.qa-counter-short[b-l54ywhurht] {
    color: #dc2626;
}

.qa-submit-btn[b-l54ywhurht] {
    background-color: #111827;
    color: #ffffff;
    border: none;
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.qa-submit-btn:hover[b-l54ywhurht] {
    background-color: #e11d48;
}

.qa-submit-btn:disabled[b-l54ywhurht] {
    background-color: #9ca3af;
    cursor: not-allowed;
}

.qa-alert[b-l54ywhurht] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.qa-alert.success[b-l54ywhurht] {
    background-color: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.qa-alert.lock[b-l54ywhurht] {
    background-color: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.qa-login-link[b-l54ywhurht],
.qa-auth-link[b-l54ywhurht] {
    color: #e11d48;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.15s ease-in-out;
}

.qa-auth-link:hover[b-l54ywhurht] {
    color: #be123c;
}

.qa-list-section[b-l54ywhurht] {
    margin-top: 1.5rem;
}

.qa-list-title[b-l54ywhurht] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.qa-items-wrapper[b-l54ywhurht] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qa-item-card[b-l54ywhurht] {
    background: #ffffff;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.qa-question-row[b-l54ywhurht],
.qa-answer-row[b-l54ywhurht] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
}

.qa-answer-row[b-l54ywhurht] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #e5e7eb;
    margin-left: 1.5rem;
    background: #fafafa;
    padding: 0.875rem;
    border-radius: 6px;
}

.qa-badge[b-l54ywhurht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.q-badge[b-l54ywhurht] {
    background-color: #fee2e2;
    color: #dc2626;
}

.a-badge[b-l54ywhurht] {
    background-color: #dbeafe;
    color: #2563eb;
}

.qa-content-block[b-l54ywhurht] {
    flex: 1;
}

.qa-text[b-l54ywhurht] {
    font-size: 0.925rem;
    line-height: 1.5;
    margin: 0 0 0.4rem 0;
}

.question-text[b-l54ywhurht] {
    font-weight: 600;
    color: #1f2937;
}

.answer-text[b-l54ywhurht] {
    color: #374151;
}

.qa-meta[b-l54ywhurht] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.qa-seller-badge-row[b-l54ywhurht] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.qa-official-badge[b-l54ywhurht] {
    background-color: #e0f2fe;
    color: #0369a1;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.qa-pending-row[b-l54ywhurht] {
    margin-top: 0.75rem;
    padding-left: 2rem;
}

.qa-pending-label[b-l54ywhurht] {
    font-size: 0.825rem;
    color: #d97706;
    font-style: italic;
}

.qa-empty-state[b-l54ywhurht] {
    text-align: center;
    padding: 2rem 1rem;
    color: #9ca3af;
    font-size: 0.9rem;
}
/* _content/ecom.theme/Components/Common/ProductReview.razor.rz.scp.css */
/* =====================================================
   ProductReview.razor.css — Scoped Component Styles
   Responsive: Mobile / Tablet / Desktop + Safari fix
   ===================================================== */

/* ── Reset box-sizing (Safari safe) ── */
.pr-shell *[b-hi838w2jzo], .pr-shell *[b-hi838w2jzo]::before, .pr-shell *[b-hi838w2jzo]::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ── Shell ── */
.pr-shell[b-hi838w2jzo] {
    width: 100%;
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}

/* ══════════════════════════════════════════
   TOP CARD
══════════════════════════════════════════ */
.pr-card[b-hi838w2jzo] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/* Tablet+ → side by side */
@@media (min-width: 640px) {
    .pr-card[b-hi838w2jzo] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
}

/* ── Left: Summary ── */
.pr-summary[b-hi838w2jzo] {
    padding: 1.5rem;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}

@@media (min-width: 640px) {
    .pr-summary[b-hi838w2jzo] {
        width: 230px;
        min-width: 230px;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        border-bottom: none;
        padding: 1.75rem 1.5rem;
    }
}

@@media (min-width: 960px) {
    .pr-summary[b-hi838w2jzo] {
        width: 260px;
        min-width: 260px;
        padding: 2rem 1.75rem;
    }
}

.pr-avg-block[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.pr-big-num[b-hi838w2jzo] {
    font-size: 3rem;
    font-weight: 800;
    color: #111;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.pr-avg-meta[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 3px;
}

.pr-avg-label[b-hi838w2jzo] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #555;
}

.pr-count[b-hi838w2jzo] {
    font-size: 0.74rem;
    color: #999;
}

.pr-recommend[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    gap: 0.3rem;
    margin-bottom: 1.2rem;
}

.pr-rec-pct[b-hi838w2jzo] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #111;
}

.pr-rec-label[b-hi838w2jzo] {
    font-size: 0.76rem;
    color: #777;
}

/* Bars */
.pr-bars[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.pr-bar-row[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 6px;
}

.pr-bar-stars[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 1px;
    min-width: 62px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pr-bar-track[b-hi838w2jzo] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 7px;
    background: #e5e5e5;
    border-radius: 99px;
    overflow: hidden;
    min-width: 0;
}

.pr-bar-fill[b-hi838w2jzo] {
    height: 100%;
    background: #e8a000;
    border-radius: 99px;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.pr-bar-pct[b-hi838w2jzo] {
    font-size: 0.72rem;
    color: #888;
    min-width: 24px;
    text-align: right;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/* Stars */
.pr-stars[b-hi838w2jzo] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    gap: 1px;
}

.pr-star[b-hi838w2jzo] {
    color: #e8a000;
    font-size: 1rem;
    line-height: 1;
}

    .pr-star.sm[b-hi838w2jzo] {
        font-size: 0.85rem;
    }

    .pr-star.off[b-hi838w2jzo] {
        color: #ddd;
    }

    .pr-star.half[b-hi838w2jzo] {
        color: #e8a000;
        opacity: 0.45;
    }

/* ── Divider ── */
.pr-divider[b-hi838w2jzo] {
    display: none;
}

@@media (min-width: 640px) {
    .pr-divider[b-hi838w2jzo] {
        display: block;
        width: 1px;
        background: #e8e8e8;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
    }
}

/* ── Right: Form ── */
.pr-form-panel[b-hi838w2jzo] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 1.5rem;
}

@@media (min-width: 640px) {
    .pr-form-panel[b-hi838w2jzo] {
        padding: 1.75rem;
    }
}

@@media (min-width: 960px) {
    .pr-form-panel[b-hi838w2jzo] {
        padding: 2rem;
    }
}

.pr-form-title[b-hi838w2jzo] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px 0;
    line-height: 1.2;
}

@@media (min-width: 640px) {
    .pr-form-title[b-hi838w2jzo] {
        font-size: 1.35rem;
    }
}

.pr-underline[b-hi838w2jzo] {
    width: 44px;
    height: 3px;
    background: #e8a000;
    border-radius: 2px;
    margin-bottom: 1.2rem;
}

.pr-form-note[b-hi838w2jzo] {
    font-size: 0.82rem;
    color: #888;
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

.pr-req[b-hi838w2jzo] {
    color: #e84040;
}

/* Notices */
.pr-notice[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 0.65rem;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0.9rem 1rem;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    word-break: break-word;
}

.pr-notice-icon[b-hi838w2jzo] {
    font-size: 1rem;
    line-height: 1.5;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pr-notice.success[b-hi838w2jzo] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}

.pr-notice.warning[b-hi838w2jzo] {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.pr-notice.lock[b-hi838w2jzo] {
    background: #fefce8;
    border: 1px solid #fde047;
    color: #713f12;
}

.pr-login-link[b-hi838w2jzo] {
    color: #e8a000;
    font-weight: 700;
    text-decoration: none;
}

    .pr-login-link:hover[b-hi838w2jzo] {
        text-decoration: underline;
    }

/* Alerts */
.pr-alert[b-hi838w2jzo] {
    padding: 0.65rem 0.9rem;
    border-radius: 6px;
    font-size: 0.84rem;
    margin-bottom: 0.85rem;
    line-height: 1.5;
}

    .pr-alert.ok[b-hi838w2jzo] {
        background: #f0fdf4;
        border: 1px solid #86efac;
        color: #166534;
    }

    .pr-alert.err[b-hi838w2jzo] {
        background: #fef2f2;
        border: 1px solid #fca5a5;
        color: #991b1b;
    }

/* Label */
.pr-label[b-hi838w2jzo] {
    display: block;
    font-size: 0.83rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
}

/* Textarea */
.pr-textarea[b-hi838w2jzo] {
    width: 100%;
    max-width: 100%;
    display: block;
    padding: 0.7rem 0.85rem;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    color: #222;
    background: #fff;
    resize: vertical;
    min-height: 110px;
    margin-bottom: 1rem;
    /* Safari fix */
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .pr-textarea:focus[b-hi838w2jzo] {
        border-color: #e8a000;
        -webkit-box-shadow: 0 0 0 3px rgba(232,160,0,0.13);
        box-shadow: 0 0 0 3px rgba(232,160,0,0.13);
    }

/* Form foot: select + button */
.pr-form-foot[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    gap: 0.75rem;
}

.pr-select-wrap[b-hi838w2jzo] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.pr-select[b-hi838w2jzo] {
    width: 100%;
    padding: 0.65rem 2.25rem 0.65rem 0.85rem;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: inherit;
    color: #333;
    background-color: #fff;
    /* Safari: custom arrow */
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23666' d='M6 7L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 10px;
    cursor: pointer;
    outline: none;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

    .pr-select:focus[b-hi838w2jzo] {
        border-color: #e8a000;
        -webkit-box-shadow: 0 0 0 3px rgba(232,160,0,0.13);
        box-shadow: 0 0 0 3px rgba(232,160,0,0.13);
    }

/* Submit button */
.pr-submit-btn[b-hi838w2jzo] {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background: #222;
    color: #fff;
    border: none;
    padding: 0.68rem 1.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    font-family: inherit;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0.45rem;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: background 0.2s, -webkit-transform 0.1s;
    transition: background 0.2s, transform 0.1s;
    line-height: 1;
}

    .pr-submit-btn:hover:not(:disabled)[b-hi838w2jzo] {
        background: #e8a000;
    }

    .pr-submit-btn:active:not(:disabled)[b-hi838w2jzo] {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    .pr-submit-btn:disabled[b-hi838w2jzo] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* Full-width button on tiny screens */
@@media (max-width: 420px) {
    .pr-form-foot[b-hi838w2jzo] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .pr-submit-btn[b-hi838w2jzo] {
        width: 100%;
        padding: 0.8rem;
    }
}

/* Spinner */
.pr-spinner[b-hi838w2jzo] {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    -webkit-animation: pr-spin 0.65s linear infinite;
    animation: pr-spin 0.65s linear infinite;
}

@@-webkit-keyframes pr-spin {
    to[b-hi838w2jzo] {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@@keyframes pr-spin {
    to[b-hi838w2jzo] {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* ══════════════════════════════════════════
   REVIEWER LIST SECTION
══════════════════════════════════════════ */
.pr-reviews-section[b-hi838w2jzo] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 1.5rem;
    overflow: hidden;
}

@@media (min-width: 640px) {
    .pr-reviews-section[b-hi838w2jzo] {
        padding: 1.75rem 2rem;
    }
}

.pr-reviews-heading[b-hi838w2jzo] {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin: 0 0 1.25rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0.5rem;
}

.pr-reviews-count[b-hi838w2jzo] {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #e8a000;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/* Review list */
.pr-review-list[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 0;
}

/* Single review item */
.pr-review-item[b-hi838w2jzo] {
    padding: 1.1rem 0;
}

.pr-reviewer-header[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
}

/* Avatar circle */
.pr-avatar[b-hi838w2jzo] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: #222;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
}

.pr-reviewer-meta[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 80px;
}

.pr-reviewer-name[b-hi838w2jzo] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
}

.pr-reviewer-date[b-hi838w2jzo] {
    font-size: 0.74rem;
    color: #aaa;
}

.pr-reviewer-rating[b-hi838w2jzo] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0.45rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pr-rating-badge[b-hi838w2jzo] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e8a000;
    background: #fff8e1;
    padding: 2px 8px;
    border-radius: 99px;
    border: 1px solid #f0d080;
    white-space: nowrap;
}

.pr-review-comment[b-hi838w2jzo] {
    font-size: 0.875rem;
    color: #444;
    line-height: 1.65;
    margin: 0 0 0 0;
    padding-left: calc(38px + 0.65rem);
    word-break: break-word;
}

@@media (max-width: 420px) {
    .pr-review-comment[b-hi838w2jzo] {
        padding-left: 0;
    }
}

.pr-item-divider[b-hi838w2jzo] {
    height: 1px;
    background: #f0f0f0;
    margin-top: 1.1rem;
}

/* Hide last divider */
.pr-review-item:last-child .pr-item-divider[b-hi838w2jzo] {
    display: none;
}
/* _content/ecom.theme/Components/Common/ProductSizeDetails.razor.rz.scp.css */
/* Size Chart Section */
.size-chart-wrapper[b-uwwvhsxgq5] {
    background: white;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 20px;
}

.size-chart-title[b-uwwvhsxgq5] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.tab-radio[b-uwwvhsxgq5] {
    display: none;
}

.tab-controls[b-uwwvhsxgq5] {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid #e0e0e0;
}

.tab-label[b-uwwvhsxgq5] {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    background-color: #e1e1e1;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}

.tab-radio:checked + .tab-label[b-uwwvhsxgq5] {
    color: #333;
    border-bottom-color: #333;
}

.table-wrapper[b-uwwvhsxgq5] {
    overflow-x: auto;
}

.size-data-table[b-uwwvhsxgq5] {
    display: none;
}

#tab-inch:checked ~ .table-wrapper #table-inch[b-uwwvhsxgq5],
#tab-cm:checked ~ .table-wrapper #table-cm[b-uwwvhsxgq5] {
    display: table;
}

.size-data-table[b-uwwvhsxgq5] {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

    .size-data-table thead[b-uwwvhsxgq5] {
        background: #f5f5f5;
    }

    .size-data-table th[b-uwwvhsxgq5],
    .size-data-table td[b-uwwvhsxgq5] {
        text-align: center;
        border: 1px solid #e0e0e0;
        font-size: 14px;
    }

    .size-data-table th[b-uwwvhsxgq5] {
        font-weight: 600;
        color: #333;
    }

    .size-data-table td[b-uwwvhsxgq5] {
        color: #666;
    }

    .size-data-table tbody tr:hover[b-uwwvhsxgq5] {
        background: #fafafa;
    }

.share-wrapper[b-uwwvhsxgq5] {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.share-text[b-uwwvhsxgq5] {
    font-size: 16px;
    font-weight: 500;
    color: #4a9fd8;
}

.social-links[b-uwwvhsxgq5] {
    display: flex;
    gap: 12px;
}

.social-link[b-uwwvhsxgq5] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.3s;
}

    .social-link:hover[b-uwwvhsxgq5] {
        opacity: 0.7;
    }

.instagram-box[b-uwwvhsxgq5] {
    width: 24px;
    height: 24px;
    border: 2px solid #333;
    border-radius: 6px;
    position: relative;
}

    .instagram-box[b-uwwvhsxgq5]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        height: 12px;
        border: 2px solid #333;
        border-radius: 3px;
    }

    .instagram-box[b-uwwvhsxgq5]::after {
        content: '';
        position: absolute;
        top: 3px;
        right: 3px;
        width: 3px;
        height: 3px;
        background: #333;
        border-radius: 50%;
    }



@media (max-width: 480px) {

    .size-data-table th[b-uwwvhsxgq5],
    .size-data-table td[b-uwwvhsxgq5] {
        font-size: 12px;
    }

    .related-add-to-cart[b-uwwvhsxgq5] {
        width: 100%;
        padding: 12px;
    }
}
/* _content/ecom.theme/Components/Common/Profile.razor.rz.scp.css */
.mixcat-wrapper[b-58ffx9tqhg] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

.fab-profile-header[b-58ffx9tqhg] {
    background: #ffffff;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.fab-profile-cover[b-58ffx9tqhg] {
    height: 200px;
    background: var(--primary-color); /*linear-gradient(135deg, #bd0040 0%, #6F0303 100%);*/
    position: relative;
}

.fab-profile-avatar-section[b-58ffx9tqhg] {
    padding: 0 2rem;
    display: flex;
    align-items: flex-end;
    gap: 2rem;
    margin-top: -80px;
    position: relative;
}

.fab-profile-avatar[b-58ffx9tqhg] {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 6px solid #ffffff;
    object-fit: cover;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.fab-avatar-wrapper[b-58ffx9tqhg] {
    position: relative;
    display: inline-block;
}

.fab-avatar-upload[b-58ffx9tqhg] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    font-size: 14px;
    color: #333;
}

    .fab-avatar-upload:hover[b-58ffx9tqhg] {
        background: #f0f0f0;
    }

.d-none[b-58ffx9tqhg] {
    display: none;
}

.fab-profile-info[b-58ffx9tqhg] {
    flex: 1;
    padding-bottom: 1.5rem;
}

.fab-profile-name[b-58ffx9tqhg] {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.fab-profile-username[b-58ffx9tqhg] {
    font-size: 16px;
    color: #f1f5f9;
    margin-bottom: 1rem;
}

.fab-profile-stats[b-58ffx9tqhg] {
    display: flex;
    gap: 2rem;
}

.fab-stat-item[b-58ffx9tqhg] {
    text-align: center;
}

.fab-stat-value[b-58ffx9tqhg] {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
}

.fab-stat-label[b-58ffx9tqhg] {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-profile-actions[b-58ffx9tqhg] {
    display: flex;
    gap: 1rem;
}

.fab-btn[b-58ffx9tqhg] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fab-btn-primary[b-58ffx9tqhg] {
    /*background: linear-gradient(135deg, #6366f1, #8b5cf6);*/
    /*box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);*/
    background: #ffffff;
    color: #1e293b;
    border: 2px solid var(--primary-color);
}
    .fab-btn-primary:hover[b-58ffx9tqhg] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
        background: var(--secondary-color);
        color: #ffffff;
    }

.fab-btn-secondary[b-58ffx9tqhg] {
    background: #ffffff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

    .fab-btn-secondary:hover[b-58ffx9tqhg] {
        background: var(--secondary-color); /*linear-gradient(135deg, #6F0303, #bd0040);*/
        color: #ffffff;
    }

.fab-profile-content[b-58ffx9tqhg] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 2rem;
    flex: 1;
}

.fab-profile-col[b-58ffx9tqhg] {
    display: flex;
    flex-direction: column;
}

.fab-profile-card[b-58ffx9tqhg] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.edit-btn[b-58ffx9tqhg] {
    margin-left: 110px !important;
}
    .fab-card-title[b-58ffx9tqhg] {
        font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 2px solid #e2e8f0;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

        .fab-card-title i[b-58ffx9tqhg] {
            color: var(--primary-color);
        }

.fab-info-row[b-58ffx9tqhg] {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.fab-info-label[b-58ffx9tqhg] {
    width: 140px;
    color: #64748b;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fab-info-value[b-58ffx9tqhg] {
    flex: 1;
    color: #1e293b;
    font-weight: 500;
}

.fab-address-card[b-58ffx9tqhg] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 2px solid #e2e8f0;
    position: relative;
}

.fab-active-badge[b-58ffx9tqhg] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #28a745; 
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 12px;
    line-height: 1;
}

.fab-address-badge[b-58ffx9tqhg] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.375rem 0.75rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-address-name[b-58ffx9tqhg] {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.fab-address-detail[b-58ffx9tqhg] {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.fab-order-card[b-58ffx9tqhg] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 2px solid #e2e8f0;
    transition: all 0.3s;
}

    .fab-order-card:hover[b-58ffx9tqhg] {
        border-color: var(--secondary-color);
        transform: translateY(-3px);
        /*box-shadow: 0 8px 20px rgba(99, 102, 241, 0.15);*/
    }

.fab-order-header[b-58ffx9tqhg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.fab-order-id[b-58ffx9tqhg] {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    color: var(--primary-color);
    font-size: 14px;
}

.fab-order-status[b-58ffx9tqhg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fab-status-delivered[b-58ffx9tqhg] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #065f46;
}

.fab-status-processing[b-58ffx9tqhg] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: var(--primary-color);
}

.fab-order-info[b-58ffx9tqhg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.fab-order-date[b-58ffx9tqhg] {
    color: #64748b;
}

.fab-order-amount[b-58ffx9tqhg] {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.fab-activity-item[b-58ffx9tqhg] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.fab-activity-icon[b-58ffx9tqhg] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.fab-activity-order .fab-activity-icon[b-58ffx9tqhg] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
}

.fab-activity-payment .fab-activity-icon[b-58ffx9tqhg] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #065f46;
}

.fab-activity-profile .fab-activity-icon[b-58ffx9tqhg] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;
}

.fab-activity-content[b-58ffx9tqhg] {
    flex: 1;
}

.fab-activity-title[b-58ffx9tqhg] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.fab-activity-time[b-58ffx9tqhg] {
    font-size: 12px;
    color: #64748b;
}

.reg-message[b-58ffx9tqhg] {
    padding: 0.6rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

    .reg-message.success[b-58ffx9tqhg] {
        background: #e9f7ef;
        border: 1px solid #cfe9d9;
        color: #155724;
    }

    .reg-message.error[b-58ffx9tqhg] {
        background: #fcebea;
        border: 1px solid #f5c6cb;
        color: #7a1f1f;
    }


@media (max-width: 1024px) {
    .fab-sidebar[b-58ffx9tqhg] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-58ffx9tqhg] {
        margin-left: 0;
        padding-top: 5rem;
    }

    .fab-menu-toggle[b-58ffx9tqhg] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #fab-menu-checkbox:checked ~ .fab-sidebar[b-58ffx9tqhg] {
        transform: translateX(0);
    }

    #fab-menu-checkbox:checked ~ .fab-overlay[b-58ffx9tqhg] {
        display: block;
    }

    .fab-top-nav[b-58ffx9tqhg] {
        margin-top: 1rem;
    }

    .fab-profile-content[b-58ffx9tqhg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fab-top-nav[b-58ffx9tqhg] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-nav-links[b-58ffx9tqhg] {
        flex-direction: column;
        gap: 1rem;
    }

    .fab-profile-avatar-section[b-58ffx9tqhg] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -60px;
    }

    .fab-profile-avatar[b-58ffx9tqhg] {
        width: 120px;
        height: 120px;
    }

    .fab-profile-name[b-58ffx9tqhg] {
        font-size: 24px;
        color:#000;
    }

    .fab-profile-stats[b-58ffx9tqhg] {
        justify-content: center;
    }

    .fab-profile-actions[b-58ffx9tqhg] {
        flex-direction: column;
    }

    .fab-info-row[b-58ffx9tqhg] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .fab-info-label[b-58ffx9tqhg] {
        width: 100%;
    }
    .fab-profile-stats[b-58ffx9tqhg] {
        display: block;
    }
    .fab-profile-username[b-58ffx9tqhg] {
        color: #000;
        margin-bottom: 0rem;
    }
    .fab-profile-info[b-58ffx9tqhg] {
        padding-bottom: 0rem;
    }
    .fab-logo-section[b-58ffx9tqhg] {
        padding: 4rem 0rem 1rem !important;
    }
}

@media (max-width: 768px) {

    .fab-logo-section[b-58ffx9tqhg] {
        padding: 3rem 1rem 1rem !important;
        border-bottom: 2px solid #e2e8f0;
    }
}
/* _content/ecom.theme/Components/Common/PromotionModal.razor.rz.scp.css */
/* Modal overlay */
.modal-overlay[b-met4tm21ty] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Image wrapper -> image অনুযায়ী size হবে */
.promo-image-wrapper[b-met4tm21ty] {
    position: relative;
    display: inline-block;
}

.promo-image-wrapper-small[b-met4tm21ty] {
    position: fixed;
    bottom: 1rem;
    right: 6rem;
    z-index: 999;
}

/* Image ratio ঠিক থাকবে */
.promo-image[b-met4tm21ty] {
    max-width: 90vw;
    max-height: 90vh;
    height: auto;
    width: auto;
    display: block;
    border-radius: 12px;
}

.promo-image-small[b-met4tm21ty] {
    max-width: 20vw;
    max-height: 20vh;
    height: auto;
    width: auto;
    display: block;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .promo-image-small[b-met4tm21ty] {
        max-width: 40vw;
        max-height: 40vh;
    }
}

/* Close button image এর উপর */
.btn-close-glass[b-met4tm21ty] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: white;
    font-size: 20px;
    cursor: pointer;
}
/* _content/ecom.theme/Components/Common/PublicSideMenu.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PUBLIC SIDE MENU DRAWER (CHALDAL & PREMIUM STYLE)
   ═══════════════════════════════════════════════════════════════ */

.public-side-menu-drawer[b-h5fpqsl1hz] {
    --drawer-top-offset: 5.75rem;
    position: fixed;
    top: var(--drawer-top-offset);
    left: 0;
    width: 320px;
    height: calc(100vh - var(--drawer-top-offset));
    background: #ffffff;
    z-index: 998;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.public-side-menu-drawer.drawer-open[b-h5fpqsl1hz] {
    transform: translateX(0);
}

/* Offset for Marvelle theme when Pink Bar is active */
.public-side-menu-drawer.marvelle-pinkbar-offset[b-h5fpqsl1hz] {
    top: calc(var(--drawer-top-offset) + .9px) !important;
    height: calc(100vh - var(--drawer-top-offset) - .9px) !important;
}
@media (min-width: 992px) {
    .public-side-menu-drawer.marvelle-pinkbar-offset[b-h5fpqsl1hz] {
        top: calc(var(--drawer-top-offset) + 26px) !important;
        height: calc(100vh - var(--drawer-top-offset) - 26px) !important;
    }
}

/* Zihveen's drawer fills the left edge without header whitespace. */
.public-side-menu-drawer.zihveen-full-height[b-h5fpqsl1hz] {
    top: 0 !important;
    height: 100vh !important;
    z-index: 2100 !important;
}

/* Zavara's complete sidebar begins below the live topbar and fills the exact
   remaining viewport height. */
.public-side-menu-drawer.zavara-full-height[b-h5fpqsl1hz] {
    top: var(--live-topbar-height, 38px) !important;
    bottom: auto;
    /* The Zavara layout is rendered at 90% CSS zoom. Compensate for that
       scale so the fixed drawer still reaches the physical viewport bottom. */
    height: calc(111.111vh - var(--live-topbar-height, 38px)) !important;
    height: calc(111.111dvh - var(--live-topbar-height, 38px)) !important;
    z-index: 2100 !important;
}

.public-side-menu-drawer.zavara-full-height .drawer-header[b-h5fpqsl1hz] {
    height: var(--live-topbar-height, 38px);
    min-height: var(--live-topbar-height, 38px);
    padding: 2px 16px;
}

.public-side-menu-drawer.zavara-full-height .sidebar-logo-img[b-h5fpqsl1hz] {
    max-height: calc(var(--live-topbar-height, 38px) - 8px);
}

.public-side-menu-drawer.zavara-full-height .drawer-content[b-h5fpqsl1hz] {
    padding-top: 0;
}

/* Drawer Header */
.drawer-header[b-h5fpqsl1hz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13.4px 20px;
    background: var(--primary-color, #2563eb);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.sidebar-logo-img[b-h5fpqsl1hz] {
    height: 32px;
    max-width: 120px;
    object-fit: contain;
    background: #ffffff;
    padding: 2px 6px;
    border-radius: 6px;
}

.drawer-title[b-h5fpqsl1hz] {
    font-size: 1.15rem;
    letter-spacing: 0.3px;
}

.drawer-toggle-btn[b-h5fpqsl1hz] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .2s ease;
}

.drawer-toggle-btn:hover[b-h5fpqsl1hz],
.drawer-toggle-btn:focus-visible[b-h5fpqsl1hz] {
    background: rgba(255, 255, 255, 0.16);
    outline: none;
}

/* Drawer Content */
.drawer-content[b-h5fpqsl1hz] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 16px 0;
}

.drawer-content[b-h5fpqsl1hz]::-webkit-scrollbar {
    width: 5px;
}

.drawer-content[b-h5fpqsl1hz]::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.drawer-content[b-h5fpqsl1hz]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.drawer-content[b-h5fpqsl1hz]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Section Labels */
.section-label[b-h5fpqsl1hz] {
    font-size: 0.75rem;
    color: #64748b;
    letter-spacing: 0.7px;
}

/* Deals Section */
.deals-list[b-h5fpqsl1hz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.deal-item[b-h5fpqsl1hz] {
    text-decoration: none;
    color: #1e293b;
    border-radius: 8px;
    margin: 0 12px;
    transition: all 0.2s ease;
    background: #f8fafc;
    border: 1px solid transparent;
}

.deal-item:hover[b-h5fpqsl1hz] {
    background: #eff6ff;
    color: var(--primary-color, #2563eb);
    border-color: #bfdbfe;
    transform: translateX(4px);
}

.deal-icon[b-h5fpqsl1hz] {
    font-size: 1.2rem;
}

.deal-text[b-h5fpqsl1hz] {
    font-size: 0.95rem;
}

.drawer-divider[b-h5fpqsl1hz] {
    border-color: #e2e8f0;
    opacity: 0.8;
}

/* Categories Accordion */
.category-accordion[b-h5fpqsl1hz] {
    display: flex;
    flex-direction: column;
}

.accordion-header[b-h5fpqsl1hz] {
    cursor: pointer;
    border-radius: 8px;
    margin: 0 12px;
    transition: all 0.2s ease;
    user-select: none;
}

.accordion-header:hover[b-h5fpqsl1hz], .accordion-header.active[b-h5fpqsl1hz] {
    background: #f1f5f9;
    color: var(--primary-color, #2563eb);
}

.category-main-link[b-h5fpqsl1hz] {
    cursor: pointer;
}

.category-icon[b-h5fpqsl1hz] {
    width: 26px;
    height: 26px;
    object-fit: contain;
    border-radius: 4px;
    flex-shrink: 0;
}

.category-icon-fallback[b-h5fpqsl1hz] {
    font-size: 1.2rem;
    color: #94a3b8;
    width: 26px;
    text-align: center;
}

.category-name[b-h5fpqsl1hz] {
    font-size: 0.92rem;
    color: #334155;
    transition: color 0.2s ease;
}

.accordion-header:hover .category-name[b-h5fpqsl1hz], .accordion-header.active .category-name[b-h5fpqsl1hz] {
    color: var(--primary-color, #2563eb);
    font-weight: 600;
}

.accordion-toggle-btn[b-h5fpqsl1hz] {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.85rem;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.accordion-toggle-btn:hover[b-h5fpqsl1hz] {
    background: #e2e8f0;
    color: #0f172a;
}

/* Subcategories */
.accordion-collapse[b-h5fpqsl1hz] {
    animation: expandSubmenu-b-h5fpqsl1hz 0.25s ease forwards;
}

@keyframes expandSubmenu-b-h5fpqsl1hz {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.subcategory-item[b-h5fpqsl1hz] {
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s ease;
    font-size: 0.88rem;
    user-select: none;
}

.subcategory-item:hover[b-h5fpqsl1hz] {
    color: var(--primary-color, #2563eb);
    background: #f8fafc;
    padding-left: 12px !important;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 575.98px) {
    .public-side-menu-drawer[b-h5fpqsl1hz] {
        width: 280px;
    }
}

/* Mobile Backdrop (Click outside side menu to close) */
.side-menu-overlay[b-h5fpqsl1hz] {
    display: none;
}

@media (max-width: 991.98px) {
    .side-menu-overlay[b-h5fpqsl1hz] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 58px;
        background: transparent;
        z-index: 997;
    }
}
/* _content/ecom.theme/Components/Common/Registration.razor.rz.scp.css */
:root[b-2o34iu07nv] {
    --reg-primary: #ff8c00;
    --reg-border-radius: 10px;
    --reg-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    --reg-card-width: 420px;
}

/* Card layout */
.reg-card[b-2o34iu07nv] {
    width: 100%;
    max-width: var(--reg-card-width);
    border-radius: var(--reg-border-radius);
    background: #fff;
    padding: 2rem;
    box-shadow: var(--reg-shadow);
    border: 1px solid #eaeaea;
}

/* Header section */
.reg-text-center[b-2o34iu07nv] {
    text-align: center;
}

.reg-regular-button-icon[b-2o34iu07nv] {
    color: var(--reg-primary);
}

.reg-text-muted[b-2o34iu07nv] {
    color: #777;
    font-size: 0.9rem;
}

/* Input grid */
.reg-row[b-2o34iu07nv] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.reg-col-12[b-2o34iu07nv] {
    flex: 1 1 100%;
}

.reg-col-6[b-2o34iu07nv] {
    flex: 1 1 calc(50% - 0.5rem);
}

input[type="text"][b-2o34iu07nv],
input[type="email"][b-2o34iu07nv],
input[type="password"][b-2o34iu07nv],
select[b-2o34iu07nv] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s ease-in-out;
}

    input:focus[b-2o34iu07nv], select:focus[b-2o34iu07nv] {
        border-color: var(--reg-primary);
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
        outline: none;
    }

/* Input group */
.reg-input-group[b-2o34iu07nv] {
    display: flex;
    align-items: center;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    overflow: hidden;
}

.reg-input-prepend[b-2o34iu07nv],
.reg-input-append[b-2o34iu07nv] {
    padding: 0px 5px;
    background: #f8f9fa;
    color: #888;
}

.reg-input-group input[b-2o34iu07nv] {
    border: none;
    flex: 1;
    padding: 0.6rem;
}

.reg-icon-click[b-2o34iu07nv] {
    cursor: pointer;
}

/* Checkbox */
.reg-form-check[b-2o34iu07nv] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}

    .reg-form-check a[b-2o34iu07nv] {
        color: var(--reg-primary);
        text-decoration: underline;
    }

/* Buttons */
.reg-btn[b-2o34iu07nv] {
    width: 100%;
    padding: 0.65rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    border: none;
    transition: background 0.2s;
}

.reg-btn-primary[b-2o34iu07nv] {
    background: var(--primary-color);
    color: #fff;
}

    .reg-btn-primary:hover[b-2o34iu07nv] {
        background: var(--secondary-color);
    }

.reg-btn-secondary[b-2o34iu07nv] {
    background: #6c757d;
    color: #fff;
    padding: 5px 10px;
}

    .reg-btn-secondary:hover[b-2o34iu07nv] {
        background: #5a6268;
    }

/* Validation & message */
.reg-validation-summary[b-2o34iu07nv] {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.75rem;
}

.reg-message[b-2o34iu07nv] {
    padding: 0.6rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

    .reg-message.success[b-2o34iu07nv] {
        background: #e9f7ef;
        border: 1px solid #cfe9d9;
        color: #155724;
    }

    .reg-message.error[b-2o34iu07nv] {
        background: #fcebea;
        border: 1px solid #f5c6cb;
        color: #7a1f1f;
    }

/* Container layout */
.reg-container[b-2o34iu07nv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f8f9fa;
}

.reg-card-wrapper[b-2o34iu07nv] {
    width: 100%;
    max-width: 420px;
    padding: 2rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: var(--reg-shadow);
}

/* Form group */
.reg-form-group[b-2o34iu07nv] {
    position: relative;
    margin-bottom: 1rem;
}

.reg-form-icon[b-2o34iu07nv] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 0.9rem;
    z-index: 2;
    pointer-events: none;
}

.form-control[b-2o34iu07nv] {
    padding-left: 2.3rem !important;
}

    .form-control:focus[b-2o34iu07nv] {
        border-color: var(--reg-primary);
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.15);
        outline: none;
    }

/* Password eye icon */
.reg-password-toggle[b-2o34iu07nv] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    font-size: 1rem;
    cursor: pointer;
    transition: color 0.2s;
}

    .reg-password-toggle:hover[b-2o34iu07nv] {
        color: var(--reg-primary);
    }

/* Responsive */
@media (max-width: 768px) {
    .reg-row[b-2o34iu07nv] {
        flex-direction: column;
    }

    .reg-col-6[b-2o34iu07nv] {
        flex: 1 1 100%;
    }
}
/* _content/ecom.theme/Components/Common/RewardApplyPanel.razor.rz.scp.css */
.reward-modal-close[b-k15q89v4k8] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: #6c757d;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 36px;
    font-size: 26px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: -4px -4px -4px auto;
    padding: 0 0 3px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.reward-modal-close:hover[b-k15q89v4k8],
.reward-modal-close:focus-visible[b-k15q89v4k8] {
    background: #f1f3f5;
    color: #212529;
    outline: none;
}
/* _content/ecom.theme/Components/Common/ShoppingCard.razor.rz.scp.css */
/* Hidden checkbox for toggle */
#cart-toggle[b-x34ii3cxqz] {
    display: none;
}

/* Floating Cart Button */
.cart-float[b-x34ii3cxqz] {
    position: fixed;
    right: 20px;
    bottom: var(--cart-position);
    background: var(--primary-color);
    color: #000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
    z-index: 1001;
}

    .cart-float:hover[b-x34ii3cxqz] {
        background: var(--secondary-color);
        transform: scale(1.05);
    }

    .cart-float .badge[b-x34ii3cxqz] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #fff;
        color: #000;
        font-weight: 600;
        font-size: 14px;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Overlay */
.overlay[b-x34ii3cxqz] {
    position: fixed;
    inset: 0;
    background: transparent;
    pointer-events: none;
    display: none;
    justify-content: flex-end;
    z-index: 2100;
}

    /* Click on overlay area to close */
    .overlay > label[b-x34ii3cxqz] {
        flex: 1;
        pointer-events: none;
    }

/* Modal */
.cart-modal[b-x34ii3cxqz] {
    background: #fff;
    width: 415px;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 10px rgba(0,0,0,0.2);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    pointer-events: auto;
}

/* When checked: show modal, hide button */
#cart-toggle:checked ~ .cart-float[b-x34ii3cxqz] {
    display: none;
}

#cart-toggle:checked ~ .overlay[b-x34ii3cxqz] {
    display: flex;
}

    #cart-toggle:checked ~ .overlay .cart-modal[b-x34ii3cxqz] {
        transform: translateX(0);
    }

/* Header */
.cart-header[b-x34ii3cxqz] {
    background: #333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 1rem;
}

    .cart-header h2[b-x34ii3cxqz] {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }

.close-btn[b-x34ii3cxqz] {
    color: #ff6b6b;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
}

.cart-body[b-x34ii3cxqz] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ─── Cart Item Grid ─── */
.cart-item[b-x34ii3cxqz] {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 8px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 8px 10px 10px 10px;
    align-items: start;
}

.item-img[b-x34ii3cxqz] {
    grid-column: 1;
    grid-row: 1 / span 2;
}

    .item-img img[b-x34ii3cxqz] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.item-info[b-x34ii3cxqz] {
    grid-column: 2;
    grid-row: 1;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1.35;
    white-space: normal;
}

.cart-item > .item-header:first-child[b-x34ii3cxqz] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
}

.cart-item > .item-header:nth-child(2)[b-x34ii3cxqz] {
    display: contents;
}

.item-details[b-x34ii3cxqz] {
    grid-column: 2 / span 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 4px;
    margin-top: 5px;
}

    .item-details .item-row[b-x34ii3cxqz] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        color: #444;
        white-space: nowrap;
    }

        .item-details .item-row > *:last-child[b-x34ii3cxqz] {
            margin-left: auto;
        }

        /* Subtotal = */
        .item-details .item-row:last-child > span:last-child[b-x34ii3cxqz]::before {
            content: "=";
            color: #888;
            font-size: 13px;
            margin-right: 4px;
        }

        .item-details .item-row:last-child span[b-x34ii3cxqz] {
            font-weight: 600;
            color: #111;
        }
.variant-attributes[b-x34ii3cxqz] {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 2px;
}

.variant-badge[b-x34ii3cxqz] {
    font-size: 11.5px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #e68a35;
    color: white;
}

/* ─── Quantity Selector (merged) ─── */
.quantity-selector[b-x34ii3cxqz] {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 30px;
    padding: 3px;
    gap: 3px;
}

.quantity-btn[b-x34ii3cxqz] {
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-x34ii3cxqz] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-x34ii3cxqz] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-x34ii3cxqz] {
    width: 32px;
    text-align: center;
    font-size: 13px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    height: 26px;
    line-height: 26px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity-input[b-x34ii3cxqz]::-webkit-outer-spin-button,
.quantity-input[b-x34ii3cxqz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Delete Button */
.delete-btn[b-x34ii3cxqz] {
    background: transparent;
    color: #aaa;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    padding: 3px 8px;
    cursor: pointer;
}

    .delete-btn:hover[b-x34ii3cxqz] {
        color: #e74c3c;
        background: #fff0f0;
    }

/* Gift badge label (top-right, replaces delete button) */
.gift-badge[b-x34ii3cxqz] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #f5e8c1;
    color: #5a3e00;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

/* Badge */
.badge-info[b-x34ii3cxqz] {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #e8f4fd;
    color: #1a6a9a;
}

/* Footer */
.cart-summary-container[b-x34ii3cxqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    border-top: 1px solid #eee;
    gap: 10px;
}

.cart-footer-item[b-x34ii3cxqz] {
    font-size: 16px;
    white-space: nowrap;
}

.discount-text[b-x34ii3cxqz] {
    color: #e53935;
}

.checkout-btn[b-x34ii3cxqz] {
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    display: inline-block;
    align-self: center;
    margin-bottom: 10px;
    width: auto;
    float: inline-end;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}

.discount-footer[b-x34ii3cxqz] {
    margin-right: 60px;
}

.checkout-btn:hover[b-x34ii3cxqz] {
    background: var(--secondary-color);
    color: #fff;
}

/* Base badge */
.badge[b-x34ii3cxqz] {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff;
}

/* Info badge */
.badge-info[b-x34ii3cxqz] {
    background-color: var(--primary-color);
    color: #fff;
}

    .badge-info:hover[b-x34ii3cxqz] {
        background-color: var(--secondary-color);
        cursor: default;
    }

@media (max-width: 768px) {
    .overlay[b-x34ii3cxqz] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 58px; /* Aligns strictly with top of bottom mobile menu */
        bottom: calc(58px + env(safe-area-inset-bottom, 0px));
        height: auto;
        z-index: 2147483640 !important;
    }

    .cart-modal[b-x34ii3cxqz] {
        width: 100% !important;
        max-width: 100vw !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    .cart-body[b-x34ii3cxqz] {
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .card-footer[b-x34ii3cxqz] {
        flex-shrink: 0;
        background: #ffffff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
    }

    .cart-summary-container[b-x34ii3cxqz] {
        display: flex;
        flex-direction: column;
        padding: 10px 16px !important;
        gap: 8px;
    }

    .cart-footer-item[b-x34ii3cxqz] {
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .discount-footer[b-x34ii3cxqz] {
        margin-right: 0 !important;
    }

    .checkout-btn[b-x34ii3cxqz] {
        width: 100% !important;
        margin: 4px 0 0 0 !important;
        padding: 11px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .checkout-btn:active[b-x34ii3cxqz] {
        transform: scale(0.98);
    }
}
/* _content/ecom.theme/Components/Common/TextReview.razor.rz.scp.css */
/* TextReview.razor.css — text-only customer reviews (no stars). Inherits the theme's font and colour. */
.tr-shell[b-z79o9l4akm] { width: 100%; display: flex; flex-direction: column; gap: 1.25rem; }
.tr-shell *[b-z79o9l4akm], .tr-shell *[b-z79o9l4akm]::before, .tr-shell *[b-z79o9l4akm]::after { box-sizing: border-box; }

.tr-title[b-z79o9l4akm] { font-size: 1.15rem; font-weight: 500; letter-spacing: .04em; margin: 0; }
.tr-count[b-z79o9l4akm] { opacity: .6; font-weight: 400; }
.tr-empty[b-z79o9l4akm] { margin: 0; opacity: .75; }

.tr-list[b-z79o9l4akm] { display: flex; flex-direction: column; }
.tr-item[b-z79o9l4akm] { padding: 1rem 0; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.tr-item:first-child[b-z79o9l4akm] { padding-top: 0; }
.tr-head[b-z79o9l4akm] { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.tr-avatar[b-z79o9l4akm] {
    width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #f1ebe3; color: #5b4a3a; font-weight: 600;
}
.tr-meta[b-z79o9l4akm] { display: flex; flex-direction: column; min-width: 0; }
.tr-name[b-z79o9l4akm] { font-weight: 600; }
.tr-sub[b-z79o9l4akm] { font-size: .8rem; opacity: .75; display: flex; flex-wrap: wrap; gap: .35rem; }
.tr-verified[b-z79o9l4akm] { color: #2e7d32; }
.tr-comment[b-z79o9l4akm] { margin: 0; white-space: pre-line; overflow-wrap: anywhere; line-height: 1.6; }

.tr-reply[b-z79o9l4akm] { margin-top: .75rem; padding: .65rem .85rem; background: #f8f5f0; border-left: 3px solid #b89b72; }
.tr-reply-label[b-z79o9l4akm] { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; opacity: .75; }
.tr-reply-text[b-z79o9l4akm] { margin: .25rem 0 0; white-space: pre-line; overflow-wrap: anywhere; }

.tr-more[b-z79o9l4akm] {
    align-self: flex-start; background: none; border: 1px solid currentColor;
    padding: .45rem 1.1rem; cursor: pointer; letter-spacing: .05em; font-size: .85rem;
}

.tr-form[b-z79o9l4akm] { border: 1px solid rgba(0, 0, 0, .1); padding: 1.1rem; }
.tr-form-title[b-z79o9l4akm] { font-size: 1rem; font-weight: 500; margin: 0 0 .75rem; letter-spacing: .04em; }
.tr-hint[b-z79o9l4akm] { font-size: .85rem; opacity: .75; margin: 0 0 .5rem; }
.tr-textarea[b-z79o9l4akm] {
    width: 100%; resize: vertical; min-height: 110px; padding: .7rem; font: inherit;
    border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; background: #fff;
}
.tr-textarea:focus[b-z79o9l4akm] { outline: none; border-color: #8a6d4a; }
.tr-foot[b-z79o9l4akm] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .6rem; flex-wrap: wrap; }
.tr-counter[b-z79o9l4akm] { font-size: .8rem; opacity: .7; }
.tr-counter.tr-short[b-z79o9l4akm] { color: #b23b3b; opacity: 1; }
.tr-send[b-z79o9l4akm] {
    background: #2b2420; color: #fff; border: none; padding: .65rem 1.5rem;
    letter-spacing: .08em; font-size: .85rem; cursor: pointer;
}
.tr-send:disabled[b-z79o9l4akm] { opacity: .45; cursor: not-allowed; }

.tr-notice[b-z79o9l4akm] { display: block; padding: .7rem .85rem; font-size: .9rem; margin-bottom: .75rem; line-height: 1.5; }
.tr-own[b-z79o9l4akm] { display: block; margin-top: .35rem; font-style: italic; opacity: .85; overflow-wrap: anywhere; }
.tr-lock[b-z79o9l4akm] { background: #f4f4f4; color: inherit; text-decoration: none; margin-bottom: 0; }
.tr-lock:hover[b-z79o9l4akm] { text-decoration: underline; }
.tr-wait[b-z79o9l4akm] { background: #fff8e1; color: #6d5200; }
.tr-ok[b-z79o9l4akm] { background: #e8f5e9; color: #1b5e20; }
.tr-bad[b-z79o9l4akm] { background: #fdecea; color: #8a1c1c; }

@media (max-width: 575.98px) {
    .tr-form[b-z79o9l4akm] { padding: .85rem; }
    .tr-send[b-z79o9l4akm] { width: 100%; }
}
/* _content/ecom.theme/Components/Common/TopScroll.razor.rz.scp.css */
/* ===== SCROLL TO TOP BUTTON ===== */
.scrollTopBtn[b-b0t9zw7nmj] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 4rem;
    height: 4rem;
    z-index: 500;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    /* hidden by default */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.scrollTopBtn.show[b-b0t9zw7nmj] {
    opacity: 1;
    visibility: visible;
}


.scrollTopBtn svg[b-b0t9zw7nmj] {
    width: 52px;
    height: 52px;
}

/* Ring background (gray arc) */
.ring-track[b-b0t9zw7nmj] {
    fill: none;
    stroke: #ddd;
    stroke-width: 3;
}

/* Ring progress (orange arc) */
.ring-progress[b-b0t9zw7nmj] {
    fill: none;
    stroke: var(--primary-color);
    stroke-width: 3;
    stroke-linecap: round;
    transform-origin: 26px 26px;
    transform: rotate(-90deg);
    transition: stroke-dashoffset 0.15s linear;
}

/* Orange circle */
.btn-circle[b-b0t9zw7nmj] {
    fill: var(--primary-color);
    transition: fill 0.2s;
}

.scrollTopBtn:hover .btn-circle[b-b0t9zw7nmj] {
    fill: var(--secondary-color);
}

.scrollTopBtn:active[b-b0t9zw7nmj] {
    transform: scale(0.94);
}

/* Arrow icon */
.btn-arrow[b-b0t9zw7nmj] {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 991px) {
    .scrollTopBtn.with-bottom-menu[b-b0t9zw7nmj] {
        bottom: 85px !important;
    }
}

@media (max-width: 576px) {
    .scrollTopBtn[b-b0t9zw7nmj] {
        bottom: 30px;
        right: 20px;
    }
    
    .scrollTopBtn.with-bottom-menu[b-b0t9zw7nmj] {
        bottom: 85px !important;
    }
}
/* _content/ecom.theme/Components/Common/UserSideBar.razor.rz.scp.css */
.mixcat-wrapper[b-9zhhr395s4] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/*
    .mixcat-wrapper *,
    .mixcat-wrapper *::before,
    .mixcat-wrapper *::after {
        box-sizing: border-box;
    }*/

.fab-sidebar[b-9zhhr395s4] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 280px;
    background: #ffffff;
    box-shadow: 4px 0 24px rgba(0,0,0,0.06);
    padding: 2rem 0;
    z-index: 1000;
    overflow-x: hidden;
    transition: transform 0.3s ease, width 0.3s ease;
}

.fab-menu-toggle[b-9zhhr395s4] {
    display: none;
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 1001;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    font-size: 24px;
    cursor: pointer;
    /*box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);*/
    transition: all 0.3s;
}

    .fab-menu-toggle:hover[b-9zhhr395s4] {
        transform: scale(1.05);
        /*box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);*/
    }

.fab-overlay[b-9zhhr395s4] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: opacity 0.3s ease;
    border: 0;
    padding: 0;
}

.fab-logo-section[b-9zhhr395s4] {
    padding: 0rem 0rem 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.fab-logo[b-9zhhr395s4] {
    font-size: 28px;
    font-weight: 800;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
}
.fab-logo a[b-9zhhr395s4] {
    min-width: 0;
}
.fab-logo img[b-9zhhr395s4]{
    display: block;
    max-width: 6.25rem;
    height: 2.8rem;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 5px;
    margin-left: 2px;
}

.fab-sidebar-toggle[b-9zhhr395s4] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--primary-color);
    cursor: pointer;
    font-size: 20px;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.fab-sidebar-toggle:hover[b-9zhhr395s4],
.fab-sidebar-toggle:focus-visible[b-9zhhr395s4] {
    background: color-mix(in srgb, var(--primary-color) 12%, transparent);
    color: var(--secondary-color);
}

.fab-sidebar-toggle:active[b-9zhhr395s4] {
    transform: scale(0.95);
}

.fab-sidebar-toggle:focus-visible[b-9zhhr395s4],
.fab-menu-toggle:focus-visible[b-9zhhr395s4] {
    outline: 3px solid color-mix(in srgb, var(--primary-color) 35%, transparent);
    outline-offset: 2px;
}
.fab-nav-menu[b-9zhhr395s4] {
    padding: 0rem 0;
}

.fab-nav-item[b-9zhhr395s4] {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    color: #64748b;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
    border-left: 4px solid transparent;
}

.fab-nav-label[b-9zhhr395s4] {
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .fab-nav-item:hover[b-9zhhr395s4],
    .fab-nav-item.fab-active[b-9zhhr395s4] {
        background: linear-gradient(90deg, rgba(99, 102, 241, 0.1), transparent);
        color: var(--secondary-color);
        border-left-color: var(--secondary-color);
    }

    .fab-nav-item i[b-9zhhr395s4] {
        width: 24px;
        margin-right: 1rem;
        font-size: 20px;
        flex: 0 0 24px;
        text-align: center;
    }

@media (min-width: 1025px) {
    .fab-sidebar-toggled .fab-sidebar[b-9zhhr395s4] {
        width: 72px;
    }

    .fab-sidebar-toggled .fab-logo[b-9zhhr395s4] {
        min-height: 2.8rem;
        justify-content: center;
        padding: 0;
    }

    .fab-sidebar-toggled .fab-logo a[b-9zhhr395s4] {
        display: none;
    }

    .fab-sidebar-toggled .fab-nav-item[b-9zhhr395s4] {
        justify-content: center;
        padding: 1rem 0;
    }

    .fab-sidebar-toggled .fab-nav-item i[b-9zhhr395s4] {
        margin-right: 0;
    }

    .fab-sidebar-toggled .fab-nav-label[b-9zhhr395s4] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        opacity: 0;
    }
}



@media (max-width: 1024px) {
    .fab-sidebar[b-9zhhr395s4] {
        transform: translateX(-100%);
    }

    .fab-menu-toggle[b-9zhhr395s4] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fab-sidebar-toggled .fab-sidebar[b-9zhhr395s4] {
        transform: translateX(0);
    }

    .fab-sidebar-toggled > .fab-overlay[b-9zhhr395s4] {
        display: block;
    }

    .fab-sidebar-toggled > .fab-menu-toggle[b-9zhhr395s4] {
        display: none;
    }

    .fab-top-nav[b-9zhhr395s4] {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {

    .fab-logo-section[b-9zhhr395s4] {
        padding: 1rem 0 1rem !important;
        border-bottom: 2px solid #e2e8f0;
    }
}
/* _content/ecom.theme/Components/Common/Wholesale.razor.rz.scp.css */
.mixcat-wrapper[b-pf43y59atc] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

    .mixcat-wrapper *[b-pf43y59atc],
    .mixcat-wrapper *[b-pf43y59atc]::before,
    .mixcat-wrapper *[b-pf43y59atc]::after {
        box-sizing: border-box;
    }

/* ================= Sidebar ================= */

.fab-sidebar[b-pf43y59atc] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 280px;
    background: #ffffff;
    box-shadow: 4px 0 24px rgba(0,0,0,0.06);
    padding: 2rem 0;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.fab-main-content[b-pf43y59atc] {
    margin-left: 280px;
    min-height: 100vh;
    padding: 1rem 2rem;
}

/* ================= Buttons ================= */

.track-order-btn[b-pf43y59atc] {
    padding: 0.25rem 0.4rem !important;
    border-radius: 8px !important;
}

.sub-btn[b-pf43y59atc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 32px;
    padding: 0;
    border-radius: 6px;
    border: none;
    color: #ffffff !important;
    background-color: var(--primary-color, #ee1d23);
    cursor: pointer;
    font-size: 14px;
    transition: filter 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.sub-btn:hover[b-pf43y59atc] {
    filter: brightness(0.92);
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.sub-btn:active[b-pf43y59atc] {
    transform: scale(0.95);
}

/* ================= Orders Section ================= */

.fab-orders-section[b-pf43y59atc] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
}

.fab-section-header[b-pf43y59atc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.25rem;
}

.fab-section-title[b-pf43y59atc] {
    font-size: 28px;
    font-weight: 700;
}

/* ================= Table ================= */

.fab-table-wrapper[b-pf43y59atc] {
    overflow-x: auto;
    overflow-y: auto;
    flex: 1;
    margin-bottom: 0.5rem;
}

.fab-orders-table[b-pf43y59atc] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .fab-orders-table thead th[b-pf43y59atc] {
        background: var(--primary-color);
        color: #fff;
        font-weight: 700;
        padding: 0.75rem 1rem;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .fab-orders-table tbody tr[b-pf43y59atc] {
        transition: 0.3s;
    }

        .fab-orders-table tbody tr:hover[b-pf43y59atc] {
            background: rgba(0,0,0,0.02);
        }

    .fab-orders-table tbody td[b-pf43y59atc] {
        padding: 0.6rem 0.75rem;
        border: 1px solid #e2e8f0;
        text-align: center;
        font-size: 14px;
    }

.product-name[b-pf43y59atc] {
    text-align: left !important;
    word-break: break-word;
}

.input-number[b-pf43y59atc] {
    width: 220px;
    vertical-align: middle;
}

.wholesale-qty-container[b-pf43y59atc] {
    gap: 6px;
}

.wholesale-qty-group[b-pf43y59atc] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.btn-qty[b-pf43y59atc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 32px;
    border: none;
    background: #f3f4f6;
    color: #374151;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    user-select: none;
    padding: 0;
}

.btn-qty:hover[b-pf43y59atc] {
    background: #e5e7eb;
    color: #111827;
}

.btn-qty:active[b-pf43y59atc] {
    background: #d1d5db;
}

.qty-input[b-pf43y59atc] {
    width: 50px !important;
    height: 32px !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    padding: 2px 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    text-align: center !important;
    box-shadow: none !important;
    -moz-appearance: textfield;
}

.qty-input[b-pf43y59atc]::-webkit-outer-spin-button,
.qty-input[b-pf43y59atc]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ================= Search ================= */

.search-row[b-pf43y59atc] {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 500px;
}

.search-input[b-pf43y59atc] {
    flex: 1;
}

/* ================= Pagination ================= */

.fab-pagination[b-pf43y59atc] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
}

.fab-page-size select[b-pf43y59atc] {
    padding: 0.4rem 0.6rem;
    border-radius: 8px;
    border: 1px solid #cbd5f5;
    font-weight: 600;
}

.fab-page-info[b-pf43y59atc] {
    font-size: 14px;
}

.fab-page-buttons[b-pf43y59atc] {
    display: flex;
    gap: 6px;
}

    .fab-page-buttons button[b-pf43y59atc] {
        min-width: 36px;
        height: 36px;
        border-radius: 8px;
        border: none;
        background: #f1f5f9;
        font-weight: 600;
        cursor: pointer;
    }

        .fab-page-buttons button.active[b-pf43y59atc] {
            background: var(--primary-color);
            color: #fff;
        }

/* ================= Mobile Sidebar ================= */

@media (max-width: 1024px) {

    .fab-sidebar[b-pf43y59atc] {
        transform: translateX(-100%);
    }

    .fab-main-content[b-pf43y59atc] {
        margin-left: 0;
        padding-top: 5rem;
    }
}

/* =====================================================
   MOBILE RESPONSIVE TABLE CARD DESIGN
===================================================== */

@media (max-width: 768px) {

    .fab-section-header[b-pf43y59atc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .search-row[b-pf43y59atc] {
        width: 100%;
    }

    /* Hide Table Head */
    .fab-orders-table thead[b-pf43y59atc] {
        display: none;
    }

    .fab-orders-table[b-pf43y59atc],
    .fab-orders-table tbody[b-pf43y59atc],
    .fab-orders-table tr[b-pf43y59atc],
    .fab-orders-table td[b-pf43y59atc] {
        display: block;
        width: 100%;
    }

        /* Card Style Row */
        .fab-orders-table tr[b-pf43y59atc] {
            background: #ffffff;
            margin-bottom: 15px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.06);
            padding: 12px;
        }

        .fab-orders-table td[b-pf43y59atc] {
            border: none;
            padding: 8px 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: right;
        }

            .fab-orders-table td[b-pf43y59atc]::before {
                font-weight: 600;
                color: #475569;
                text-align: left;
                width: 100%;
            }

            /* Labels */
            .fab-orders-table td:nth-child(1)[b-pf43y59atc]::before {
                content: "Select";
            }

            .fab-orders-table td:nth-child(2)[b-pf43y59atc]::before {
                content: "Image";
            }

            .fab-orders-table td:nth-child(3)[b-pf43y59atc]::before {
                content: "Product";
            }

            .fab-orders-table td:nth-child(4)[b-pf43y59atc]::before {
                content: "Price";
            }

            .fab-orders-table td:nth-child(5)[b-pf43y59atc]::before {
                content: "Quantity";
            }

            .fab-orders-table td img[b-pf43y59atc] {
                width: 45px !important;
                height: 45px !important;
            }

    .input-number[b-pf43y59atc] {
        width: 120px;
    }

    /* Pagination Mobile */
    .fab-pagination[b-pf43y59atc] {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .fab-page-buttons[b-pf43y59atc] {
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Submit Full Width */
    .sub-btn[b-pf43y59atc] {
        width: 100%;
        margin: 0;
    }
}
/* _content/ecom.theme/Components/Common/WholeSaleCartBadge.razor.rz.scp.css */
/* Hidden checkbox for toggle */
#cart-toggle[b-rsqkax9spb] {
    display: none;
}
    /* When checked: show modal, hide button */
    #cart-toggle:checked ~ .cart-float[b-rsqkax9spb] {
        display: none;
    }

    #cart-toggle:checked ~ .overlay[b-rsqkax9spb] {
        display: flex;
    }

        #cart-toggle:checked ~ .overlay .cart-modal[b-rsqkax9spb] {
            transform: translateX(0);
        }



/* Floating Cart Button */
.cart-float[b-rsqkax9spb] {
    position: fixed;
    right: 20px;
    bottom: var(--cart-position);
    color: #000;
    border: 1px solid var(--primary-color);
    width: 80px;
    height: 80px;
    border-top-left-radius: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    z-index: 1001;
    background: #ffff;
}

    .cart-float:hover[b-rsqkax9spb] {
        /*     background: var(--secondary-color);*/
        transform: scale(1.05);
    }

    .cart-float .badge[b-rsqkax9spb] {
        position: absolute;
        top: 70px;
        right: -1px;
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        background: #fff;
        color: #000;
        font-weight: 600;
        font-style: italic;
        font-size: 12px;
        border-radius: 0%;
        width: 80px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cart-float .badge-taka[b-rsqkax9spb] {
        position: absolute;
        top: 90px;
        right: 0px;
        background: var(--primary-color);
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        border-bottom-left-radius: 12px;
        width: 79px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.ml-count[b-rsqkax9spb] {
    margin-left: 2px;
}

.badge-taka i[b-rsqkax9spb] {
    font-size: 10px;
    margin-right: 2px;
}
/* Base badge */
.badge[b-rsqkax9spb] {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff; /* default text color */
}

/* Info badge */
.badge-info[b-rsqkax9spb] {
    background-color: var(--primary-color); /* bootstrap info color */
    color: #fff;
}

    /* Optional hover effect */
    .badge-info:hover[b-rsqkax9spb] {
        background-color: var(--secondary-color);
        cursor: default;
    }


.background-image[b-rsqkax9spb] {
    height: 70px;
    width: 70px;
}

@media (max-width: 576px) {
    .cart-float[b-rsqkax9spb] {
        right: 0px;
        width: 65px;
        height: 65px;
    }

    .background-image[b-rsqkax9spb] {
        height: 50px;
        width: 50px;
    }

    .cart-float .badge[b-rsqkax9spb] {
        top: 56px;
        width: 65px;
    }

    .cart-float .badge-taka[b-rsqkax9spb] {
        top: 76px;
        width: 65px;
        height: 40px;
    }
}
/* _content/ecom.theme/Components/Common/WholeSaleRegistration.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   DealerForm.razor.css
   Only custom styles — Bootstrap 5 handles the rest.
   ═══════════════════════════════════════════════ */

/* ── Page background ── */
.dealer-wrapper[b-nq3xhzumx3] {
    min-height: 100vh;
    background-color: #f0f2f5;
    padding: 0 0 3rem;
}

/* ── Card / container ── */
.dealer-card[b-nq3xhzumx3] {
    max-width: 660px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.10);
}

/* ── Hero banner ── */
.dealer-hero[b-nq3xhzumx3] {
    height: 160px;
    background: #1e3a5f;
    margin-top: 93px;
}

.dealer-hero-img[b-nq3xhzumx3] {
    display: block;
}

.dealer-hero-placeholder[b-nq3xhzumx3] {
    cursor: pointer;
}

.dealer-remove-btn[b-nq3xhzumx3] {
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    font-size: .8rem;
}

/* ── Signature box ── */
.dealer-sig-box[b-nq3xhzumx3] {
    min-height: 110px;
    background: #fafafa;
}
.dealer-policy-box[b-nq3xhzumx3] {
    height: 20rem;
    overflow: auto;
}
.dealer-sig-img[b-nq3xhzumx3] {
    max-height: 120px;
    max-width: 100%;
    display: block;
}
.fw-normal[b-nq3xhzumx3]{
    font-size:10px;
}
.text-justify[b-nq3xhzumx3]{
    text-align:justify;
}
.dealer-sig-preview[b-nq3xhzumx3] {
    height: 5rem;
    width: 15rem;
}
/* ── Upload label styled as button ── */
.dealer-upload-lbl[b-nq3xhzumx3] {
    cursor: pointer;
    position: relative;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* ── Validation error ── */
.dealer-err[b-nq3xhzumx3] {
    color: #dc3545;
    font-size: .75rem;
    display: block;
    margin-top: 2px;
}

/* ── Cursor helper ── */
.cursor-pointer[b-nq3xhzumx3] {
    cursor: pointer;
}
.form-check-input:checked[b-nq3xhzumx3] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


/* ── Safari / iOS: prevent input zoom ── */
@supports (-webkit-touch-callout: none) {
    .form-control[b-nq3xhzumx3],
    .form-select[b-nq3xhzumx3] {
        font-size: 16px !important;
    }
}

/* ── Mobile ≤ 400px tweaks ── */
@media (max-width: 400px) {
    .dealer-hero[b-nq3xhzumx3] {
        height: 110px;
    }

    .dealer-card[b-nq3xhzumx3] {
        box-shadow: none;
    }
}
/* _content/ecom.theme/Components/Common/WholeSaleShoppingCard.razor.rz.scp.css */
/* Hidden checkbox for toggle */
#cart-toggle[b-plxqwdk0lj] {
    display: none;
}

/* Floating Cart Button */
.cart-float[b-plxqwdk0lj] {
    position: fixed;
    right: 20px;
    bottom: var(--cart-position);
    background: var(--primary-color);
    color: #000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
    z-index: 1001;
}

    .cart-float:hover[b-plxqwdk0lj] {
        background: var(--secondary-color);
        transform: scale(1.05);
    }

    .cart-float .badge[b-plxqwdk0lj] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #fff;
        color: #000;
        font-weight: 600;
        font-size: 14px;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Overlay */
.overlay[b-plxqwdk0lj] {
    position: fixed;
    inset: 0;
    background: transparent;
    display: none;
    justify-content: flex-end;
    z-index: 2100;
    pointer-events: none;
}

    /* Click on overlay area to close */
    .overlay > label[b-plxqwdk0lj] {
        flex: 1;
        pointer-events: none;
    }

/* Modal */
.cart-modal[b-plxqwdk0lj] {
    background: #fff;
    width: 415px;
    max-width: 96%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 10px rgba(0,0,0,0.2);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    pointer-events: auto;
}

/* When checked: show modal, hide button */
#cart-toggle:checked ~ .cart-float[b-plxqwdk0lj] {
    display: none;
}

#cart-toggle:checked ~ .overlay[b-plxqwdk0lj] {
    display: flex;
}

    #cart-toggle:checked ~ .overlay .cart-modal[b-plxqwdk0lj] {
        transform: translateX(0);
    }

/* Header */
.cart-header[b-plxqwdk0lj] {
    background: #333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 1rem;
}

    .cart-header h2[b-plxqwdk0lj] {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }

.close-btn[b-plxqwdk0lj] {
    color: #ff6b6b;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
}

.cart-body[b-plxqwdk0lj] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ─── Cart Item Grid ─── */
.cart-item[b-plxqwdk0lj] {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 8px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 8px 10px 0px 10px;
    align-items: start;
}

.item-img[b-plxqwdk0lj] {
    width: 56px;
    height: 56px;
    grid-column: 1;
    grid-row: 1;
}

    .item-img img[b-plxqwdk0lj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.item-info[b-plxqwdk0lj] {
    grid-column: 2;
    grid-row: 1;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1.35;
    white-space: normal;
}

.cart-item > .item-header:first-child[b-plxqwdk0lj] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
}

.cart-item > .item-header:nth-child(2)[b-plxqwdk0lj] {
    display: contents;
}

.item-details[b-plxqwdk0lj] {
    grid-column: 2 / span 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-top: 4px;
    margin-top: -44px;
}

    .item-details .item-row[b-plxqwdk0lj] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        color: #444;
        white-space: nowrap;
    }

        .item-details .item-row > span:first-child[b-plxqwdk0lj] {
            display: none;
        }

        .item-details .item-row > *:last-child[b-plxqwdk0lj] {
            margin-left: auto;
        }

        /* Subtotal = */
        .item-details .item-row:last-child > span:last-child[b-plxqwdk0lj]::before {
            content: "=";
            color: #888;
            font-size: 13px;
            margin-right: 4px;
        }

        .item-details .item-row:last-child span[b-plxqwdk0lj] {
            font-weight: 600;
            color: #111;
        }

/* ─── Quantity Selector (merged) ─── */
.quantity-selector[b-plxqwdk0lj] {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 30px;
    padding: 3px;
    gap: 3px;
}

.quantity-btn[b-plxqwdk0lj] {
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-plxqwdk0lj] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-plxqwdk0lj] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-plxqwdk0lj] {
    width: 32px;
    text-align: center;
    font-size: 13px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    height: 26px;
    line-height: 26px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity-input[b-plxqwdk0lj]::-webkit-outer-spin-button,
.quantity-input[b-plxqwdk0lj]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Delete Button */
.delete-btn[b-plxqwdk0lj] {
    background: transparent;
    color: #aaa;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    padding: 3px 8px;
    cursor: pointer;
}

    .delete-btn:hover[b-plxqwdk0lj] {
        color: #e74c3c;
        background: #fff0f0;
    }

/* Badge */
.badge-info[b-plxqwdk0lj] {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #e8f4fd;
    color: #1a6a9a;
}

/* Footer */
.cart-summary-container[b-plxqwdk0lj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    border-top: 1px solid #eee;
    gap: 10px;
}

.cart-footer-item[b-plxqwdk0lj] {
    font-size: 16px;
    white-space: nowrap;
}

.discount-text[b-plxqwdk0lj] {
    color: #e53935;
}

.checkout-btn[b-plxqwdk0lj] {
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    display: inline-block;
    align-self: center;
    margin-bottom: 10px;
    width: auto;
    float: inline-end;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}

.discount-footer[b-plxqwdk0lj] {
    margin-right: 60px;
}

.checkout-btn:hover[b-plxqwdk0lj] {
    background: var(--secondary-color);
    color: #fff;
}

/* Base badge */
.badge[b-plxqwdk0lj] {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff;
}

/* Info badge */
.badge-info[b-plxqwdk0lj] {
    background-color: var(--primary-color);
    color: #fff;
}

    .badge-info:hover[b-plxqwdk0lj] {
        background-color: var(--secondary-color);
        cursor: default;
    }

@media (max-width: 768px) {
    .overlay[b-plxqwdk0lj] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 58px;
        bottom: calc(58px + env(safe-area-inset-bottom, 0px));
        height: auto;
        z-index: 2147483640 !important;
    }

    .cart-modal[b-plxqwdk0lj] {
        width: 100% !important;
        max-width: 100vw !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    .cart-body[b-plxqwdk0lj] {
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .card-footer[b-plxqwdk0lj] {
        flex-shrink: 0;
        background: #ffffff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
    }

    .cart-summary-container[b-plxqwdk0lj] {
        display: flex;
        flex-direction: column;
        padding: 10px 16px !important;
        gap: 8px;
    }

    .checkout-btn[b-plxqwdk0lj] {
        width: 100% !important;
        margin: 4px 0 0 0 !important;
        padding: 11px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .checkout-btn:active[b-plxqwdk0lj] {
        transform: scale(0.98);
    }
}
/* _content/ecom.theme/Components/Layout/DynamicPageLayout.razor.rz.scp.css */
.main-layout-height[b-juryxd1c8d] {
    margin-top: 5rem;
    min-height: calc(100vh - 350px);
}

.main-layout-height.has-mobile-bottom-menu[b-juryxd1c8d] {
    padding-top: 1.5rem;
}

@media (min-width: 992px) {
    .main-layout-height.has-mobile-bottom-menu[b-juryxd1c8d] {
        padding-top: 2.3rem;
    }
}
/* _content/ecom.theme/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0mi7dufra7] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0mi7dufra7] {
    flex: 1;
}

.sidebar[b-0mi7dufra7] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-0mi7dufra7] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0mi7dufra7]  a, .top-row[b-0mi7dufra7]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0mi7dufra7]  a:hover, .top-row[b-0mi7dufra7]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0mi7dufra7]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.main-layout-height[b-0mi7dufra7] {
    min-height: calc(100vh - 350px);
}

.main-layout-height.has-mobile-bottom-menu[b-0mi7dufra7] {
    padding-top: .8rem; /* Push down to compensate for the top pink/support bar on mobile */
}

@media (min-width: 992px) {
    .main-layout-height.has-mobile-bottom-menu[b-0mi7dufra7] {
        padding-top: 2rem; /* Push down to compensate for the pink bar on desktop */
    }
}

@media (max-width: 640.98px) {
    .top-row[b-0mi7dufra7] {
        justify-content: space-between;
    }

    .top-row[b-0mi7dufra7]  a, .top-row[b-0mi7dufra7]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-0mi7dufra7] {
        flex-direction: row;
    }

    .sidebar[b-0mi7dufra7] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-0mi7dufra7] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-0mi7dufra7]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-0mi7dufra7], article[b-0mi7dufra7] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-0mi7dufra7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0mi7dufra7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.theme-zihveen-bg[b-0mi7dufra7] {
    background-color: #eff3ee;
}

.zihveen-subpage-padding[b-0mi7dufra7] {
    /* The Zihveen header is fixed. Keep the legacy 40px breathing room
       without pushing the product gallery unnecessarily far down. */
    padding-top: 76px;
}

@media (max-width: 991px) {
    .zihveen-subpage-padding[b-0mi7dufra7] {
        padding-top: 75px;
    }
}
/* _content/ecom.theme/Components/Layout/UserLayout.razor.rz.scp.css */
.fab-main-content[b-ymxu9zxlmj] {
    margin-left: 280px;
    min-height: 100vh;
    padding: 2rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #f1f5f9;
    transition: margin-left 0.3s ease;
}

@media (min-width: 1025px) {
    .user-layout-shell:has(.fab-sidebar-toggled) .fab-main-content[b-ymxu9zxlmj] {
        margin-left: 72px;
    }
}
@media (max-width: 1024px) {

    .fab-main-content[b-ymxu9zxlmj] {
        margin-left: 0px;
        padding-top: 5rem;
        margin-left: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 768px) {

    .fab-main-content[b-ymxu9zxlmj] {
        margin-left: 0;
        padding: 5rem 1rem 0rem 1rem;
        margin-left: 0px;

    }
}
/* _content/ecom.theme/Components/Marvelle/NavMenu.razor.rz.scp.css */
.top-menu[b-ivgy42q0zx] {
    background-color: #f3f3f3;
    padding: 10px 0;
    margin: 10px 0px;
    margin-top: 68px;
}

.menu-container[b-ivgy42q0zx] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    justify-content: center;
}

.menu-item[b-ivgy42q0zx] {
    text-align: center;
    padding: 10px 30px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

    .menu-item:hover[b-ivgy42q0zx] {
        color: var(--secondary-color);
    }

.menu-icon[b-ivgy42q0zx] {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px;
    position: relative;
}

    .menu-icon img[b-ivgy42q0zx] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 60px;
    }

.menu-text[b-ivgy42q0zx] {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.menu-item:hover[b-ivgy42q0zx] {
    display: block;
}

@media (max-width: 1200px) {
    .menu-icon[b-ivgy42q0zx] {
        width: 50px;
        height: 50px;
    }

    .menu-text[b-ivgy42q0zx] {
        font-size: 13px;
    }

    .menu-item[b-ivgy42q0zx] {
        padding: 8px 10px;
    }
}

@media (max-width: 992px) {
    .menu-icon[b-ivgy42q0zx] {
        width: 45px;
        height: 45px;
    }

    .menu-text[b-ivgy42q0zx] {
        font-size: 12px;
    }

    .menu-item[b-ivgy42q0zx] {
        padding: 6px 8px;
    }

    .top-menu[b-ivgy42q0zx] {
        margin-top: 68px;
    }
}

@media (max-width: 768px) {
    .top-menu[b-ivgy42q0zx] {
        margin-top: 58px !important;
    }

    .menu-item[b-ivgy42q0zx] {
        padding: 5px 6px;
    }

    .menu-icon[b-ivgy42q0zx] {
        width: 40px;
        height: 40px;
    }

    .menu-text[b-ivgy42q0zx] {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .top-menu[b-ivgy42q0zx] {
        margin-top: 58px !important;
    }

    .menu-item[b-ivgy42q0zx] {
        padding: 4px 5px;
    }

    .menu-icon[b-ivgy42q0zx] {
        width: 35px;
        height: 35px;
    }

    .menu-text[b-ivgy42q0zx] {
        font-size: 10px;
    }
}
/* _content/ecom.theme/Components/Pages/DynamicPage.razor.rz.scp.css */
.dynamic-page-wrapper[b-9n1pbgyn11] {
    position: relative;
    min-height: calc(100vh - 80px);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Banner Styling */
.dynamic-page-banner[b-9n1pbgyn11] {
    width: 100%;
    aspect-ratio: 5 / 1;
    min-height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}

.banner-bg[b-9n1pbgyn11] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

@keyframes gentle-zoom-b-9n1pbgyn11 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.15);
    }
}

@keyframes slideInRight-b-9n1pbgyn11 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}

@keyframes slideInLeft-b-9n1pbgyn11 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}

@keyframes fadeIn-b-9n1pbgyn11 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.slide-in-right[b-9n1pbgyn11] {
    animation: slideInRight-b-9n1pbgyn11 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards, gentle-zoom-b-9n1pbgyn11 20s ease-in-out 0.6s infinite alternate;
}

.slide-in-left[b-9n1pbgyn11] {
    animation: slideInLeft-b-9n1pbgyn11 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards, gentle-zoom-b-9n1pbgyn11 20s ease-in-out 0.6s infinite alternate;
}

.fade-in[b-9n1pbgyn11] {
    animation: fadeIn-b-9n1pbgyn11 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards, gentle-zoom-b-9n1pbgyn11 20s ease-in-out 0.6s infinite alternate;
}

.banner-overlay[b-9n1pbgyn11] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
}

.banner-content[b-9n1pbgyn11] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1000px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
}

.banner-title[b-9n1pbgyn11] {
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    opacity: 0;
    animation: fadeInDown-b-9n1pbgyn11 0.8s ease-out forwards;
}

@keyframes fadeInDown-b-9n1pbgyn11 {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Submenu Styling */
.submenu-container[b-9n1pbgyn11] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.dynamic-submenu[b-9n1pbgyn11] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
}

.dynamic-submenu li[b-9n1pbgyn11] {
    margin: 0;
}

.dynamic-submenu li a[b-9n1pbgyn11] {
    color: white;
    text-decoration: none;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 20px;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 16px;
}

.dynamic-submenu li a:hover[b-9n1pbgyn11] {
    color: white;
    background-color: rgba(0, 0, 0, 0.03);
}

.dynamic-submenu li.active a[b-9n1pbgyn11] {
    color: white;
    background-color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Page Container Styling */
.page-container[b-9n1pbgyn11] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 50px auto;
    padding: 3rem 2.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    opacity: 0;
    animation: slideUpFade-b-9n1pbgyn11 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}

@keyframes slideUpFade-b-9n1pbgyn11 {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-content[b-9n1pbgyn11] {
    color: #1f2937;
    /* Slightly darker base text for better contrast */
    font-size: 1rem;
    line-height: 1.75;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /* White glow behind text to guarantee readability against any background element */
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 255, 255, 0.6);
}

.page-content[b-9n1pbgyn11]  h1 {
    color: #111827;
    font-size: 2.25rem;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-shadow: 0 1px 4px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 0.8);
}

.page-content[b-9n1pbgyn11]  h2 {
    color: #1f2937;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e5e7eb;
}

.page-content[b-9n1pbgyn11]  h3 {
    color: #374151;
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.page-content[b-9n1pbgyn11]  h4 {
    color: #4b5563;
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.page-content[b-9n1pbgyn11]  p {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.page-content[b-9n1pbgyn11]  a {
    color: #2563eb;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 500;
}

.page-content[b-9n1pbgyn11]  a:hover {
    color: #1d4ed8;
}

.page-content[b-9n1pbgyn11]  strong,
.page-content[b-9n1pbgyn11]  b {
    color: #111827;
    font-weight: 600;
}

.page-content[b-9n1pbgyn11]  ul,
.page-content[b-9n1pbgyn11]  ol {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}

.page-content[b-9n1pbgyn11]  li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.page-content[b-9n1pbgyn11]  ul>li {
    list-style-type: disc;
}

.page-content[b-9n1pbgyn11]  ul>li::marker {
    color: #9ca3af;
}

.page-content[b-9n1pbgyn11]  ol>li {
    list-style-type: decimal;
}

.page-content[b-9n1pbgyn11]  blockquote {
    font-weight: 500;
    font-style: italic;
    color: #111827;
    border-left: 0.25rem solid #e5e7eb;
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
}

.page-content[b-9n1pbgyn11]  hr {
    border-color: #e5e7eb;
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}

.page-content[b-9n1pbgyn11]  table {
    width: 100%;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    border-collapse: collapse;
}

.page-content[b-9n1pbgyn11]  thead {
    border-bottom: 2px solid #e5e7eb;
}

.page-content[b-9n1pbgyn11]  th {
    color: #111827;
    font-weight: 600;
    padding: 0.75rem 1rem;
    vertical-align: bottom;
}

.page-content[b-9n1pbgyn11]  td {
    padding: 0.75rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid #f3f4f6;
}

.page-content[b-9n1pbgyn11]  img {
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .banner-content[b-9n1pbgyn11] {
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .banner-title[b-9n1pbgyn11] {
        font-size: 1.5rem;
        margin-bottom: 75px;
    }

    .dynamic-submenu[b-9n1pbgyn11] {
        gap: 4px;
        padding: 5px;
    }

    .dynamic-submenu li a[b-9n1pbgyn11] {
        padding: 4px 6px;
        font-size: 11px;
        white-space: nowrap;
    }
}
/* _content/ecom.theme/Components/Pages/LandingHeroSlider.razor.rz.scp.css */
[b-gx3cg8e0q7] .landing-hero-slider {
    position: relative;
    width: 100%;
}

[b-gx3cg8e0q7] .hero-slide-img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: min(100%, 900px);
    margin: 0 auto;
}

[b-gx3cg8e0q7] .landing-full .hero-slide-img {
    aspect-ratio: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}

@media (prefers-reduced-motion: reduce) {
    [b-gx3cg8e0q7] .carousel-item {
        transition: none !important;
    }
}

[b-gx3cg8e0q7] .carousel-control-prev-icon,
[b-gx3cg8e0q7] .carousel-control-next-icon {
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8));
    width: 2.5rem;
    height: 2.5rem;
}
/* _content/ecom.theme/Components/Pages/MembershipPage.razor.rz.scp.css */
.membership-page[b-6uyjj6r1y4] {
    margin-top: 90px;
}

.membership-page-zavara[b-6uyjj6r1y4] {
    margin-top: 1px;
}

/* MainLayout already contributes 76px of fixed-header clearance.
   Another 60px reaches the 136px desktop Zihveen masthead exactly. */
.membership-page-zihveen[b-6uyjj6r1y4] {
    margin-top: 60px;
}

@media (max-width: 991px) {
    /* The compact header is 35px tall while MainLayout contributes 75px.
       Cancel the extra 40px so the page begins flush beneath the header. */
    .membership-page-zihveen[b-6uyjj6r1y4] {
        margin-top: -40px;
    }
}
/* _content/ecom.theme/Components/Pages/OrderInvoice.razor.rz.scp.css */
*[b-yq6402ggkb] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-yq6402ggkb] {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    background: #f9f9f9;
    color: #222;
    line-height: 1.5;
    padding: 0;
}

.invoice[b-yq6402ggkb] {
    /* Fluid width capped at A4 so it never overflows a phone viewport (the base fix); the
       media query below further tightens spacing on small screens. */
    width: 100%;
    max-width: 8.27in;
    height: 11.69in;
    margin: 0 auto;
    background: white;
    padding: 5px;
}

.header[b-yq6402ggkb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 3px solid #000;
}

.logo[b-yq6402ggkb] {
    font-size: 38px;
    font-weight: 900;
    color: #000;
}

    .logo img[b-yq6402ggkb] {
        height: 80px;
        margin-bottom: 10px;
    }

.invoice-title[b-yq6402ggkb] {
    text-align: right;
}

    .invoice-title h1[b-yq6402ggkb] {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 5px;
    }

.order[b-yq6402ggkb] {
    font-size: 25px;
    font-weight: 600;
    color: #6A0000;
}

/* Client & Dates */
.info-row[b-yq6402ggkb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    font-size: 16px;
}

.bill-to strong[b-yq6402ggkb] {
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}

/* Items Table */
table[b-yq6402ggkb] {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    font-size: 16px;
}

th[b-yq6402ggkb] {
    background: #f8f9fa;
    padding: 16px 12px;
    text-align: left;
    border-bottom: 3px solid #333;
    font-weight: 700;
}

td[b-yq6402ggkb] {
    padding: 16px 12px;
    border-bottom: 1px solid #ddd;
}

.text-center[b-yq6402ggkb] {
    text-align: center;
}

.text-right[b-yq6402ggkb] {
    text-align: right;
}

.amount[b-yq6402ggkb] {
    font-weight: 600;
}

/* Totals */
.totals[b-yq6402ggkb] {
    max-width: 450px;
    margin-left: auto;
    font-size: 17px;
    margin-top: 30px;
}

    .totals td[b-yq6402ggkb] {
        padding: 10px 20px;
        border-bottom: 1px solid #ccc;
    }

.total-row[b-yq6402ggkb] {
    font-size: 15px !important;
    font-weight: 500 !important;
    background: #2c3e50;
    color: white;
}

/* Signature */
.signature[b-yq6402ggkb] {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
}

    .signature .sig-line[b-yq6402ggkb] {
        text-align: center;
    }

        .signature .sig-line p[b-yq6402ggkb] {
            margin: 0;
            padding: 2px 0;
        }

.sig-line .sig-label[b-yq6402ggkb] {
    margin-top: 5px;
    font-weight: 600;
}

/* Footer */
.footer[b-yq6402ggkb] {
    margin-top: 80px;
    padding-top: 30px;
    border-top: 2px solid #333;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}

    .footer div[b-yq6402ggkb] {
        flex: 1;
    }

    .footer strong[b-yq6402ggkb] {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
    }

.page-border[b-yq6402ggkb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 5px solid #333;
}

@media print {
    body[b-yq6402ggkb] {
        padding: 0;
        background: white;
    }
}

/* Mobile / small screens: the fixed A4 width (8.27in) overflows a phone viewport and pushes the
   totals block off-screen (the reported "mobile view broke" when opening the QR link). Reflow the
   sheet to the viewport width, stack the two-column rows, and tighten spacing. Desktop is untouched. */
@media (max-width: 768px) {
    .invoice[b-yq6402ggkb] {
        width: 100%;
        height: auto;
        padding: 14px;
    }

    .header[b-yq6402ggkb] {
        margin-bottom: 20px;
        padding-bottom: 12px;
    }

        .logo img[b-yq6402ggkb] {
            height: 56px;
        }

    .info-row[b-yq6402ggkb] {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 18px;
        font-size: 14px;
    }

        /* Left-align the date/payment block (it is inline-styled text-align:right) once stacked. */
        .info-row > div[b-yq6402ggkb] {
            text-align: left !important;
        }

    table[b-yq6402ggkb] {
        margin: 16px 0;
        font-size: 14px;
    }

    th[b-yq6402ggkb],
    td[b-yq6402ggkb] {
        padding: 10px 8px;
    }

    .totals[b-yq6402ggkb] {
        max-width: 100%;
        margin-left: 0;
        margin-top: 18px;
        font-size: 15px;
    }

        .totals td[b-yq6402ggkb] {
            padding: 8px 10px;
        }

    .signature[b-yq6402ggkb] {
        margin-top: 30px;
        font-size: 14px;
    }
}
/* _content/ecom.theme/Components/Pages/ProductDetailsPage.razor.rz.scp.css */
.page-container[b-t9qb5i65rd] {
    padding: calc(70px + 1rem) 7.7rem 1rem;
}

/* The Zihveen product component owns its horizontal page padding. Keeping the
   shared padding here forces the child to use fragile negative-margin maths
   and leaves large gutters at intermediate viewport widths. */
.page-container.zihveen-product-page-container[b-t9qb5i65rd] {
    padding-top: 76px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .page-container[b-t9qb5i65rd] {
        padding: 6.25rem 1rem 1rem;
    }
}

/* Zihveen already reserves mobile space for its fixed header in MainLayout.
   Do not add the shared product-page top offset a second time. */
@media (max-width: 991.98px) {
    .page-container.zihveen-product-page-container[b-t9qb5i65rd] {
        padding-top: 0;
        margin-top: -20px;
    }
}
/* _content/ecom.theme/Components/Pages/ShopCategoryPage.razor.rz.scp.css */
.shop-grid[b-8w8xjirn1s] {
    display: grid;
    grid-template-columns: 300px 1fr !important;
    gap: 5px !important;
}

.shop-grid .container[b-8w8xjirn1s] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {

    .list[b-8w8xjirn1s] {
        display: block;
        display: flex;
        gap: 0.5rem;
    }

    .shop-grid[b-8w8xjirn1s] {
        display: block;
    }
}

@media (max-width: 480px) {
    .list[b-8w8xjirn1s] {
        display: flex;
        gap: 0.5rem;
    }

    .shop-grid[b-8w8xjirn1s] {
        display: block;
    }
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid[b-8w8xjirn1s] {
    grid-template-columns: 1fr !important;
    display: grid !important;
    width: 100% !important;
    margin-left: 0 !important;
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid .container[b-8w8xjirn1s] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
}
/* _content/ecom.theme/Components/Pages/ShopPage.razor.rz.scp.css */
.shop-grid[b-yf1povqxqu] {
    display: grid;
    grid-template-columns: 300px 1fr !important;
    gap: 5px !important;
}

.shop-grid .container[b-yf1povqxqu] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {

    .list[b-yf1povqxqu] {
        display: flex;
        gap: 0.5rem;
    }

    .shop-grid[b-yf1povqxqu] {
        display: block;
    }
}

@media (max-width: 480px) {
    .list[b-yf1povqxqu] {
        display: flex;
        gap: 0.5rem;
    }

    .shop-grid[b-yf1povqxqu] {
        display: block;
    }
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid[b-yf1povqxqu] {
    grid-template-columns: 1fr !important;
    display: grid !important;
    width: 100% !important;
    margin-left: 0 !important;
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid .container[b-yf1povqxqu] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
}
/* _content/ecom.theme/Components/Pages/WeeklyDealsPage.razor.rz.scp.css */
.weekly-deals-heading[b-s55qbukrlq] {
    margin-top: 90px;
}

/* The Zihveen layout already reserves 76px for its fixed header. Its desktop
   masthead is 136px tall, so the remaining 60px places this banner directly
   against the bottom edge of the header. */
.weekly-deals-heading-zihveen[b-s55qbukrlq] {
    margin-top: 60px;
}

.weekly-deals-heading-zavara[b-s55qbukrlq] {
    margin-top: 1px;
}

@media (max-width: 991.98px) {
    /* On smaller screens the shared layout's 75px top padding clears the
       compact Zihveen header without any additional page-level offset. */
    .weekly-deals-heading-zihveen[b-s55qbukrlq] {
        margin-top: 0;
    }
}
/* _content/ecom.theme/Components/Taste/NavMenu.razor.rz.scp.css */
.top-menu[b-3tzjw47xec] {
    background-color: #f3f3f3;
    padding: 10px 0;
    margin: 10px 0px;
    margin-top: 68px;
}

.menu-container[b-3tzjw47xec] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    justify-content: center;
}

.menu-item[b-3tzjw47xec] {
    text-align: center;
    padding: 10px 30px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

    .menu-item:hover[b-3tzjw47xec] {
        color: var(--secondary-color);
    }

.menu-icon[b-3tzjw47xec] {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px;
    position: relative;
}

    .menu-icon img[b-3tzjw47xec] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 60px;
    }

.menu-text[b-3tzjw47xec] {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.menu-item:hover[b-3tzjw47xec] {
    display: block;
}

@media (max-width: 1200px) {
    .menu-icon[b-3tzjw47xec] {
        width: 50px;
        height: 50px;
    }

    .menu-text[b-3tzjw47xec] {
        font-size: 13px;
    }

    .menu-item[b-3tzjw47xec] {
        padding: 8px 10px;
    }
}

@media (max-width: 992px) {
    .menu-icon[b-3tzjw47xec] {
        width: 45px;
        height: 45px;
    }

    .menu-text[b-3tzjw47xec] {
        font-size: 12px;
    }

    .menu-item[b-3tzjw47xec] {
        padding: 6px 8px;
    }

    .top-menu[b-3tzjw47xec] {
        margin-top: 68px;
    }
}

@media (max-width: 768px) {
    .top-menu[b-3tzjw47xec] {
        margin-top: 58px !important;
    }

    .menu-item[b-3tzjw47xec] {
        padding: 5px 6px;
    }

    .menu-icon[b-3tzjw47xec] {
        width: 40px;
        height: 40px;
    }

    .menu-text[b-3tzjw47xec] {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .top-menu[b-3tzjw47xec] {
        margin-top: 58px !important;
    }

    .menu-item[b-3tzjw47xec] {
        padding: 4px 5px;
    }

    .menu-icon[b-3tzjw47xec] {
        width: 35px;
        height: 35px;
    }

    .menu-text[b-3tzjw47xec] {
        font-size: 10px;
    }
}
/* _content/ecom.theme/Components/Zavara/Bredcrumb.razor.rz.scp.css */
.breadcrumb-bar[b-8is1ce6jf8] {
    width: 100%;
    min-width: 0;
}

.breadcrumb-nav[b-8is1ce6jf8] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* Breadcrumb layout */
.custom-breadcrumb[b-8is1ce6jf8] {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    white-space: nowrap;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px;
    width: 100%;
    min-width: 0;
    list-style: none;
}

/* Every breadcrumb item has uniform base styling */
.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item,
.custom-breadcrumb .breadcrumb-item[b-8is1ce6jf8] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.2;
}

/* Ensure links, spans, and NavLinks have the exact same color and styling */
.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item a,
.custom-breadcrumb .breadcrumb-item a[b-8is1ce6jf8],
.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item span,
.custom-breadcrumb .breadcrumb-item span[b-8is1ce6jf8],
.custom-breadcrumb[b-8is1ce6jf8]  a,
.custom-breadcrumb a[b-8is1ce6jf8] {
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease;
}

.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item a:hover,
.custom-breadcrumb .breadcrumb-item a:hover[b-8is1ce6jf8],
.custom-breadcrumb[b-8is1ce6jf8]  a:hover,
.custom-breadcrumb a:hover[b-8is1ce6jf8] {
    color: var(--primary-color, #ff6b6b) !important;
    text-decoration: underline !important;
}

/* Active item (Product Name with Ellipsis) */
.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item.active,
.custom-breadcrumb .breadcrumb-item.active[b-8is1ce6jf8] {
    color: #0f172a !important;
    font-weight: 600 !important;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* Separator */
.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item + .breadcrumb-item,
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item[b-8is1ce6jf8] {
    padding-left: 0;
}

.custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item + .breadcrumb-item::before,
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item[b-8is1ce6jf8]::before {
    content: ">";
    padding: 0 6px;
    color: #94a3b8 !important;
    font-weight: 400;
    flex-shrink: 0;
}

/* Action Buttons (Back / Forward) */
.breadcrumb-actions[b-8is1ce6jf8] {
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 12px;
}

.breadcrumb-btn[b-8is1ce6jf8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-decoration: none;
}

.breadcrumb-btn:hover:not(.disabled)[b-8is1ce6jf8] {
    background-color: var(--primary-color, #ff6b6b);
    color: #ffffff;
    border-color: var(--primary-color, #ff6b6b);
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.breadcrumb-btn.disabled[b-8is1ce6jf8] {
    background-color: #f8fafc;
    color: #cbd5e1;
    box-shadow: none;
    cursor: not-allowed;
    border-color: #f1f5f9;
}

.breadcrumb-btn i[b-8is1ce6jf8] {
    font-size: 11px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .custom-breadcrumb[b-8is1ce6jf8] {
        font-size: 12px;
    }

    .custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item,
    .custom-breadcrumb .breadcrumb-item[b-8is1ce6jf8] {
        font-size: 12px;
    }

    .custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item + .breadcrumb-item::before,
    .custom-breadcrumb .breadcrumb-item + .breadcrumb-item[b-8is1ce6jf8]::before {
        padding: 0 4px;
        font-size: 10px;
    }

    .breadcrumb-actions[b-8is1ce6jf8] {
        margin-left: 6px;
        gap: 4px;
    }

    .breadcrumb-btn[b-8is1ce6jf8] {
        width: 24px;
        height: 24px;
    }

    .breadcrumb-btn i[b-8is1ce6jf8] {
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .custom-breadcrumb[b-8is1ce6jf8] {
        font-size: 11.5px;
    }

    .custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item,
    .custom-breadcrumb .breadcrumb-item[b-8is1ce6jf8] {
        font-size: 11.5px;
    }

    .custom-breadcrumb[b-8is1ce6jf8]  .breadcrumb-item + .breadcrumb-item::before,
    .custom-breadcrumb .breadcrumb-item + .breadcrumb-item[b-8is1ce6jf8]::before {
        padding: 0 3px;
        font-size: 9.5px;
    }
}
/* _content/ecom.theme/Components/Zavara/CartOfferHint.razor.rz.scp.css */
.zv-cart-offer-hint[b-6codomy6x2] {
    margin: 0 0 0.6rem;
    padding: 0.55rem 0.75rem;
    border: 1px dashed var(--primary-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary-color) 8%, #fff);
    color: #1f2937;
    font-size: 0.85rem;
    font-weight: 600;
}
/* _content/ecom.theme/Components/Zavara/ContactSection.razor.rz.scp.css */
.contact-bar[b-xbrmcbfch8] {
    background-color: #7e7e7e;
    color: #ffffff;
    padding: 30px 20px;
}

.container[b-xbrmcbfch8] {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.newsletter-section[b-xbrmcbfch8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.newsletter-header[b-xbrmcbfch8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-icon[b-xbrmcbfch8] {
    font-size: 20px;
    color: var(--primary-color);
}

.newsletter-title[b-xbrmcbfch8] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.newsletter-form[b-xbrmcbfch8] {
    display: flex;
    gap: 0;
}

.email-input[b-xbrmcbfch8] {
    flex: 1;
    padding: 12px 15px;
    border: none;
    background-color: #5a5a5a;
    color: #aaaaaa;
    font-size: 14px;
    outline: none;
}

    .email-input[b-xbrmcbfch8]::placeholder {
        color: #aaaaaa;
    }

.subscribe-btn[b-xbrmcbfch8] {
    padding: 12px 30px;
    background-color: var(--primary-color);
    color: #ffffff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .subscribe-btn:hover[b-xbrmcbfch8] {
        background-color: var(--secondary-color);
    }

.contact-section[b-xbrmcbfch8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 250px;
}

.contact-header[b-xbrmcbfch8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-title[b-xbrmcbfch8] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.phone-number[b-xbrmcbfch8] {
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}

.hours[b-xbrmcbfch8] {
    font-size: 13px;
    color: #cccccc;
    margin-left: 30px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .container[b-xbrmcbfch8] {
        flex-direction: column;
        gap: 30px;
    }

    .newsletter-section[b-xbrmcbfch8],
    .contact-section[b-xbrmcbfch8] {
        width: 100%;
    }

    .contact-section[b-xbrmcbfch8] {
        min-width: auto;
    }

    .newsletter-form[b-xbrmcbfch8] {
        flex-direction: column;
    }

    .subscribe-btn[b-xbrmcbfch8] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-bar[b-xbrmcbfch8] {
        padding: 20px 15px;
    }

    .newsletter-title[b-xbrmcbfch8],
    .contact-title[b-xbrmcbfch8] {
        font-size: 12px;
    }

    .email-input[b-xbrmcbfch8] {
        font-size: 13px;
        padding: 10px 12px;
    }

    .subscribe-btn[b-xbrmcbfch8] {
        padding: 10px 20px;
        font-size: 13px;
    }

    .phone-number[b-xbrmcbfch8] {
        font-size: 15px;
    }

    .hours[b-xbrmcbfch8] {
        font-size: 12px;
    }
}
/* _content/ecom.theme/Components/Zavara/OfferGiftBadge.razor.rz.scp.css */
/* Top-right of the picture (the deal timer is top-left). */
.zv-gift-badge[b-txko82kkvw] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    pointer-events: none;
}

    /* Weekly deal card with its discount sticker in the corner: sit just below the sticker. */
    .zv-gift-badge.zv-gift-below[b-txko82kkvw] {
        top: calc(3.6rem + 4px);
        right: 0;
    }
/* _content/ecom.theme/Components/Zavara/ProductCard.razor.rz.scp.css */
.product-section-card[b-f5m7gzju3f] {
    background: #fff;
    border: 1px solid var(--primary-color);
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    height: 100%;
    min-height: 270px;
    display: flex;
    flex-direction: column;
}

    .product-section-card:hover[b-f5m7gzju3f] {
        transform: translateY(-3px);
    }

.product-section-image[b-f5m7gzju3f] {
    position: relative;
    width: 100%;
    height: 160px;
    background: white;
    overflow: hidden;
}

    .product-section-image img[b-f5m7gzju3f] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.out-of-stock-banner[b-f5m7gzju3f] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    background-color: rgba(240, 240, 240, 0.82);
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0;
    z-index: 4;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.product-section-info[b-f5m7gzju3f] {
    padding: 10px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-name[b-f5m7gzju3f] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
    color: #333;
}

.price[b-f5m7gzju3f] {
    font-size: 16px;
    font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 12px;
}

    .price del[b-f5m7gzju3f] {
        color: #f00;
        font-weight: 400;
        margin-left: 8px;
        font-size: 14px;
    }

.card-action-wrapper[b-f5m7gzju3f] {
    width: 100%;
    margin-top: auto;
}

.card-action-row[b-f5m7gzju3f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

.product-section-buy-btn[b-f5m7gzju3f] {
    background: transparent;
    color: var(--primary-color, #ff6b6b);
    border: 1.5px solid var(--primary-color, #ff6b6b);
    border-radius: 25px;
    padding: 5px 2px;
    text-align: center;
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    transition: all 0.25s ease;
}

.product-section-buy-btn.btn-add-cart[b-f5m7gzju3f] {
    flex: 1.35 1 0;
    width: calc(58% - 2px);
}

.product-section-buy-btn.btn-buy-now[b-f5m7gzju3f] {
    flex: 1 1 0;
    width: calc(42% - 2px);
}

.product-section-buy-btn.btn-cart-toggle[b-f5m7gzju3f] {
    flex: 1 1 0;
    width: calc(45% - 2px);
}

.product-section-buy-btn:hover[b-f5m7gzju3f] {
    background: var(--primary-color, #ff6b6b);
    color: #ffffff;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--primary-color, #ff6b6b) 30%, transparent);
}


@media (max-width: 600px) {
    .product-name[b-f5m7gzju3f] {
        font-size: 13px;
    }

    .price[b-f5m7gzju3f] {
        font-size: 14px;
    }

    .product-section-buy-btn[b-f5m7gzju3f] {
        padding: 4px 1px;
        font-size: 8.5px;
    }
}

/* ==================== Item Row ==================== */

.item-row[b-f5m7gzju3f] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
}

    .item-row > span:first-child[b-f5m7gzju3f] {
        display: none;
    }

    .item-row > *:last-child[b-f5m7gzju3f] {
        margin-left: auto;
    }

    .item-row:last-child > span:last-child[b-f5m7gzju3f]::before {
        content: "=";
        color: #888;
        font-size: 13px;
        margin-right: 4px;
    }

    .item-row:last-child span[b-f5m7gzju3f] {
        font-weight: 600;
        color: #111;
    }

/* ==================== Quantity Selector ==================== */

.quantity-selector[b-f5m7gzju3f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 50%;
    gap: 2px;
    margin: 0;
    padding: 2px 4px;
    background: #f1f1f1;
    border-radius: 25px;
}

.quantity-btn[b-f5m7gzju3f] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-f5m7gzju3f] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-f5m7gzju3f] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-f5m7gzju3f] {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #222;
    -webkit-text-fill-color: #222;
    opacity: 1;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity-input[b-f5m7gzju3f]::-webkit-outer-spin-button,
.quantity-input[b-f5m7gzju3f]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* _content/ecom.theme/Components/Zavara/TodayDeals.razor.rz.scp.css */
.deals-section[b-i6hil7a209] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-container[b-i6hil7a209] {
    background: #f9f9f9;
    padding: 24px;
}

.section-header[b-i6hil7a209] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 12px 24px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
}

.header-spacer[b-i6hil7a209] {
    flex: 1;
}

.section-title[b-i6hil7a209] {
    flex: 2;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color, #ff6b6b);
    margin: 0;
}

.header-controls[b-i6hil7a209] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.see-more-btn[b-i6hil7a209] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color, #ff6b6b);
    background: #ffffff;
    border: 1.5px solid var(--primary-color, #ff6b6b);
    border-radius: 20px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

    .see-more-btn i[b-i6hil7a209] {
        font-size: 11px;
        transition: transform 0.2s ease;
    }

    .see-more-btn:hover[b-i6hil7a209] {
        color: var(--primary-color, #ff6b6b);
        border-color: var(--primary-color, #ff6b6b);
        background: rgba(255, 107, 107, 0.06);
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    }

    .see-more-btn:hover i[b-i6hil7a209] {
        transform: translateX(3px);
    }

    .see-more-btn:active[b-i6hil7a209] {
        transform: scale(0.96);
    }

.slider-controls[b-i6hil7a209] {
    display: flex;
    gap: 8px;
}

.slider-btn[b-i6hil7a209] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #212121;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .slider-btn:hover[b-i6hil7a209] {
        background: #f5f5f5;
        border-color: var(--secondary-color);
        color: var(--secondary-color);
    }

    .slider-btn:disabled[b-i6hil7a209] {
        opacity: 0.3;
        cursor: not-allowed;
    }

        .slider-btn:disabled:hover[b-i6hil7a209] {
            background: #fff;
            border-color: #e0e0e0;
            color: #212121;
        }

.slider-wrapper[b-i6hil7a209] {
    position: relative;
    overflow: hidden;
}

.slider-container[b-i6hil7a209] {
    display: flex;
    align-items: stretch;
    gap: 14px;
    transition: transform 0.3s ease;
    scroll-behavior: smooth;
}

/* Responsive */
@media (max-width: 992px) {
    .deals-section[b-i6hil7a209] {
        padding: 0px;
    }

    .section-title[b-i6hil7a209] {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .deals-section[b-i6hil7a209] {
        padding: 0px;
    }

    .section-container[b-i6hil7a209] {
        padding: 12px 8px;
    }

    .section-header[b-i6hil7a209] {
        padding: 10px 14px;
        margin-bottom: 14px;
    }

    .section-title[b-i6hil7a209] {
        font-size: 18px;
        text-align: left;
        flex: unset;
    }

    .header-controls[b-i6hil7a209] {
        flex: unset;
    }

    .see-more-btn[b-i6hil7a209] {
        padding: 5px 12px;
        font-size: 12px;
        border-radius: 16px;
    }

    .slider-btn[b-i6hil7a209] {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 576px) {
    .deals-section[b-i6hil7a209] {
        padding: 0px;
    }

    .section-container[b-i6hil7a209] {
        padding: 8px 4px;
    }

    .section-header[b-i6hil7a209] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 12px;
        margin-bottom: 12px;
        background: #fdfdfd;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
    }

    .section-title[b-i6hil7a209] {
        font-size: 16.5px;
        font-weight: 700;
        text-align: left;
    }

    .header-controls[b-i6hil7a209] {
        flex: unset;
    }

    .see-more-btn[b-i6hil7a209] {
        padding: 4px 11px;
        font-size: 11px;
        font-weight: 600;
        border-radius: 14px;
        background: #ffffff;
        color: var(--primary-color, #ff6b6b);
        border: 1.5px solid var(--primary-color, #ff6b6b);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
        white-space: nowrap;
        gap: 4px;
    }

    .see-more-btn i[b-i6hil7a209] {
        font-size: 9.5px;
        margin-left: 1px;
    }

    .see-more-btn:active[b-i6hil7a209] {
        background: rgba(255, 107, 107, 0.1);
        transform: scale(0.95);
    }

    .slider-controls[b-i6hil7a209] {
        gap: 4px;
    }

    .slider-btn[b-i6hil7a209] {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}
/* _content/ecom.theme/Components/Zavara/TodayProduct.razor.rz.scp.css */
.deal-card[b-odqzt03xnz] {
    flex: 0 0 calc((100% - 42px) / 4);
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 12px;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    min-height: 270px;
    min-width: 0;
}

.deal-card:hover[b-odqzt03xnz] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

.deal-image-container[b-odqzt03xnz] {
    position: relative;
    width: 100%;
    height: 160px;
}

.deal-image[b-odqzt03xnz] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding-top: 32px;
}

.deal-title[b-odqzt03xnz] {
    font-size: 14px;
    font-weight: bold;
    color: #212121;
    margin-top: 10px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.deal-price[b-odqzt03xnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.current-price[b-odqzt03xnz] {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color, #f47b20);
}

.original-price[b-odqzt03xnz] {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

/* ── Deal Timer ── */
.deal-timer[b-odqzt03xnz] {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 5;
    background: #cc1f1f;
    border-radius: 4px;
    padding: 4px 6px 0px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.t-unit[b-odqzt03xnz] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.t-num[b-odqzt03xnz] {
    background: #fff;
    color: #cc1f1f;
    font-size: 0.72rem;
    font-weight: 800;
    font-family: 'Courier New', monospace;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.t-lbl[b-odqzt03xnz] {
    color: rgba(255,255,255,0.85);
    font-size: 0.45rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 2px;
    font-weight: 700;
}

.t-sep[b-odqzt03xnz] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 8px;
    opacity: 0.8;
}

/* ── Buy Button ── */
.buy-btn[b-odqzt03xnz] {
    padding: 6px 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: inline-block;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
    margin-top: 8px;
}

.buy-btn:hover[b-odqzt03xnz] {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.buy-btn:active[b-odqzt03xnz] {
    transform: translateY(0px);
    box-shadow: none;
}

/* Responsive */
@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .deal-card[b-odqzt03xnz] { flex: 0 0 calc((100% - 42px) / 3); }
}

@media (max-width: 768px) {
    .deal-card[b-odqzt03xnz] { flex: 0 0 calc((100% - 12px) / 2); }
    .current-price[b-odqzt03xnz] { font-size: 18px; }
}

@media (max-width: 576px) {
    .deal-card[b-odqzt03xnz] { flex: 0 0 calc(100% - 8px); }
    .deal-image-container[b-odqzt03xnz] { height: 140px; }
    .deal-title[b-odqzt03xnz] { font-size: 13px; }
}

/* ==================== Item Row ==================== */

.item-row[b-odqzt03xnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
}

/* ==================== Quantity Selector ==================== */

.quantity-selector[b-odqzt03xnz] {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 0 auto;
    padding: 3px;
    background: #f1f1f1;
    border-radius: 30px;
}

.quantity-btn[b-odqzt03xnz] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-odqzt03xnz] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-odqzt03xnz] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-odqzt03xnz] {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #222;
    -webkit-text-fill-color: #222;
    opacity: 1;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity-input[b-odqzt03xnz]::-webkit-outer-spin-button,
.quantity-input[b-odqzt03xnz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* _content/ecom.theme/Components/Zihveen/AboutSection.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ABOUT ZIHVEEN SPLIT SECTION STYLES (Home Page Layout item "AboutSection")
   ══════════════════════════════════════════ */

.about-zihveen-section[b-44y5l0eycj] {
    background-color: #eff3ee;
    overflow: hidden;
    margin: 10px 0;
}

/* Left Column: Story */
.about-story-col[b-44y5l0eycj] {
    position: relative;
    background-color: #eff3ee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 5vw, 4rem);
    min-height: 480px;
}

/* Subtle Watermark Monogram Background */
.about-watermark[b-44y5l0eycj] {
    position: absolute;
    inset: 0;
    background-image: url('https://zihveen.com/wp-content/uploads/2023/03/Black-Icon-black.png.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 280px;
    opacity: 0.05;
    pointer-events: none;
}

.about-text-content[b-44y5l0eycj] {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 520px;
}

.about-heading[b-44y5l0eycj] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 2.5vw, 2.4rem);
    font-weight: 700;
    color: #002726;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.about-body[b-44y5l0eycj] {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.9rem, 1.1vw, 1.05rem);
    font-weight: 400;
    color: #333333;
    line-height: 1.8;
    margin: 0 0 24px 0;
}

.about-slogan[b-44y5l0eycj] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1rem, 1.3vw, 1.25rem);
    font-weight: 700;
    color: #002726;
    letter-spacing: 0.05em;
    margin: 0 0 32px 0;
}

.about-slogan em[b-44y5l0eycj] {
    font-style: italic;
}

/* Deep Forest Green Button */
.about-see-more-btn[b-44y5l0eycj] {
    display: inline-block;
    background-color: #0d2e2d;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 36px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(13, 46, 45, 0.25);
}

.about-see-more-btn:hover[b-44y5l0eycj] {
    background-color: #164645;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(13, 46, 45, 0.4);
}

/* Right Column: Editorial Photo */
.about-image-col[b-44y5l0eycj] {
    background-color: #07201f;
    min-height: 480px;
}

.about-image-wrapper[b-44y5l0eycj] {
    width: 100%;
    height: 100%;
    min-height: 480px;
    overflow: hidden;
}

.about-image-wrapper img[b-44y5l0eycj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.6s ease;
}

.about-image-wrapper:hover img[b-44y5l0eycj] {
    transform: scale(1.03);
}

@media (max-width: 991.98px) {
    .about-story-col[b-44y5l0eycj] {
        padding: 3rem 1.5rem;
        min-height: auto;
    }
    .about-image-col[b-44y5l0eycj],
    .about-image-wrapper[b-44y5l0eycj] {
        min-height: 380px;
    }
}
/* _content/ecom.theme/Components/Zihveen/AdvertisementHome.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN HOME ADVERTISEMENT BANNERS
   One banner full width, or two side by side (one per row on phones).
   ══════════════════════════════════════════ */

.zh-ad-section[b-yrdhzvimae] {
    background-color: #eff3ee;
    padding: 1.5rem 0;
}

.zh-ad-row[b-yrdhzvimae] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

    .zh-ad-row.zh-ad-two[b-yrdhzvimae] {
        grid-template-columns: 1fr 1fr;
    }

.zh-ad-card[b-yrdhzvimae] {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 3 / 1;
    background-color: #dfe6de;
    box-shadow: 0 2px 12px rgba(13, 46, 45, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .zh-ad-card:hover[b-yrdhzvimae] {
        box-shadow: 0 6px 20px rgba(13, 46, 45, 0.18);
        transform: translateY(-3px);
    }

    .zh-ad-card img[b-yrdhzvimae] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.6s ease;
    }

    .zh-ad-card:hover img[b-yrdhzvimae] {
        transform: scale(1.03);
    }

@media (max-width: 767.98px) {
    .zh-ad-section[b-yrdhzvimae] {
        padding: 0.75rem 0;
    }

    .zh-ad-row.zh-ad-two[b-yrdhzvimae] {
        grid-template-columns: 1fr;
    }
}
/* _content/ecom.theme/Components/Zihveen/BestSeller.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN BEST SELLING PRODUCTS STYLES
   ══════════════════════════════════════════ */

.zihveen-bestseller-section[b-jvu3javv4y] {
    padding: 35px 0 20px 0;
    background-color: #eff3ee;
}

/* ==================== Section Header (Matching New Arrival Card Style) ==================== */
.section-header[b-jvu3javv4y] {
    display: flex;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    width: 100%;
    background: #ffffff;
}

.deal-title[b-jvu3javv4y] {
    font-size: 28px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 25px;
}

.deal-wrapper[b-jvu3javv4y] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size: 20px;
}

.deal-wrapper .fs-small[b-jvu3javv4y] {
    font-size: 20px;
}

/* Slider Controls */
.bestseller-controls[b-jvu3javv4y] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.slider-btn[b-jvu3javv4y] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid var(--primary-color);
    background: #fff;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.slider-btn:hover:not(:disabled)[b-jvu3javv4y] {
    background-color: var(--primary-color);
    color: #ffffff;
    transform: scale(1.06);
}

.slider-btn:disabled[b-jvu3javv4y] {
    opacity: 0.35;
    cursor: not-allowed;
    border-color: #d0d0d0;
    color: #888;
}

@media (max-width: 768px) {
    .deal-title[b-jvu3javv4y] {
        font-size: 16px;
    }
    .slider-btn[b-jvu3javv4y] {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .deal-title[b-jvu3javv4y] {
        font-size: 16px;
    }
    .deal-wrapper[b-jvu3javv4y] {
        font-size: 8px;
        display: none;
    }
    .slider-btn[b-jvu3javv4y] {
        width: 30px;
        height: 30px;
        font-size: 11px;
    }
}

/* Slider Track */
.bestseller-slider-wrapper[b-jvu3javv4y] {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 6px 0;
}

.bestseller-slider-track[b-jvu3javv4y] {
    display: flex;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.bestseller-card-col[b-jvu3javv4y] {
    flex: 0 0 16.666667%; /* 6 columns on large screens */
    max-width: 16.666667%;
    padding: 0 6px;
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    .bestseller-card-col[b-jvu3javv4y] {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 992px) {
    .bestseller-card-col[b-jvu3javv4y] {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 768px) {
    .bestseller-card-col[b-jvu3javv4y] {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 576px) {
    .bestseller-card-col[b-jvu3javv4y] {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Card */
.zihveen-product-card[b-jvu3javv4y] {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.product-image-box[b-jvu3javv4y] {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #f7f7f7;
}

.product-image[b-jvu3javv4y] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.5s ease;
}

.zihveen-product-card:hover .product-image[b-jvu3javv4y] {
    transform: scale(1.06);
}

/* Faint Watermark on top of image */
.product-watermark[b-jvu3javv4y] {
    position: absolute;
    top: 6px;
    left: 8px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.45);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.product-sale-pill[b-jvu3javv4y] {
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: #8b5d17;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 2px;
    letter-spacing: 0.05em;
}

.out-of-stock-banner[b-jvu3javv4y] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    background-color: rgba(240, 240, 240, 0.82);
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0;
    z-index: 4;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* Details */
.product-details[b-jvu3javv4y] {
    padding: 10px 4px 6px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-category[b-jvu3javv4y] {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 3px;
}

.product-title[b-jvu3javv4y] {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.35;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 32px;
}

.zihveen-product-card:hover .product-title[b-jvu3javv4y] {
    color: #8b5d17;
}

.product-price-box[b-jvu3javv4y] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
}

.current-price[b-jvu3javv4y] {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #111111;
}

.old-price[b-jvu3javv4y] {
    font-size: 11px;
    color: #999999;
}
/* _content/ecom.theme/Components/Zihveen/BottomMobileMenu.razor.rz.scp.css */
.bottom-mobile-menu[b-pquolzs2g2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--primary-color, #f37321);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    z-index: 1040;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.bottom-mobile-menu .menu-item[b-pquolzs2g2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    flex: 1;
    transition: all 0.2s ease;
}

.bottom-mobile-menu .menu-item i[b-pquolzs2g2] {
    font-size: 20px;
    margin-bottom: 4px;
}

.bottom-mobile-menu .menu-item:hover[b-pquolzs2g2],
.bottom-mobile-menu .menu-item:focus[b-pquolzs2g2],
.bottom-mobile-menu .menu-item.active[b-pquolzs2g2] {
    color: #ffffff;
    font-weight: 600;
}

.cart-icon-wrapper[b-pquolzs2g2] {
    position: relative;
    display: inline-block;
}

.cart-icon-wrapper .badge[b-pquolzs2g2] {
    position: absolute;
    top: -6px;
    right: -10px;
    background-color: #333; /* Darker badge on orange background */
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid var(--primary-color, #f37321);
}

/* Ensure body has padding so the bottom menu doesn't cover content */
@media (max-width: 991px) {
    body[b-pquolzs2g2] {
        padding-bottom: 65px !important;
    }
}
/* _content/ecom.theme/Components/Zihveen/Bredcrumb.razor.rz.scp.css */
.filter-breadcrumb[b-nmniruccfj] {
    display: flex;
    /*background: #f2f2f2;*/
    padding: 8px 12px;
    border-radius: 6px;
    gap: 10px;
    align-items: center;
}

/* Tag style */
.filter-tags[b-nmniruccfj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-tag[b-nmniruccfj] {
    background: #e5e5e5;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Close button */
.tag-close[b-nmniruccfj] {
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}

/* Clear button */
.clear-filter[b-nmniruccfj] {
    text-decoration: none;
    font-size: 14px;
    color: black;
    border-bottom: 2px solid black;
    transition: 0.3s;
}

    .clear-filter:hover[b-nmniruccfj] {
        opacity: 0.6;
    }


/* Wrapper handles scroll on small screens */
.breadcrumb-wrapper[b-nmniruccfj] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scroll for Safari */
}

/* Breadcrumb layout */
.custom-breadcrumb[b-nmniruccfj] {
    flex-wrap: nowrap; /* prevent wrapping */
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.01);
    padding: 5px;
    margin: 0;
    font-size: 13px;
}

/* Tap-friendly links */
.breadcrumb-link[b-nmniruccfj] {
    display: inline-block;
    padding: 6px 8px; /* bigger tap area */
    color: #6c757d;
    text-decoration: none;
}

/* iOS Safari tap fix */
.breadcrumb-link[b-nmniruccfj] {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    touch-action: manipulation;
}
/* Active item */
.custom-breadcrumb .active[b-nmniruccfj] {
    color: #000;
    font-weight: bold;
}

/* Separator */
.breadcrumb-item + .breadcrumb-item[b-nmniruccfj]::before {
    content: "›";
    padding: 0 4px;
    color: #6c757d;
}

/* Optional: fade edges for scroll hint */
.breadcrumb-wrapper[b-nmniruccfj]::after {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
}


/* Mobile Responsive */
@media (max-width: 576px) {
    .filter-breadcrumb[b-nmniruccfj] {
        flex-direction: column;
        align-items: flex-start;
    }
}


.glass-nav-btn[b-nmniruccfj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 1);
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.glass-nav-btn:hover[b-nmniruccfj] {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1);
    transform: translateY(-2px);
}

.glass-nav-btn:active[b-nmniruccfj] {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), inset 0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(2px);
}

.glass-nav-btn.disabled[b-nmniruccfj] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
}

@media (max-width: 768px) {
    .custom-breadcrumb .breadcrumb-item.active[b-nmniruccfj] {
        max-width: 15ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
    }
}
/* _content/ecom.theme/Components/Zihveen/CartBadge.razor.rz.scp.css */
/* Hidden checkbox for toggle */
#cart-toggle[b-0y55b9peyt] {
    display: none;
}
    /* When checked: show modal, hide button */
    #cart-toggle:checked ~ .cart-float[b-0y55b9peyt] {
        display: none;
    }

    #cart-toggle:checked ~ .overlay[b-0y55b9peyt] {
        display: flex;
    }

        #cart-toggle:checked ~ .overlay .cart-modal[b-0y55b9peyt] {
            transform: translateX(0);
        }



/* Floating Cart Button */
.cart-float[b-0y55b9peyt] {
    position: fixed;
    right: 0px;
    bottom: var(--cart-position);
    color: #000;
    border: 1px solid var(--primary-color);
    width: 80px;
    height: 80px;
    border-top-left-radius: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    z-index: 1001;
    background: #ffff;
    box-sizing: border-box;
}
    .cart-float:hover[b-0y55b9peyt] {
   /*     background: var(--secondary-color);*/
   /*     transform: scale(1.05);*/
    }

    .cart-float .badge[b-0y55b9peyt] {
        position: absolute;
        top: 70px;
        left: -1px;
        right: -1px;
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        background: #fff;
        color: #000;
        font-weight: 600;
        font-style: italic;
        font-size: 12px;
        border-radius: 0%;
        width: 80px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
    .cart-float .badge-taka[b-0y55b9peyt] {
        position: absolute;
        top: 90px;
        left: -1px;
        right: -1px;
        background: var(--primary-color);
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        border-bottom-left-radius: 12px;
        width: 80px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
    }
.ml-count[b-0y55b9peyt]{
    margin-left:2px;
}
.badge-taka i[b-0y55b9peyt] {
    font-size: 10px;
    margin-right: 2px;
}
/* Base badge */
.badge[b-0y55b9peyt] {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff; /* default text color */
}

/* Info badge */
.badge-info[b-0y55b9peyt] {
    background-color: var(--primary-color); /* bootstrap info color */
    color: #fff;
}

    /* Optional hover effect */
    .badge-info:hover[b-0y55b9peyt] {
        background-color: var(--secondary-color);
        cursor: default;
    }


.background-image[b-0y55b9peyt]{
    height: 70px;
    width: 70px;
}

@media (max-width: 576px) {
    .cart-float[b-0y55b9peyt] {
        right: 0px;
        width: 65px;
        height: 65px;
    }

    .background-image[b-0y55b9peyt] {
        height: 50px;
        width: 50px;
    }
    .cart-float .badge[b-0y55b9peyt]{
        top: 56px;
        width: 65px;
    }
    .cart-float .badge-taka[b-0y55b9peyt]{
        top: 76px;
        width: 65px;
        height: 40px;
    }
}

.odometer-wrapper[b-0y55b9peyt] {
    display: inline-flex;
    align-items: center;
}

.odometer-container[b-0y55b9peyt] {
    display: inline-block;
    height: 1.1em;
    overflow: hidden;
    vertical-align: bottom;
}

.odometer-track[b-0y55b9peyt] {
    display: flex;
    flex-direction: column;
    transform: translateY(var(--final-y, 0));
    transition: transform 0.8s cubic-bezier(0.1, 0.9, 0.2, 1);
}

/* Stagger the transition slightly based on digit position for a cascading lock effect */
.odometer-container:nth-child(1) .odometer-track[b-0y55b9peyt] { transition-duration: 0.6s; }
.odometer-container:nth-child(2) .odometer-track[b-0y55b9peyt] { transition-duration: 0.8s; }
.odometer-container:nth-child(3) .odometer-track[b-0y55b9peyt] { transition-duration: 1.0s; }
.odometer-container:nth-child(4) .odometer-track[b-0y55b9peyt] { transition-duration: 1.2s; }
.odometer-container:nth-child(5) .odometer-track[b-0y55b9peyt] { transition-duration: 1.4s; }
.odometer-container:nth-child(6) .odometer-track[b-0y55b9peyt] { transition-duration: 1.6s; }

.odometer-num[b-0y55b9peyt] {
    height: 1.1em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.odometer-char[b-0y55b9peyt] {
    display: inline-block;
    height: 1.1em;
    line-height: 1.1em;
}
/* _content/ecom.theme/Components/Zihveen/CategoryBanner.razor.rz.scp.css */
.dates-banner[b-lj0i2h1zp9] {
    background-color: var(--primary-color);
    padding: 0.5rem 0;
    text-align: center;
    margin-top: 5.5rem;
}

    .dates-banner h1[b-lj0i2h1zp9] {
        color: #ffffff;
        font-weight: 500;
        letter-spacing: 1px;
        margin: 0;
    }
.dates-banner-img[b-lj0i2h1zp9] {
    aspect-ratio: 3 / 1;
    height: auto;
}
    .dates-banner-img img[b-lj0i2h1zp9] {
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
    }
/* Responsive Font Size */
@media (max-width: 768px) {

        .dates-banner h1[b-lj0i2h1zp9] {
            font-size: 26px;
        }
    .dates-banner-img img[b-lj0i2h1zp9] {
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
    }
}

@media (min-width: 769px) {
    .dates-banner h1[b-lj0i2h1zp9] {
        font-size: 25px;
        font-weight: bold;
    }
}
/* _content/ecom.theme/Components/Zihveen/CategorySection.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN 4-COLUMN CATEGORY SHOWCASE
   ══════════════════════════════════════════ */

.zihveen-category-section[b-b14hagdbkd] {
    padding: 10px 0;
    background-color: #021c1b;
}

.zihveen-category-card[b-b14hagdbkd] {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #07201f;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.zihveen-category-card:hover[b-b14hagdbkd] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.45);
}

.card-image-box[b-b14hagdbkd] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.card-image-box img[b-b14hagdbkd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.zihveen-category-card:hover .card-image-box img[b-b14hagdbkd] {
    transform: scale(1.06);
}

/* Subtle dark gradient overlay at the bottom */
.card-overlay[b-b14hagdbkd] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 60%);
    pointer-events: none;
}

/* Bottom Content: Text & Arrow Circle */
.card-bottom-content[b-b14hagdbkd] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 16px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    z-index: 2;
}

.card-text-wrapper[b-b14hagdbkd] {
    flex: 1;
    padding-right: 10px;
}

.collection-subtext[b-b14hagdbkd] {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(0.68rem, 1vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.25;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

.category-name[b-b14hagdbkd] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(0.85rem, 1.2vw, 1.05rem);
    font-weight: 600;
    color: #e6cd92;
    margin: 4px 0 0 0;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

/* Beige / Tan Arrow Circle */
.card-arrow-circle[b-b14hagdbkd] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    background-color: #eed6a1;
    color: #111111;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.card-arrow-icon[b-b14hagdbkd] {
    width: 20px;
    height: 12px;
    margin-left: 2px;
    transition: transform 0.3s ease;
}

.zihveen-category-card:hover .card-arrow-circle[b-b14hagdbkd] {
    transform: translateX(4px);
    background-color: #f8e8c8;
}

.zihveen-category-card:hover .card-arrow-icon[b-b14hagdbkd] {
    transform: translateX(2px);
}

@media (max-width: 768px) {
    .card-bottom-content[b-b14hagdbkd] {
        padding: 12px 10px;
    }
    .card-arrow-circle[b-b14hagdbkd] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .card-arrow-icon[b-b14hagdbkd] {
        width: 17px;
        height: 10px;
        margin-left: 1px;
    }
}
/* _content/ecom.theme/Components/Zihveen/ClothingSection.razor.rz.scp.css */
.clothing-section[b-j0w668diwt] {
    padding: 3rem 15rem;
}

.clothing-section-title[b-j0w668diwt] {
    text-align: center;
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.cloting-product-card[b-j0w668diwt] {
    background: #fff;
    /*border-radius: 10px;*/
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
    margin-bottom: 1rem;
}

    .cloting-product-card:hover[b-j0w668diwt] {
        transform: translateY(-8px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }

.product-label[b-j0w668diwt] {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #fff;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.clothing-product-image[b-j0w668diwt] {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
    position: relative;
    overflow: hidden;
}

    .clothing-product-image img[b-j0w668diwt] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.3s;
    }

.cloting-product-card:hover .clothing-product-image img[b-j0w668diwt] {
    transform: scale(1.05);
}

@media (max-width: 1200px) {
    .clothing-section[b-j0w668diwt] {
        padding: 3rem 5rem;
    }
}

@media (max-width: 992px) {
    .clothing-section[b-j0w668diwt] {
        padding: 3rem 2rem;
    }
}

@media (max-width: 768px) {
    .clothing-section[b-j0w668diwt] {
        padding: 2rem 1rem;
    }

    .product-label[b-j0w668diwt] {
        font-size: 0.75rem;
        padding: 0.3rem 0.8rem;
        top: 10px;
        left: 10px;
    }
}

@media (max-width: 576px) {
    .clothing-section[b-j0w668diwt] {
        padding: 1.5rem 0.5rem;
    }

    .product-label[b-j0w668diwt] {
        font-size: 0.7rem;
        padding: 0.25rem 0.6rem;
    }
}
/* _content/ecom.theme/Components/Zihveen/ContactSection.razor.rz.scp.css */
.contact-bar[b-6oywsrbepn] {
    background-color: #7e7e7e;
    color: #ffffff;
    padding: 30px 20px;
}

.container[b-6oywsrbepn] {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.newsletter-section[b-6oywsrbepn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.newsletter-header[b-6oywsrbepn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-icon[b-6oywsrbepn] {
    font-size: 20px;
    color: var(--primary-color);
}

.newsletter-title[b-6oywsrbepn] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.newsletter-form[b-6oywsrbepn] {
    display: flex;
    gap: 0;
}

.email-input[b-6oywsrbepn] {
    flex: 1;
    padding: 12px 15px;
    border: none;
    background-color: #5a5a5a;
    color: #aaaaaa;
    font-size: 14px;
    outline: none;
}

    .email-input[b-6oywsrbepn]::placeholder {
        color: #aaaaaa;
    }

.subscribe-btn[b-6oywsrbepn] {
    padding: 12px 30px;
    background-color: var(--primary-color);
    color: #ffffff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .subscribe-btn:hover[b-6oywsrbepn] {
        background-color: var(--secondary-color);
    }

.contact-section[b-6oywsrbepn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 250px;
}

.contact-header[b-6oywsrbepn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-title[b-6oywsrbepn] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.phone-number[b-6oywsrbepn] {
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}

.hours[b-6oywsrbepn] {
    font-size: 13px;
    color: #cccccc;
    margin-left: 30px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .container[b-6oywsrbepn] {
        flex-direction: column;
        gap: 30px;
    }

    .newsletter-section[b-6oywsrbepn],
    .contact-section[b-6oywsrbepn] {
        width: 100%;
    }

    .contact-section[b-6oywsrbepn] {
        min-width: auto;
    }

    .newsletter-form[b-6oywsrbepn] {
        flex-direction: column;
    }

    .subscribe-btn[b-6oywsrbepn] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-bar[b-6oywsrbepn] {
        padding: 20px 15px;
    }

    .newsletter-title[b-6oywsrbepn],
    .contact-title[b-6oywsrbepn] {
        font-size: 12px;
    }

    .email-input[b-6oywsrbepn] {
        font-size: 13px;
        padding: 10px 12px;
    }

    .subscribe-btn[b-6oywsrbepn] {
        padding: 10px 20px;
        font-size: 13px;
    }

    .phone-number[b-6oywsrbepn] {
        font-size: 15px;
    }

    .hours[b-6oywsrbepn] {
        font-size: 12px;
    }
}
/* _content/ecom.theme/Components/Zihveen/CookingEssentials.razor.rz.scp.css */
.cooking-section[b-91b56n3y9d] {
    padding: 0rem 15.8rem;
}

.section-title[b-91b56n3y9d] {
    font-weight: 700;
    color: var(--primary-color);
}
.section-header[b-91b56n3y9d] {
    display: flex;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
}

.slider-controls.see-more-btn[b-91b56n3y9d] {
    border: 1.5px solid var(--primary-color) !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    display: inline-flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.see-more-color[b-91b56n3y9d] {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 12px;
}

.slider-controls.see-more-btn:hover[b-91b56n3y9d] {
    background: var(--primary-color);
    transform: scale(1.04);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

.slider-controls.see-more-btn:hover .see-more-color[b-91b56n3y9d] {
    color: #fff;
}
.big-sg[b-91b56n3y9d] {
    gap: 1rem;
}
@media (max-width: 576px) {
    .cooking-section[b-91b56n3y9d] {
        padding: 0rem 0.8rem;
    }
    .section-title[b-91b56n3y9d] {
        font-size:16px;
    }
    .small-sg[b-91b56n3y9d] {
        gap: 0.5rem
    }
    .slider-controls[b-91b56n3y9d] {
        font-size: 12px;
    }

}
/* _content/ecom.theme/Components/Zihveen/CookingProduct.razor.rz.scp.css */
/* ─── Product Card ─────────────────────────── */
.product-card[b-1hkbv9dl6l] {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 20px 6px rgba(0, 0, 0, 0.07);
    border: none;
    padding: 10px;
    text-align: left;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

    .product-card:hover[b-1hkbv9dl6l] {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    }

/* ─── Image ─────────────────────────────────── */
.product-img[b-1hkbv9dl6l] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-img img[b-1hkbv9dl6l] {
        aspect-ratio: 3 / 4;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* ─── Product Info ───────────────────────────── */
.product-name[b-1hkbv9dl6l] {
    font-size: .95rem;
    font-weight: 600;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8;
    padding: 8px 10px;
}

.product-price[b-1hkbv9dl6l] {
    font-size: 1.25rem;
    color: var(--secondary-color);
    font-weight: 600;
    padding: 0 10px; /* ✅ */
}

.product-price del[b-1hkbv9dl6l] {
    color: var(--primary-color);
    font-size: 0.88rem;
    font-weight: 400;
}

/* ─── Buy Button ────────────────────────────── */
.buy-btn[b-1hkbv9dl6l] {
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    display: inline-block;
    align-self: center;
    width: auto;
    margin: 0 10px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}

    .buy-btn:hover[b-1hkbv9dl6l] {
        background: var(--secondary-color);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    }

    .buy-btn:active[b-1hkbv9dl6l] {
        transform: translateY(0px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

.btn:hover[b-1hkbv9dl6l] {
    background-color: var(--primary-color);
    transition: all 0.5s ease;
}

/* ─── Item Row ──────────────────────────────── */
.item-row[b-1hkbv9dl6l] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
    padding: 0 10px;
}

    .item-row > span:first-child[b-1hkbv9dl6l] {
        display: none;
    }

    .item-row > *:last-child[b-1hkbv9dl6l] {
        margin-left: auto;
    }

    .item-row:last-child > span:last-child[b-1hkbv9dl6l]::before {
        content: "=";
        color: #888;
        font-size: 13px;
        margin-right: 4px;
    }

    .item-row:last-child span[b-1hkbv9dl6l] {
        font-weight: 600;
        color: #111;
    }

/* ─── Quantity Selector ─────────────────────── */
.quantity-selector[b-1hkbv9dl6l] {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 30px;
    padding: 3px;
    gap: 3px;
    margin: 0 auto;
}

.quantity-btn[b-1hkbv9dl6l] {
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-1hkbv9dl6l] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-1hkbv9dl6l] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-1hkbv9dl6l] {
    width: 32px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    -moz-appearance: textfield;
}

.quantity-input[b-1hkbv9dl6l]::-webkit-outer-spin-button,
.quantity-input[b-1hkbv9dl6l]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ─── Responsive ────────────────────────────── */

/*@media (max-width: 992px) {
    .product-img img {
        height: 10rem;
    }
}*/

@media (max-width: 576px) {
    /*.product-card {
        padding: 12px 0;
    }*/

    /*.product-img img {
        height: 9rem;
    }*/

    .product-name[b-1hkbv9dl6l] {
        font-size: 0.85rem;
        padding: 8px 8px;
    }

    .product-price[b-1hkbv9dl6l] {
        font-size: 1rem;
        padding: 0 8px;
    }

    .buy-btn[b-1hkbv9dl6l] {
        margin: 0 8px;
    }

    .item-row[b-1hkbv9dl6l] {
        padding: 0 8px;
    }
}
/* _content/ecom.theme/Components/Zihveen/Filter.razor.rz.scp.css */
/* ═══════════════════════════════
   DESKTOP — Sidebar
═══════════════════════════════ */
.sidebar[b-rrqlg7kb8a] {
    width: 300px;
    max-width: 300px;
    height: fit-content;
    max-height: calc(100vh - 6.5rem);
    overflow-y: auto;
    position: sticky;
    top: 5.75rem;
    align-self: flex-start;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
}

@media (min-width: 1025px) {
    .filter-column:not(.filter-mobile-view)[b-rrqlg7kb8a] {
        /* Keep this grid item as tall as the product column so its child can remain sticky. */
        position: static;
        align-self: stretch;
        height: auto;
        margin-top: 3.375rem;
        z-index: 20;
    }

    .filter-column:not(.filter-mobile-view) .sidebar[b-rrqlg7kb8a] {
        position: static;
        top: auto;
        margin-top: 0;
        max-height: var(--sidebar-available-height, calc(100dvh - 10.25rem)) !important;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .filter-column:not(.filter-mobile-view) .sidebar.sidebar-fixed[b-rrqlg7kb8a] {
        position: fixed !important;
        top: var(--sidebar-fixed-top) !important;
        left: var(--sidebar-fixed-left) !important;
        width: var(--sidebar-fixed-width) !important;
        max-width: var(--sidebar-fixed-width) !important;
        z-index: 20;
    }
}

    .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar {
        width: 4px;
    }

    .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar-thumb {
        background: var(--primary-color);
        border-radius: 0 !important;
    }

    .sidebar[b-rrqlg7kb8a]::before {
        content: "";
        display: block;
        height: 4px;
        background: var(--primary-color);
        border-radius: 0 !important;
    }

/* ═══════════════════════════════
   SECTION TITLE
═══════════════════════════════ */
.main-category[b-rrqlg7kb8a] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary-color);
    padding: 18px 20px 12px;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
}

    .main-category:empty[b-rrqlg7kb8a] {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

.sidebar > label.category-label:first-of-type[b-rrqlg7kb8a],
.sidebar > .main-category:first-of-type[b-rrqlg7kb8a],
.sidebar .sidebar-mobile-header + .main-category[b-rrqlg7kb8a],
.sidebar .sidebar-mobile-header + label.category-label[b-rrqlg7kb8a] {
    margin-top: 0 !important;
    padding-top: 2px !important;
}

.sidebar > label.category-label:last-of-type[b-rrqlg7kb8a],
.sidebar > .main-category:last-of-type[b-rrqlg7kb8a] {
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
}

/* ═══════════════════════════════
   LABEL ROW
═══════════════════════════════ */
label.category-label[b-rrqlg7kb8a] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin: 2px 10px;
    padding: 10px 12px;
    border-radius: 10px;
    user-select: none;
    transition: background 0.18s ease, color 0.18s ease;
}

    label.category-label:hover[b-rrqlg7kb8a] {
        background: #f7f7f7;
        color: var(--primary-color);
    }

    label.category-label:has(input[type="checkbox"]:checked)[b-rrqlg7kb8a] {
        color: var(--primary-color);
        font-weight: 600;
        background: rgba(0,0,0,0.03);
    }

/* ═══════════════════════════════
   CUSTOM CHECKBOX
═══════════════════════════════ */
.category-label .subcategory-text[b-rrqlg7kb8a] {
    position: relative;
    padding-left: 36px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.category-label input[type="checkbox"][b-rrqlg7kb8a] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.category-label .subcategory-text[b-rrqlg7kb8a]::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 1rem;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.18s ease;
}

.category-label .subcategory-text[b-rrqlg7kb8a]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-68%) rotate(45deg) scale(0);
    transition: transform 0.18s ease;
}

.category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::before {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::after {
    transform: translateY(-68%) rotate(45deg) scale(1);
}

.category-label:hover input[type="checkbox"]:not(:checked) + .subcategory-text[b-rrqlg7kb8a]::before {
    border-color: var(--primary-color);
}

.facet-count[b-rrqlg7kb8a] {
    margin-left: auto;
    font-size: 11px;
    color: #999;
}

/* ═══════════════════════════════
   MOBILE ELEMENTS — Desktop এ Hidden
═══════════════════════════════ */
.mobile-filter-btn[b-rrqlg7kb8a] {
    display: none;
}

.sidebar-overlay[b-rrqlg7kb8a] {
    display: none;
}

.sidebar-mobile-header[b-rrqlg7kb8a] {
    display: none;
}

/* ═══════════════════════════════
   MOBILE (max-width: 1024px)
═══════════════════════════════ */
@media (max-width: 1024px) {

    /* Filter Button */
    .mobile-filter-btn[b-rrqlg7kb8a] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background: var(--primary-color);
        color: #fff;
        border: none;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(0,0,0,0.15);
        transition: all 0.2s ease;
        margin-bottom: 12px;
        margin-left:10px;
    }

        .mobile-filter-btn svg[b-rrqlg7kb8a] {
            width: 18px;
            height: 18px;
        }

        .mobile-filter-btn:hover[b-rrqlg7kb8a] {
            opacity: 0.9;
            transform: translateY(-1px);
        }

    /* Overlay */
    .sidebar-overlay[b-rrqlg7kb8a] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 998;
        animation: fadeIn-b-rrqlg7kb8a 0.25s ease;
    }

    @keyframes fadeIn-b-rrqlg7kb8a {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Sidebar — Drawer হিসেবে */
    .sidebar[b-rrqlg7kb8a] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100dvh !important;
        width: 280px !important;
        max-width: 85vw !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 999;
        float: none !important;
        border-radius: 0 16px 16px 0 !important;
        border: none !important;
        box-shadow: 4px 0 30px rgba(0,0,0,0.18) !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        padding: 0 0 24px 0 !important;
        margin: 0 !important;
        transform: translateX(-110%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .sidebar.sidebar-open[b-rrqlg7kb8a] {
            transform: translateX(0);
        }

        .sidebar[b-rrqlg7kb8a]::before {
            display: block !important;
            flex-shrink: 0;
        }

        .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar {
            width: 4px;
        }

        .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 0 !important;
        }

    /* Mobile Header */
    .sidebar-mobile-header[b-rrqlg7kb8a] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid #f0f0f0;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 10;
        flex-shrink: 0;
    }

    .sidebar-mobile-title[b-rrqlg7kb8a] {
        font-size: 15px;
        font-weight: 700;
        color: var(--primary-color);
        font-family: 'Poppins', sans-serif;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .sidebar-close-btn[b-rrqlg7kb8a] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: none;
        background: #f5f5f5;
        border-radius: 50%;
        cursor: pointer;
        padding: 0;
        transition: background 0.18s ease;
    }

        .sidebar-close-btn svg[b-rrqlg7kb8a] {
            width: 16px;
            height: 16px;
            stroke: #444;
        }

        .sidebar-close-btn:hover[b-rrqlg7kb8a] {
            background: #ffe5e5;
        }

            .sidebar-close-btn:hover svg[b-rrqlg7kb8a] {
                stroke: #e53935;
            }

    /* Category Labels */
    label.category-label[b-rrqlg7kb8a] {
        flex: unset !important;
        white-space: normal !important;
        border: none !important;
        border-radius: 10px !important;
        margin: 2px 10px !important;
        padding: 10px 12px !important;
        background: transparent !important;
        color: #444 !important;
        font-size: 14px !important;
    }

        label.category-label:hover[b-rrqlg7kb8a] {
            background: #f7f7f7 !important;
            color: var(--primary-color) !important;
        }

        label.category-label:has(input[type="checkbox"]:checked)[b-rrqlg7kb8a] {
            background: rgba(0,0,0,0.03) !important;
            color: var(--primary-color) !important;
            font-weight: 600 !important;
        }

    /* Main Category */
    .main-category[b-rrqlg7kb8a] {
        width: 100% !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 18px 20px 12px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-top: none !important;
        margin: 0 !important;
        flex-shrink: 0;
    }

    /* Checkbox Reset */
    .category-label .subcategory-text[b-rrqlg7kb8a] {
        padding-left: 36px !important;
    }

        .category-label .subcategory-text[b-rrqlg7kb8a]::before {
            width: 20px !important;
            height: 20px !important;
            border-radius: 1rem !important;
            left: -2px !important;
            background: #fff !important;
            border: 2px solid #ddd !important;
        }

    .category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::before {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }

    .category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::after {
        border-color: #fff !important;
        transform: translateY(-68%) rotate(45deg) scale(1) !important;
    }

}


/* Desktop cart open view */
.filter-mobile-view /* Filter Button */
    .mobile-filter-btn[b-rrqlg7kb8a] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background: var(--primary-color);
        color: #fff;
        border: none;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(0,0,0,0.15);
        transition: all 0.2s ease;
        margin-bottom: 12px;
        margin-left:10px;
    }.filter-mobile-view .mobile-filter-btn svg[b-rrqlg7kb8a] {
            width: 18px;
            height: 18px;
        }.filter-mobile-view .mobile-filter-btn:hover[b-rrqlg7kb8a] {
            opacity: 0.9;
            transform: translateY(-1px);
        }.filter-mobile-view /* Overlay */
    .sidebar-overlay[b-rrqlg7kb8a] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 998;
        animation: fadeIn-b-rrqlg7kb8a 0.25s ease;
    }

    @keyframes fadeIn-b-rrqlg7kb8a { .filter-mobile-view from {
            opacity: 0;
        }.filter-mobile-view to {
            opacity: 1;
        }
    } .filter-mobile-view /* Sidebar — Drawer */
    .sidebar[b-rrqlg7kb8a] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100dvh !important;
        width: 280px !important;
        max-width: 85vw !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 999;
        float: none !important;
        border-radius: 0 16px 16px 0 !important;
        border: none !important;
        box-shadow: 4px 0 30px rgba(0,0,0,0.18) !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        padding: 0 0 24px 0 !important;
        margin: 0 !important;
        transform: translateX(-110%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }.filter-mobile-view .sidebar.sidebar-open[b-rrqlg7kb8a] {
            transform: translateX(0);
        }.filter-mobile-view .sidebar[b-rrqlg7kb8a]::before {
            display: block !important;
            flex-shrink: 0;
        }.filter-mobile-view .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar {
            width: 4px;
        }.filter-mobile-view .sidebar[b-rrqlg7kb8a]::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 0 !important;
        }.filter-mobile-view /* Mobile Header */
    .sidebar-mobile-header[b-rrqlg7kb8a] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid #f0f0f0;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 10;
        flex-shrink: 0;
    }.filter-mobile-view .sidebar-mobile-title[b-rrqlg7kb8a] {
        font-size: 15px;
        font-weight: 700;
        color: var(--primary-color);
        font-family: 'Poppins', sans-serif;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }.filter-mobile-view .sidebar-close-btn[b-rrqlg7kb8a] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: none;
        background: #f5f5f5;
        border-radius: 50%;
        cursor: pointer;
        padding: 0;
        transition: background 0.18s ease;
    }.filter-mobile-view .sidebar-close-btn svg[b-rrqlg7kb8a] {
            width: 16px;
            height: 16px;
            stroke: #444;
        }.filter-mobile-view .sidebar-close-btn:hover[b-rrqlg7kb8a] {
            background: #ffe5e5;
        }.filter-mobile-view .sidebar-close-btn:hover svg[b-rrqlg7kb8a] {
                stroke: #e53935;
            }.filter-mobile-view /* Category Labels */
    label.category-label[b-rrqlg7kb8a] {
        flex: unset !important;
        white-space: normal !important;
        border: none !important;
        border-radius: 10px !important;
        margin: 2px 10px !important;
        padding: 10px 12px !important;
        background: transparent !important;
        color: #444 !important;
        font-size: 14px !important;
    }.filter-mobile-view label.category-label:hover[b-rrqlg7kb8a] {
            background: #f7f7f7 !important;
            color: var(--primary-color) !important;
        }.filter-mobile-view label.category-label:has(input[type="checkbox"]:checked)[b-rrqlg7kb8a] {
            background: rgba(0,0,0,0.03) !important;
            color: var(--primary-color) !important;
            font-weight: 600 !important;
        }.filter-mobile-view /* Main Category */
    .main-category[b-rrqlg7kb8a] {
        width: 100% !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 18px 20px 12px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-top: none !important;
        margin: 0 !important;
        flex-shrink: 0;
    }.filter-mobile-view /* Checkbox Reset */
    .category-label .subcategory-text[b-rrqlg7kb8a] {
        padding-left: 36px !important;
    }.filter-mobile-view .category-label .subcategory-text[b-rrqlg7kb8a]::before {
            width: 20px !important;
            height: 20px !important;
            border-radius: 1rem !important;
            left: -2px !important;
            background: #fff !important;
            border: 2px solid #ddd !important;
        }.filter-mobile-view .category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::before {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }.filter-mobile-view .category-label input[type="checkbox"]:checked + .subcategory-text[b-rrqlg7kb8a]::after {
        border-color: #fff !important;
        transform: translateY(-68%) rotate(45deg) scale(1) !important;
    }
/* _content/ecom.theme/Components/Zihveen/Footer.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN FOOTER LUXURY STYLES
   ══════════════════════════════════════════ */

.zihveen-footer[b-adjgsgslev] {
    background-color: #0d2e2d;
    color: #ffffff;
    border-top: 1px solid rgba(230, 205, 146, 0.15);
    position: relative;
}

.footer-logo-img[b-adjgsgslev] {
    max-height: 80px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
}

/* Shown only when no Website Logo is set. */
.footer-logo-text[b-adjgsgslev] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: #e6cd92;
}


/* Column Titles */
.footer-col-title[b-adjgsgslev] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #e6cd92;
    text-transform: uppercase;
    margin: 0 0 16px 0;
}

/* Column Links */
.footer-links-list[b-adjgsgslev] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links-list li[b-adjgsgslev] {
    margin-bottom: 10px;
}

.footer-links-list a[b-adjgsgslev] {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}

.footer-links-list a:hover[b-adjgsgslev] {
    color: #e6cd92;
    transform: translateX(2px);
}

/* ══════════════════════════════════════════
   DATABASE / INJECTED CONTENT (MarkupString) OVERRIDES
   ══════════════════════════════════════════ */

/* Eliminate hardcoded black backgrounds from DB HTML */
.footer-links-list[b-adjgsgslev]  div,
.footer-links-list[b-adjgsgslev]  [style*="background"] {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Harmonize database links and typography */
.footer-links-list[b-adjgsgslev]  a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    color: rgba(255, 255, 255, 0.75) !important;
    line-height: 1.6 !important;
    text-transform: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.footer-links-list[b-adjgsgslev]  a:hover {
    color: #e6cd92 !important;
    transform: translateX(2px);
}

/* Divider inside dynamic markup */
.footer-links-list[b-adjgsgslev]  hr {
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    margin: 8px 0 !important;
}

/* Media icons inside dynamic markup */
.footer-links-list[b-adjgsgslev]  img {
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.footer-links-list[b-adjgsgslev]  a:hover img {
    opacity: 1;
    transform: scale(1.08);
}

.footer-col-offset[b-adjgsgslev] {
    margin-top: 31px;
}

@media (max-width: 767.98px) {
    .footer-col-offset[b-adjgsgslev] {
        margin-top: 0;
    }
}

/* Bottom Bar */
.footer-bottom-bar[b-adjgsgslev] {
    background-color: #07201f;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.copyright-text[b-adjgsgslev] {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.04em;
}

/* Scroll to top button */
.scroll-top-btn[b-adjgsgslev] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.scroll-top-btn:hover[b-adjgsgslev] {
    background-color: #8b5d17;
    color: #ffffff;
    transform: translateY(-53%);
}
/* _content/ecom.theme/Components/Zihveen/Home.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN HOMEPAGE STYLES
   ══════════════════════════════════════════ */

.zihveen-home-container[b-zl9bu9w8k3] {
    background-color: #eff3ee;
    width: 100%;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.zihveen-product-section-wrapper[b-zl9bu9w8k3] {
    background-color: #eff3ee;
    padding: 1.5rem 0;
}

/* ══════════════════════════════════════════
   WHY CHOOSE US SECTION
   ══════════════════════════════════════════ */
.zihveen-why-choose-us[b-zl9bu9w8k3] {
    background-color: #f5f5f5;
    padding: 40px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.why-heading-box[b-zl9bu9w8k3] {
    padding-right: 15px;
}

.why-title[b-zl9bu9w8k3] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #001f1e;
    margin: 0;
    line-height: 1.2;
}

.why-divider[b-zl9bu9w8k3] {
    max-width: 80px;
    height: 3px;
    background-color: #001f1e;
    margin-top: 8px;
}

.why-feature-item[b-zl9bu9w8k3] {
    border-left: 1px solid #e0e0e0;
    padding-left: 20px;
}

.feature-title[b-zl9bu9w8k3] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #111111;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}

.feature-desc[b-zl9bu9w8k3] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    color: #666666;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 767.98px) {
    .why-feature-item[b-zl9bu9w8k3] {
        border-left: none;
        border-top: 1px solid #e0e0e0;
        padding-left: 0;
        padding-top: 15px;
    }
}
/* _content/ecom.theme/Components/Zihveen/NavMenu.razor.rz.scp.css */
.top-menu[b-umgc1a3wih] {
    background-color: #f3f3f3;
    padding: 10px 0;
    margin: 10px 0px;
    margin-top: 68px;
}

.menu-container[b-umgc1a3wih] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    justify-content: center;
}

.menu-item[b-umgc1a3wih] {
    text-align: center;
    padding: 10px 30px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

    .menu-item:hover[b-umgc1a3wih] {
        color: var(--secondary-color);
    }

.menu-icon[b-umgc1a3wih] {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px;
    position: relative;
}

    .menu-icon img[b-umgc1a3wih] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 60px;
    }

.menu-text[b-umgc1a3wih] {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.menu-item:hover[b-umgc1a3wih] {
    display: block;
}

@media (max-width: 1200px) {
    .menu-icon[b-umgc1a3wih] {
        width: 50px;
        height: 50px;
    }

    .menu-text[b-umgc1a3wih] {
        font-size: 13px;
    }

    .menu-item[b-umgc1a3wih] {
        padding: 8px 10px;
    }
}

@media (max-width: 992px) {
    .menu-icon[b-umgc1a3wih] {
        width: 45px;
        height: 45px;
    }

    .menu-text[b-umgc1a3wih] {
        font-size: 12px;
    }

    .menu-item[b-umgc1a3wih] {
        padding: 6px 8px;
    }

    .top-menu[b-umgc1a3wih] {
        margin-top: 68px;
    }
}

@media (max-width: 768px) {
    .top-menu[b-umgc1a3wih] {
        margin-top: 58px !important;
    }

    .menu-item[b-umgc1a3wih] {
        padding: 5px 6px;
    }

    .menu-icon[b-umgc1a3wih] {
        width: 40px;
        height: 40px;
    }

    .menu-text[b-umgc1a3wih] {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .top-menu[b-umgc1a3wih] {
        margin-top: 58px !important;
    }

    .menu-item[b-umgc1a3wih] {
        padding: 4px 5px;
    }

    .menu-icon[b-umgc1a3wih] {
        width: 35px;
        height: 35px;
    }

    .menu-text[b-umgc1a3wih] {
        font-size: 10px;
    }
}
/* _content/ecom.theme/Components/Zihveen/NewArrivalSection.razor.rz.scp.css */
/* ==================== Section Container ==================== */
.new-arrival-fullwidth[b-ixutqie6er] {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==================== Section Header (Matching Weekly Deals) ==================== */
.section-header[b-ixutqie6er] {
    display: flex;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    width: 100%;
    background: #ffffff;
}

.deal-title[b-ixutqie6er] {
    font-size: 28px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 25px;
}

.deal-wrapper[b-ixutqie6er] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size: 20px;
}

.deal-wrapper .fs-small[b-ixutqie6er] {
    font-size: 20px;
}

/* "Just Arrived" stays centred: title | tagline | spacer (the See More button was replaced by the slider). */
.section-header[b-ixutqie6er] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

.header-spacer[b-ixutqie6er] {
    min-width: 1px;
}

/* ==================== Slider ==================== */
/* Driven by two values per breakpoint (below):
   --per-view   cards visible at once (NewArrivalSection.razor.js reads it; C# never hard-codes breakpoints)
   --slide-gap  space between cards
   Card width and slide step both derive from them, so the last card always lands flush. */
.arrival-slider[b-ixutqie6er] {
    position: relative;
    container-type: inline-size;        /* lets the arrows use the slider's width (cqw) */
    --per-view: 5;
    --slide-gap: 1rem;
    --card-padding: 10px;               /* ProductCard padding */
}

.arrival-slider-wrapper[b-ixutqie6er] {
    overflow: hidden;                   /* clip on the box that stays still, never on the moving track */
    padding: 6px 0 14px;                /* room for the card's hover lift and shadow */
}

.arrival-slider-track[b-ixutqie6er] {
    display: flex;
    gap: var(--slide-gap);
    transition: transform 0.35s ease;
    /* One step = one card + one gap = (100% + gap) / per-view of the track's width. */
    transform: translateX(calc(var(--slide-index, 0) * -1 * (100% + var(--slide-gap)) / var(--per-view)));
}

.arrival-slide[b-ixutqie6er] {
    flex: 0 0 calc((100% - (var(--per-view) - 1) * var(--slide-gap)) / var(--per-view));
    min-width: 0;
}

    .arrival-slide[b-ixutqie6er]  .product-section-card {
        height: 100%;
    }

/* ==================== Arrows (middle of the picture, shown on hover) ==================== */
.arrival-nav[b-ixutqie6er] {
    position: absolute;
    z-index: 5;
    /* Vertical middle of a card's picture: wrapper top padding + card padding + half the 3:4 image height,
       where image width = card width - 2 x card padding. Fallback for browsers without container units. */
    top: 40%;
    top: calc(6px + var(--card-padding)
             + ((100cqw - (var(--per-view) - 1) * var(--slide-gap)) / var(--per-view) - 2 * var(--card-padding)) * 2 / 3);
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--primary-color) 25%, #fff);
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-color);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, background 0.2s ease, color 0.2s ease;
}

.arrival-nav-prev[b-ixutqie6er] { left: 8px; }
.arrival-nav-next[b-ixutqie6er] { right: 8px; }

.arrival-slider:hover .arrival-nav[b-ixutqie6er],
.arrival-nav:focus-visible[b-ixutqie6er] {
    opacity: 1;
    pointer-events: auto;
}

.arrival-nav:hover[b-ixutqie6er] {
    background: var(--primary-color);
    color: #fff;
}

/* At an end, or when every card already fits, that arrow is not offered at all. */
.arrival-slider .arrival-nav.is-hidden[b-ixutqie6er],
.arrival-slider:not(.has-more) .arrival-nav[b-ixutqie6er] {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Touch screens have no hover: keep the arrows visible (swiping also works). */
@media (hover: none) {
    .arrival-slider.has-more .arrival-nav:not(.is-hidden)[b-ixutqie6er] {
        opacity: 0.9;
        pointer-events: auto;
    }
}

@media (max-width: 1200px) {
    .arrival-slider[b-ixutqie6er] { --per-view: 4; }
}

@media (max-width: 992px) {
    .arrival-slider[b-ixutqie6er] { --per-view: 3; --slide-gap: 0.75rem; }
}

@media (max-width: 768px) {
    .arrival-slider[b-ixutqie6er] { --per-view: 2; --slide-gap: 0.5rem; }

    .arrival-nav[b-ixutqie6er] {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .arrival-nav-prev[b-ixutqie6er] { left: 4px; }
    .arrival-nav-next[b-ixutqie6er] { right: 4px; }
}

/* ==================== Responsive ==================== */
@media (max-width: 768px) {
    .deal-title[b-ixutqie6er] {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .deal-title[b-ixutqie6er] {
        font-size: 16px;
    }
    .deal-wrapper[b-ixutqie6er] {
        font-size: 8px;
        display: none;
    }
}
/* _content/ecom.theme/Components/Zihveen/ProductCard.razor.rz.scp.css */
/* ==================== Product Card ==================== */

.product-section-card[b-1wgp1mh2ni] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    padding:10px;
    overflow:hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .product-section-card:hover[b-1wgp1mh2ni] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
    }

    .product-image-container[b-1wgp1mh2ni] {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .product-section-card img[b-1wgp1mh2ni] {
        aspect-ratio: 3 / 4;
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
    }

    .out-of-stock-banner[b-1wgp1mh2ni] {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        background-color: rgba(240, 240, 240, 0.82);
        color: #2b2b2b;
        font-size: 13.5px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        text-align: center;
        padding: 14px 0;
        z-index: 4;
        pointer-events: none;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    }

/* ==================== Text ==================== */

.product-name[b-1wgp1mh2ni] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    line-height: 1.8;
    padding-top: 8px;
    padding-bottom: 8px;
}

.price[b-1wgp1mh2ni] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.3rem;
    line-height: 1.25;
    transform: translateY(-6px);
}

    .price .currency-label[b-1wgp1mh2ni] {
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
    }

    .price > .currency-label[b-1wgp1mh2ni] {
        font-size: 16px;
    }

    .price .price-amount[b-1wgp1mh2ni] {
        font-size: 17px;
        font-variant-numeric: tabular-nums;
    }

    .price .old-price[b-1wgp1mh2ni] {
        color: var(--primary-color);
        margin-left: 0.25rem;
        font-size: 0.72em;
        font-weight: 400;
        display: inline-flex;
        align-items: baseline;
        gap: 0.2rem;
    }

    .price .old-price-amount[b-1wgp1mh2ni] {
        font-variant-numeric: tabular-nums;
    }

    .price .old-price .currency-label[b-1wgp1mh2ni] {
        font-size: 0.8em;
    }

/* ==================== Item Row ==================== */

.item-row[b-1wgp1mh2ni] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
}

    .item-row > span:first-child[b-1wgp1mh2ni] {
        display: none;
    }

    .item-row > *:last-child[b-1wgp1mh2ni] {
        margin-left: auto;
    }

    .item-row:last-child > span:last-child[b-1wgp1mh2ni]::before {
        content: "=";
        color: #888;
        font-size: 13px;
        margin-right: 4px;
    }

    .item-row:last-child span[b-1wgp1mh2ni] {
        font-weight: 600;
        color: #111;
    }

/* ==================== Quantity Selector ==================== */

.quantity-selector[b-1wgp1mh2ni] {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 0 auto;
    padding: 3px;
    background: #f1f1f1;
    border-radius: 30px;
}

.quantity-btn[b-1wgp1mh2ni] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-1wgp1mh2ni] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-1wgp1mh2ni] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-1wgp1mh2ni] {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    -moz-appearance: textfield;
}

.quantity-input[b-1wgp1mh2ni]::-webkit-outer-spin-button,
.quantity-input[b-1wgp1mh2ni]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ==================== Buy Button ==================== */

.buy-btn[b-1wgp1mh2ni] {
    font-family: 'allroundermonument', sans-serif !important;
    font-size: 14px !important;
    display: inline-block;
    align-self: center;
    padding: 6px 20px;
    width: auto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}

    .buy-btn:hover[b-1wgp1mh2ni] {
        background: var(--secondary-color);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
    }

    .buy-btn:active[b-1wgp1mh2ni] {
        transform: translateY(0);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
    }

/* ==================== Responsive ==================== */

/* Large devices */
/*@media (min-width: 1201px) {
    .product-section-card img {
        width: 10rem;
        height: 14rem;
        object-fit: contain;
    }
}*/

/* Tablet & below */
/*@media (max-width: 992px) {
    .product-section-card img {
        width: 10rem;
        height: 10rem;
        object-fit: contain;
    }
}*/

/* Price responsive */
@media (max-width: 768px) {
    .price[b-1wgp1mh2ni] {
        font-size: 13px;
        padding: 0 8px 8px;
    }
}

@media (max-width: 575px) {
    .price[b-1wgp1mh2ni] {
        font-size: 12px;
        padding: 0 6px 6px;
    }

        .price del[b-1wgp1mh2ni] {
            font-size: 0.78rem;
        }
}

@media (max-width: 400px) {
    .price[b-1wgp1mh2ni] {
        font-size: 11px;
        padding: 0 5px 5px;
    }
}

/* iPhone Large (428px) */
@media (max-width: 428px) {
    .product-section-card[b-1wgp1mh2ni] {
        border-radius: 5px;
    }

        /*.product-section-card img {
            width: 10rem;
            height: 10rem;
            object-fit: contain;
        }*/

    .price[b-1wgp1mh2ni] {
        font-size: 12px;
    }
}

/* Small phones (375px) */
@media (max-width: 375px) {
    .product-section-card[b-1wgp1mh2ni] {
        border-radius: 5px;
    }

        /*.product-section-card img {
            width: 10rem;
            height: 10rem;
            object-fit: contain;
        }*/

    .price[b-1wgp1mh2ni] {
        font-size: 11px;
    }
}

/* iPad Portrait */
/*@media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
    .product-section-card img {
        width: 10rem;
        height: 10rem;
        object-fit: contain;
    }
}*/
/* _content/ecom.theme/Components/Zihveen/ProductCard2.razor.rz.scp.css */
.card-two-product-grid[b-qgell2o0r8] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
}

.card-two-product-card[b-qgell2o0r8] {
    flex: 0 0 calc((100% - 60px) / 4);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 20px 6px rgba(0, 0, 0, 0.07);
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

    .card-two-product-card:hover[b-qgell2o0r8] {
        transform: translateY(-3px);
    }

.card-two-product-image[b-qgell2o0r8] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 5px;
}

    .card-two-product-image img[b-qgell2o0r8] {
        aspect-ratio: 3 / 4;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.out-of-stock-banner[b-qgell2o0r8] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    background-color: rgba(240, 240, 240, 0.82);
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0;
    z-index: 4;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.card-two-product-info[b-qgell2o0r8] {
    padding: 5px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-two-product-title[b-qgell2o0r8] {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 1.8;
    padding: 8px 0;
}

.card-two-product-price[b-qgell2o0r8] {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--secondary-color);
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.3rem;
    line-height: 1.25;
    white-space: nowrap;
    transform: translateY(-6px);
}

.card-two-product-price .currency-label[b-qgell2o0r8] {
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
}

.card-two-product-price > .currency-label[b-qgell2o0r8] {
    font-size: 16px;
}

.card-two-product-price .price-amount[b-qgell2o0r8] {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.card-two-product-price .old-price[b-qgell2o0r8] {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 0.72em;
    margin-left: 0.25rem;
    display: inline-flex;
    align-items: baseline;
    gap: 0.2rem;
}

.card-two-product-price .old-price-amount[b-qgell2o0r8] {
    font-variant-numeric: tabular-nums;
}

.card-two-product-price .old-price .currency-label[b-qgell2o0r8] {
    font-size: 0.8em;
}

.card-two-buy-button[b-qgell2o0r8] {
    font-family: 'allroundermonument', sans-serif !important;
    font-size: 14px !important;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    display: inline-block;
    align-self: center;
    width: auto;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: transparent;
}
    .card-two-buy-button:hover[b-qgell2o0r8] {
        background: var(--secondary-color);
        color: #fff;
        transform: scale(1.03);
    }


/* ─── Item Row ──────────────────────────────── */
.item-row[b-qgell2o0r8] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
    padding: 0 10px;
}

    .item-row > span:first-child[b-qgell2o0r8] {
        display: none;
    }

    .item-row > *:last-child[b-qgell2o0r8] {
        margin-left: auto;
    }

    .item-row:last-child > span:last-child[b-qgell2o0r8]::before {
        content: "=";
        color: #888;
        font-size: 13px;
        margin-right: 4px;
    }

    .item-row:last-child span[b-qgell2o0r8] {
        font-weight: 600;
        color: #111;
    }

/* ─── Quantity Selector ─────────────────────── */
.quantity-selector[b-qgell2o0r8] {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 30px;
    padding: 3px;
    gap: 3px;
    margin: 0 auto;
}

.quantity-btn[b-qgell2o0r8] {
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.3s;
}

    .quantity-btn:hover[b-qgell2o0r8] {
        background-color: #f5f5f5;
    }

    .quantity-btn:disabled[b-qgell2o0r8] {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.quantity-input[b-qgell2o0r8] {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    -moz-appearance: textfield;
}

.quantity-input[b-qgell2o0r8]::-webkit-outer-spin-button,
.quantity-input[b-qgell2o0r8]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



/* Tablet (≤ 1024px) → 3 কলাম */
@media (max-width: 1024px) {
    .card-two-product-card[b-qgell2o0r8] {
        flex: 0 0 calc((100% - 40px) / 3);
    }
}

/* Small Tablet (≤ 768px) → 2 কলাম */
@media (max-width: 768px) {
    .card-two-product-card[b-qgell2o0r8] {
        flex: 0 0 calc((100% - 0.5rem) / 2);
        margin-bottom:0px !important;
    }

    /*.card-two-product-image img {
        width: 7rem;
        height: 10rem;
        object-fit: contain;
    }

    .card-two-product-image {
        height: 180px;
    }*/
}

/* Mobile (≤ 480px) → 2 কলাম */
@media (max-width: 480px) {
    .card-two-product-grid[b-qgell2o0r8] {
        gap: 12px;
        padding: 8px;
    }

    .card-two-product-card[b-qgell2o0r8] {
        flex: 0 0 calc((100% - 0.5rem) / 2);
        margin-bottom: 0px !important;
    }

   /* .card-two-product-image img {
        width: 7rem;
        height: 10rem;
        object-fit: contain;
    }
    .card-two-product-image {
        height: 150px;
    }*/

    .card-two-product-title[b-qgell2o0r8] {
        font-size: 12px;
    }

    .card-two-product-price[b-qgell2o0r8] {
        font-size: 13px;
    }

    .card-two-buy-button[b-qgell2o0r8] {
        padding: 10px 10px;
        font-size: 11px;
        letter-spacing: 0;
        width: auto;
        margin: auto;
    }
}
/* _content/ecom.theme/Components/Zihveen/ProductDetailsColorAndSize.razor.rz.scp.css */
/* =================================================
   ZIHVEEN PRODUCT DETAILS - LEGACY MATCHING DESIGN
================================================= */

.zihveen-product-page[b-ys6gzh2yek] {
    background: #fff;
    width: 100%;
    margin-left: 0;
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding: 30px 110px 60px;
    min-height: 80vh;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #777;
    box-sizing: border-box;
}

.product-top-row[b-ys6gzh2yek],
.legacy-tabs-wrapper[b-ys6gzh2yek],
.frequently-bought-section[b-ys6gzh2yek],
.you-may-also-like-section[b-ys6gzh2yek],
.bottom-tabs-section[b-ys6gzh2yek] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* =================================================
   TOP 3-COLUMN LAYOUT
================================================= */

.product-top-row[b-ys6gzh2yek] {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 40px;
}

/* 1. Category Sidebar (Desktop Only) */
.product-category-sidebar[b-ys6gzh2yek] {
    width: 200px;
    flex-shrink: 0;
    border-right: 1px solid #ececec;
    padding-right: 25px;
}

.sidebar-title[b-ys6gzh2yek] {
    font-family: 'allroundermonument', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.05em;
    color: #777;
    text-transform: uppercase;
    display: block;
}

.sidebar-divider[b-ys6gzh2yek] {
    width: 30px;
    height: 2px;
    background: rgba(0, 0, 0, 0.15);
    margin: 8px 0 16px;
}

.sidebar-cat-list[b-ys6gzh2yek] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-cat-list li[b-ys6gzh2yek] {
    padding: 0;
    border-top: 1px solid #f2f2f2;
}

.sidebar-cat-list li:first-child[b-ys6gzh2yek] {
    border-top: none;
}

.sidebar-cat-list li a[b-ys6gzh2yek] {
    color: #0d2e2d;
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    padding: 6px 0;
    transition: color 0.2s;
    display: block;
}

.sidebar-cat-list li a:hover[b-ys6gzh2yek] {
    color: #000;
}

.sidebar-cat-list li.current-cat a[b-ys6gzh2yek] {
    color: #000;
    font-weight: 700;
}

/* 2. Product Gallery Column */
.product-gallery-column[b-ys6gzh2yek] {
    flex: 1 1 480px;
    max-width: 580px;
    min-width: 0;
}

.desktop-gallery[b-ys6gzh2yek] {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

/* Vertical Thumbnails */
.vertical-thumbnails[b-ys6gzh2yek] {
    width: 76px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.vert-thumb-list[b-ys6gzh2yek] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.vert-thumb-item[b-ys6gzh2yek] {
    width: 100%;
    aspect-ratio: 3 / 4;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fafafa;
}

.vert-thumb-item img[b-ys6gzh2yek] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vert-thumb-item:hover[b-ys6gzh2yek],
.vert-thumb-item.active[b-ys6gzh2yek] {
    border-color: #222;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
}

.vert-thumb-item.variant-highlight[b-ys6gzh2yek] {
    border-color: #8b5d17 !important;
}

.vert-thumb-nav[b-ys6gzh2yek] {
    background: #f8f8f8;
    border: 1px solid #ddd;
    width: 100%;
    height: 22px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.15s ease;
}

.vert-thumb-nav:hover:not(:disabled)[b-ys6gzh2yek] {
    background: #eaeaea;
    color: #111;
}

.vert-thumb-nav:disabled[b-ys6gzh2yek] {
    opacity: 0.35;
    cursor: not-allowed;
}

/* Main Featured Image */
.main-featured-image-container[b-ys6gzh2yek] {
    flex: 1;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    background: #fbfbfb;
}

.main-featured-image[b-ys6gzh2yek] {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
    cursor: zoom-in;
}

.main-featured-image.variant-highlight[b-ys6gzh2yek] {
    box-shadow: 0 0 12px rgba(139, 93, 23, 0.25);
}

.expand-zoom-btn[b-ys6gzh2yek] {
    position: absolute;
    bottom: 14px;
    left: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    backdrop-filter: blur(2px);
    transition: all 0.2s ease;
    z-index: 10;
}

.expand-zoom-btn:hover[b-ys6gzh2yek] {
    background: rgba(0, 0, 0, 0.7);
    transform: scale(1.05);
}

/* 3. Product Summary Column */
.product-summary-column[b-ys6gzh2yek] {
    flex: 1 1 360px;
    min-width: 0;
    padding-left: 10px;
}

/* Breadcrumb directly above title */
.legacy-breadcrumb-nav[b-ys6gzh2yek] {
    font-family: Montserrat, sans-serif;
    font-size: 13.6px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222;
    margin-bottom: 6.8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.legacy-breadcrumb-nav a[b-ys6gzh2yek] {
    color: #888;
    text-decoration: none;
    transition: color 0.15s ease;
}

.legacy-breadcrumb-nav a:hover[b-ys6gzh2yek] {
    color: #111;
}

.legacy-breadcrumb-nav .sep[b-ys6gzh2yek] {
    color: #ccc;
}

/* Product Title */
.legacy-product-title[b-ys6gzh2yek] {
    font-family: 'allroundermonument', sans-serif;
    font-size: 27.2px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3;
    color: #555;
    letter-spacing: normal;
    margin: 0 0 13.6px 0;
}

.legacy-title-divider[b-ys6gzh2yek] {
    width: 30px;
    height: 3px;
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

/* Price */
.legacy-price-row[b-ys6gzh2yek] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.legacy-sale-price[b-ys6gzh2yek] {
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #111;
}

.legacy-original-price[b-ys6gzh2yek] {
    font-size: 16px;
    color: #888;
    text-decoration: line-through;
}

.legacy-discount-tag[b-ys6gzh2yek] {
    font-size: 13px;
    font-weight: 600;
    color: #8b5d17;
}

.legacy-stock-notice[b-ys6gzh2yek] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.legacy-stock-notice.out-of-stock[b-ys6gzh2yek] {
    color: #d9534f;
}

.legacy-stock-notice.low-stock[b-ys6gzh2yek] {
    color: #e67e22;
}

.legacy-stock-notice.in-stock[b-ys6gzh2yek] {
    color: #2e7d32;
}

.legacy-stock-selection[b-ys6gzh2yek] {
    font-size: 12.5px;
    color: #6b7280;
    margin: -10px 0 16px;
}

/* Size / Attribute Selector */
.legacy-size-selector[b-ys6gzh2yek] {
    margin-bottom: 22px;
}

.size-label[b-ys6gzh2yek] {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 12.96px;
    font-weight: 700;
    line-height: 1.05;
    text-transform: none;
    color: #222;
    margin-bottom: 8px;
    letter-spacing: normal;
}

.size-options-row[b-ys6gzh2yek] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.legacy-size-box[b-ys6gzh2yek] {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.15s ease;
    user-select: none;
    margin-bottom: 0;
}

.legacy-size-box:hover[b-ys6gzh2yek] {
    border-color: #666;
}

.legacy-size-box.selected[b-ys6gzh2yek] {
    border: 2px solid #000;
    font-weight: 700;
    color: #000;
}

.legacy-size-box.disabled[b-ys6gzh2yek] {
    opacity: 0.35;
    cursor: not-allowed;
    text-decoration: line-through;
    border-color: #e0e0e0;
}

/* Quantity + Add to Cart Inline Row */
.legacy-cart-row[b-ys6gzh2yek] {
    display: flex;
    gap: 12px;
    align-items: stretch;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.legacy-qty-box[b-ys6gzh2yek] {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 40px;
    width: 110px;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
}

.qty-btn[b-ys6gzh2yek] {
    border: none;
    background: #fff;
    width: 34px;
    height: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 15.52px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #555;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.qty-btn:hover:not(:disabled)[b-ys6gzh2yek] {
    background: #f5f5f5;
    color: #000;
}

.qty-btn:disabled[b-ys6gzh2yek] {
    opacity: 0.4;
    cursor: not-allowed;
}

.qty-num[b-ys6gzh2yek] {
    width: 42px;
    height: 100%;
    border: none;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    background: #fff;
    outline: none;
    -moz-appearance: textfield;
}

.qty-num[b-ys6gzh2yek]::-webkit-outer-spin-button,
.qty-num[b-ys6gzh2yek]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.legacy-cart-btn[b-ys6gzh2yek] {
    height: 40px;
    padding: 0 19.2px;
    background: #1a332f;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.4;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
    white-space: nowrap;
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.legacy-cart-btn:hover:not(:disabled)[b-ys6gzh2yek] {
    background: #0d2e2d;
    color: #fff;
}

.legacy-cart-btn:disabled[b-ys6gzh2yek] {
    background: #ccc;
    color: #666;
    cursor: not-allowed;
}

.legacy-buynow-btn[b-ys6gzh2yek] {
    height: 40px;
    padding: 0 19.2px;
    background: #8b5d17;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.4;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.legacy-buynow-btn:hover:not(:disabled)[b-ys6gzh2yek] {
    background: #6d470f;
    color: #fff;
}

.legacy-buynow-btn:disabled[b-ys6gzh2yek] {
    background: #ccc;
    color: #666;
    cursor: not-allowed;
}

/* Metadata (SKU & Categories) */
.legacy-meta-section[b-ys6gzh2yek] {
    border-top: 1px solid #eee;
    padding-top: 18px;
    margin-bottom: 22px;
    font-family: Montserrat, sans-serif;
    font-size: 12.8px;
    color: #777;
    line-height: 1.6;
}

.meta-row-line[b-ys6gzh2yek] {
    display: flex;
    gap: 8px;
}

.meta-tag[b-ys6gzh2yek] {
    color: #333;
    font-weight: 600;
}

.meta-text[b-ys6gzh2yek] {
    color: #666;
}

.legacy-meta-link[b-ys6gzh2yek] {
    color: #555;
    text-decoration: none;
    transition: color 0.15s ease;
}

.legacy-meta-link:hover[b-ys6gzh2yek] {
    color: #000;
    text-decoration: underline;
}

/* Social Share Circular Icons */
.legacy-share-row[b-ys6gzh2yek] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.share-icon-btn[b-ys6gzh2yek] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
    cursor: pointer;
    background: #fff;
}

.share-icon-btn:hover[b-ys6gzh2yek] {
    border-color: #333;
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Support Chat */
.legacy-support-chat[b-ys6gzh2yek] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.chat-btn[b-ys6gzh2yek] {
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    transition: all 0.2s ease;
}

.whatsapp-btn[b-ys6gzh2yek] {
    border-color: #25d366;
    color: #25d366;
}

.whatsapp-btn:hover[b-ys6gzh2yek] {
    background: #25d366;
    color: #fff;
}

.messenger-btn[b-ys6gzh2yek] {
    border-color: #0084ff;
    color: #0084ff;
}

.messenger-btn:hover[b-ys6gzh2yek] {
    background: #0084ff;
    color: #fff;
}

/* =================================================
   TABS SECTION (Vertical on Left, Content on Right)
================================================= */

.legacy-tabs-wrapper[b-ys6gzh2yek] {
    display: flex;
    gap: 0;
    border-top: 1px solid #ececec;
    margin-top: 30px;
    padding-top: 30px;
    margin-bottom: 50px;
}

.legacy-tabs-nav[b-ys6gzh2yek] {
    width: 240px;
    flex-shrink: 0;
    border-right: 1px solid #ececec;
    display: flex;
    flex-direction: column;
}

.v-tab-btn[b-ys6gzh2yek] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f2f2f2;
    padding: 14px 18px;
    text-align: left;
    font-family: 'allroundermonument', sans-serif;
    font-size: 12.8px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6;
    letter-spacing: 0.02em;
    color: #777;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
}

.v-tab-btn:hover[b-ys6gzh2yek] {
    color: #111;
    background: #fafafa;
}

.v-tab-btn.active[b-ys6gzh2yek] {
    color: #111;
    font-weight: 800;
    border-right: 3px solid #8b5d17;
    margin-right: -1px;
    background: #fff;
}

.legacy-tabs-content[b-ys6gzh2yek] {
    flex: 1;
    padding: 0 35px;
    min-width: 0;
}

.v-pane[b-ys6gzh2yek] {
    animation: fadeIn-b-ys6gzh2yek 0.2s ease-in;
}

@keyframes fadeIn-b-ys6gzh2yek {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Attributes Key-Value Table */
.shop-attributes-table[b-ys6gzh2yek] {
    width: 100%;
    border-collapse: collapse;
}

.shop-attributes-table th[b-ys6gzh2yek] {
    width: 180px;
    padding: 10px 0;
    text-align: left;
    font-size: 14.4px;
    font-weight: 700;
    line-height: 1.05;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    vertical-align: top;
    border-bottom: 1px solid #f2f2f2;
}

.shop-attributes-table td[b-ys6gzh2yek] {
    padding: 10px 0;
    font-size: 14.4px;
    line-height: 1.3;
    color: #666;
    border-bottom: 1px solid #f2f2f2;
}

/* Measurement Guide Table */
.legacy-measurement-table[b-ys6gzh2yek] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;
    font-size: 13px;
    text-align: center;
}

.legacy-measurement-table th[b-ys6gzh2yek] {
    background: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px 6px;
    font-weight: 700;
    color: #333;
}

.legacy-measurement-table td[b-ys6gzh2yek] {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 6px;
    color: #333;
}

.legacy-measurement-table tbody tr:hover td[b-ys6gzh2yek] {
    background: #fafafa;
}

/* Description / FAQ / QA */
.description-pane[b-ys6gzh2yek] {
    line-height: 1.7;
    font-size: 14px;
    color: #555;
}

.faq-accordion .faq-item[b-ys6gzh2yek] {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
}

.faq-question[b-ys6gzh2yek] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #222;
    cursor: pointer;
}

.faq-q-icon[b-ys6gzh2yek] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #8b5d17;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

.faq-question h5[b-ys6gzh2yek] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.faq-answer[b-ys6gzh2yek] {
    margin-top: 8px;
    padding-left: 32px;
    color: #666;
    font-size: 13.5px;
    line-height: 1.6;
}

/* =================================================
   FREQUENTLY BOUGHT TOGETHER SECTION
================================================= */

.frequently-bought-section[b-ys6gzh2yek] {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 24px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 4px;
}

.frequently-bought-title[b-ys6gzh2yek] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.related-product-card[b-ys6gzh2yek] {
    display: flex;
    gap: 20px;
    align-items: center;
}

.related-product-image img[b-ys6gzh2yek] {
    width: 80px;
    height: 100px;
    object-fit: cover;
    border-radius: 2px;
}

.related-product-info h3[b-ys6gzh2yek] {
    font-size: 15px;
    margin: 0 0 6px 0;
    color: #222;
}

.related-product-pricing[b-ys6gzh2yek] {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 10px;
}

.related-current-price[b-ys6gzh2yek] {
    font-weight: 700;
    color: #111;
    font-size: 16px;
}

.related-original-price[b-ys6gzh2yek] {
    text-decoration: line-through;
    color: #888;
    font-size: 13px;
}

.related-add-to-cart[b-ys6gzh2yek] {
    background: #1a332f;
    color: #fff;
    border: none;
    padding: 6px 16px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
}

.related-add-to-cart:hover[b-ys6gzh2yek] {
    background: #0d2e2d;
}

/* =================================================
   YOU MAY ALSO LIKE SECTION
================================================= */

.you-may-also-like-section[b-ys6gzh2yek] {
    margin-top: 40px;
    margin-bottom: 25px;
}

.section-header[b-ys6gzh2yek] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
}

.deal-title[b-ys6gzh2yek] {
    font-size: 24px;
    font-weight: 700;
    color: #212121;
    margin: 0;
}

.section-container[b-ys6gzh2yek] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #fff;
    padding: 20px 0;
}

/* =================================================
   Q&A SECTION
================================================= */

.product-tabs-container.bottom-tabs-section[b-ys6gzh2yek] {
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100%;
}

.product-tabs-header[b-ys6gzh2yek] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.tab-btn[b-ys6gzh2yek] {
    background: transparent;
    border: none;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #64748b;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    position: relative;
}

.tab-btn:hover[b-ys6gzh2yek] {
    color: #0f172a;
    background-color: #f8fafc;
}

.tab-btn.active[b-ys6gzh2yek] {
    color: #ffffff;
    background-color: #1e293b;
}

.product-tabs-body[b-ys6gzh2yek] {
    padding: 10px 0;
}

.tab-content-pane[b-ys6gzh2yek] {
    font-size: 14px;
    line-height: 1.7;
    color: #334155;
}

/* =================================================
   LIGHTBOX OVERLAY
================================================= */

.lightbox-overlay[b-ys6gzh2yek] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.lightbox-content[b-ys6gzh2yek] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-img[b-ys6gzh2yek] {
    max-width: 100%;
    max-height: 88vh;
    object-fit: contain;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}

.lightbox-close[b-ys6gzh2yek] {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    padding: 4px;
    transition: transform 0.15s;
}

.lightbox-close:hover[b-ys6gzh2yek] {
    transform: scale(1.15);
}

/* =================================================
   RESPONSIVE ADAPTATIONS
================================================= */

@media (max-width: 991.98px) {
    .zihveen-product-page[b-ys6gzh2yek] {
        width: 100%;
        margin-left: 0;
        padding: 0 1rem 40px;
    }

    .product-top-row[b-ys6gzh2yek] {
        flex-direction: column;
        gap: 25px;
    }

    .product-category-sidebar[b-ys6gzh2yek] {
        display: none;
    }

    .product-gallery-column[b-ys6gzh2yek],
    .product-summary-column[b-ys6gzh2yek] {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .legacy-tabs-wrapper[b-ys6gzh2yek] {
        flex-direction: column;
    }

    .legacy-tabs-nav[b-ys6gzh2yek] {
        width: 100%;
        flex-direction: row;
        overflow-x: auto;
        border-right: none;
        border-bottom: 1px solid #ececec;
        scrollbar-width: none;
    }

    .legacy-tabs-nav[b-ys6gzh2yek]::-webkit-scrollbar {
        display: none;
    }

    .v-tab-btn[b-ys6gzh2yek] {
        white-space: nowrap;
        border-bottom: none;
        border-right: none;
        padding: 12px 14px;
        font-size: 12px;
    }

    .v-tab-btn.active[b-ys6gzh2yek] {
        border-bottom: 3px solid #8b5d17;
        border-right: none;
        margin-bottom: -1px;
    }

    .legacy-tabs-content[b-ys6gzh2yek] {
        padding: 20px 0 0 0;
    }

    .related-products-grid[b-ys6gzh2yek] {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

/* At compact desktop widths, keep the three-column design without letting the
   sidebar and outer gutters squeeze the product photo down to a thumbnail. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .zihveen-product-page[b-ys6gzh2yek] {
        padding-left: clamp(30px, 3.5vw, 50px);
        padding-right: clamp(30px, 3.5vw, 50px);
    }

    .product-top-row[b-ys6gzh2yek] {
        gap: 20px;
    }

    .product-category-sidebar[b-ys6gzh2yek] {
        width: 170px;
        padding-right: 20px;
    }

    .product-gallery-column[b-ys6gzh2yek] {
        flex-basis: 500px;
        max-width: 560px;
    }

    .product-summary-column[b-ys6gzh2yek] {
        flex-basis: 340px;
        padding-left: 0;
    }
}

/* Below 1200px the category rail is the least important column. Removing it
   leaves enough room for a useful image and purchase summary side by side. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .zihveen-product-page[b-ys6gzh2yek] {
        padding-left: clamp(24px, 4vw, 48px);
        padding-right: clamp(24px, 4vw, 48px);
    }

    .product-top-row[b-ys6gzh2yek] {
        gap: clamp(24px, 3vw, 36px);
    }

    .product-category-sidebar[b-ys6gzh2yek] {
        display: none !important;
    }

    .product-gallery-column[b-ys6gzh2yek] {
        flex: 1 1 54%;
        max-width: none;
    }

    .product-summary-column[b-ys6gzh2yek] {
        flex: 1 1 46%;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .you-may-also-like-section .section-container[b-ys6gzh2yek] {
        gap: 12px;
    }
}

/* Match the proportions of the original Zihveen product page at its
   full desktop breakpoint: wide category rail, square thumbnails and
   a 4:5 hero image. */
@media (min-width: 1400px) {
    .product-top-row[b-ys6gzh2yek] {
        gap: 0;
        margin-bottom: 60px;
    }

    .product-category-sidebar[b-ys6gzh2yek] {
        flex: 0 0 302px;
        width: 302px;
    }

    .product-gallery-column[b-ys6gzh2yek] {
        flex: 0 0 613px;
        width: 613px;
        max-width: 613px;
        margin-left: 8px;
    }

    .desktop-gallery[b-ys6gzh2yek] {
        gap: 14px;
    }

    .vertical-thumbnails[b-ys6gzh2yek] {
        width: 98px;
    }

    .vert-thumb-item[b-ys6gzh2yek] {
        aspect-ratio: 1 / 1;
    }

    .main-featured-image[b-ys6gzh2yek] {
        aspect-ratio: 4 / 5;
    }

    .product-summary-column[b-ys6gzh2yek] {
        flex: 1 1 auto;
        margin-left: 30px;
        padding-left: 0;
    }
}
/* _content/ecom.theme/Components/Zihveen/ProductDetailsColorAndSizeMobile.razor.rz.scp.css */

/* ── Slider wrapper ── */
.slider-wrap[b-3ia1wwbs38] {
    position: relative;
    background: #ffffff; 
    overflow: hidden;
}

/* Carousel inner images */
.carousel-item img[b-3ia1wwbs38] {
    width: 100%;
    aspect-ratio: 3 / 4;
    height: auto;
    object-fit: contain;
    padding: 0;
    transition: transform 0.6s ease;
}

.carousel-item.active img[b-3ia1wwbs38] {
    transform: scale(1);
}

.carousel-indicators [data-bs-target][b-3ia1wwbs38] {
    background-color: var(--primary-color) !important;
}
/* _content/ecom.theme/Components/Zihveen/ProductSection.razor.rz.scp.css */
/* ==================== Product Section Layout ==================== */

.product-section[b-iwfa8g9zif] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0.5rem;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch;
}

/* ==================== Featured Big Card (Left) ==================== */

.featured-item[b-iwfa8g9zif] {
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: stretch;
}

.featured-item-img[b-iwfa8g9zif] {
    width: 100%;
    flex: 1;
    object-fit: cover;
    border-radius: 5px;
}

.featured-item-title[b-iwfa8g9zif] {
    position: relative;
    background: transparent;
    color: var(--primary-color);
    font-size: 1.3rem;
    font-weight: 600;
    padding: 1rem;
    text-align: center;
}

/* Hide mobile-only elements on desktop */
.featured-item-info[b-iwfa8g9zif] {
    display: contents;
}

.featured-item-stats[b-iwfa8g9zif],
.featured-item-thumbs[b-iwfa8g9zif],
.featured-item-action[b-iwfa8g9zif] {
    display: none;
}

/* ==================== Product Grid ==================== */

.product-section-grid[b-iwfa8g9zif] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    align-items: stretch;
    align-content: space-between;
}

/* ==================== View More ==================== */

.view-more[b-iwfa8g9zif] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
    background: #f5f5f5;
    border-radius: 16px;
    height: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .view-more:hover[b-iwfa8g9zif] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

.view-more-image[b-iwfa8g9zif] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 3 / 4;
    opacity: 0.25;
    padding:10px;
    transition: opacity 0.3s, transform 0.3s;
}

.view-more:hover .view-more-image[b-iwfa8g9zif] {
    opacity: 0.4;
    transform: scale(1.05);
}

.view-more-text[b-iwfa8g9zif] {
    position: relative;
    z-index: 2;
    color: var(--primary-color);
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.4;
    background-color: #fff;
    border: 1.5px solid var(--primary-color);
    border-radius: 50px;
    padding: 7px 20px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.view-more:hover .view-more-text[b-iwfa8g9zif] {
    background-color: var(--primary-color);
    color: #fff;
    transform: scale(1.04);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

/* ==================== Responsive ==================== */

@media (max-width: 1399px) and (min-width: 1200px) {
    .product-section[b-iwfa8g9zif] {
        padding: 0;
    }
}

@media (max-width: 1199px) and (min-width: 993px) {
    .product-section[b-iwfa8g9zif] {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .product-section[b-iwfa8g9zif] {
        grid-template-columns: 1fr;
        padding: 0.5rem;
        background: color-mix(in srgb, var(--primary-color) 4%, white);
        border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
        border-radius: 24px;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: 0 4px 15px color-mix(in srgb, var(--primary-color) 5%, transparent);
        gap: 0;
    }

    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(4, 1fr);
    }

    /*.featured-item-title {
        font-size: 1.1rem;
    }*/

    /*.view-more {
        height: 220px;
        font-size: 1rem;
        border-radius: 12px;
    }*/
    
    .featured-item[b-iwfa8g9zif] {
        background: #ffffff;
        background-image: radial-gradient(circle at 90% 15%, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 50%),
                          radial-gradient(circle at 70% 90%, color-mix(in srgb, var(--primary-color) 3%, transparent) 0%, transparent 40%);
        box-shadow: 0 4px 15px rgba(0,0,0,0.04);
        align-items: stretch;
        margin-bottom: 0.5rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 1rem;
        border-radius: 16px;
        border: 1px solid color-mix(in srgb, var(--primary-color) 8%, transparent);
        gap: 1rem;
        position: relative;
        overflow: hidden;
    }
    
    .featured-item-img[b-iwfa8g9zif] {
        width: 40%;
        height: auto;
        max-height: 190px;
        object-fit: contain;
        border-radius: 12px;
        box-shadow: 0 6px 15px rgba(0,0,0,0.08);
        z-index: 1;
    }

    /* The info wrapper — only visible on mobile */
    .featured-item-info[b-iwfa8g9zif] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 60%;
        gap: 10px;
        z-index: 2;
    }
    
    .featured-item-title[b-iwfa8g9zif] {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        margin-top: 0;
        z-index: 2;
        box-shadow: none;
        padding: 0;
        font-weight: 600;
        font-family: 'Playfair Display', 'Georgia', serif;
        font-size: 1.6rem;
        color: var(--primary-color);
        text-transform: none;
        letter-spacing: 0px;
        text-align: left;
        line-height: 1.2;
    }

    .featured-item-title[b-iwfa8g9zif]::before {
        content: 'Premium Collection';
        display: block;
        font-family: sans-serif;
        font-size: 0.6rem;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 6px;
        font-weight: 600;
    }
    
    .featured-item-title[b-iwfa8g9zif]::after {
        display: none;
    }

    /* Stats row: product count + starting price */
    .featured-item-stats[b-iwfa8g9zif] {
        display: flex;
        gap: 12px;
        width: 100%;
    }

    .featured-stat[b-iwfa8g9zif] {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: color-mix(in srgb, var(--primary-color) 6%, transparent);
        border-radius: 10px;
        padding: 6px 10px;
        flex: 1;
    }

    @keyframes textShine-b-iwfa8g9zif {
        0% { background-position: -200% center; }
        100% { background-position: 200% center; }
    }

    .featured-stat-value[b-iwfa8g9zif] {
        font-family: 'Playfair Display', 'Georgia', serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
        background: linear-gradient(90deg, var(--primary-color) 30%, color-mix(in srgb, var(--primary-color) 40%, white) 50%, var(--primary-color) 70%);
        background-size: 200% auto;
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        animation: textShine-b-iwfa8g9zif 4.5s linear infinite;
    }

    .featured-stat-label[b-iwfa8g9zif] {
        font-family: sans-serif;
        font-size: 0.55rem;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
    }

    /* Mini product thumbnails */
    .featured-item-thumbs[b-iwfa8g9zif] {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    @keyframes thumbFadeIn-b-iwfa8g9zif {
        0% {
            opacity: 0;
            transform: scale(0.85) translateX(15px);
        }
        100% {
            opacity: 1;
            transform: scale(1) translateX(0);
        }
    }

    .featured-thumb[b-iwfa8g9zif] {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        object-fit: cover;
        border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
        box-shadow: 0 2px 6px rgba(0,0,0,0.06);
        animation: thumbFadeIn-b-iwfa8g9zif 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
    }

    .featured-thumb-more[b-iwfa8g9zif] {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        background: color-mix(in srgb, var(--primary-color) 8%, transparent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: sans-serif;
        font-size: 0.7rem;
        font-weight: 700;
        color: var(--primary-color);
    }
    @keyframes buttonShine-b-iwfa8g9zif {
        0% { transform: translateX(-150%) skewX(-20deg); }
        100% { transform: translateX(200%) skewX(-20deg); }
    }

    .featured-item-action[b-iwfa8g9zif] {
        display: inline-block;
        margin-top: 5px;
        position: relative;
        overflow: hidden;
        font-family: sans-serif;
        font-size: 0.85rem;
        font-weight: 600;
        color: #fff;
        background: var(--primary-color);
        padding: 8px 20px;
        border-radius: 30px;
        text-transform: none;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent);
    }

    .featured-item-action[b-iwfa8g9zif]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
        transform: translateX(-150%) skewX(-20deg);
        will-change: transform;
        animation: buttonShine-b-iwfa8g9zif 3.5s infinite ease-in-out;
    }
}

@media (max-width: 768px) {
    .product-section[b-iwfa8g9zif] {
        padding: 2rem 1.5rem;
    }

    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(3, 1fr);
    }

    .featured-item[b-iwfa8g9zif] {
        border-radius: 14px;
    }

    /*.featured-item-title {
        font-size: 1rem;
    }*/

    /*.view-more {
        height: 195px;
        font-size: 0.95rem;
        border-radius: 12px;
    }*/
}

@media (max-width: 575px) {
    .product-section[b-iwfa8g9zif] {
        padding: 0.5rem;
        margin-top: 0;
        margin-bottom: 0;
    }

    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(2, 1fr);
    }

    .featured-item[b-iwfa8g9zif] {
        border-radius: 12px;
    }

    /*.featured-item-img {
        padding: 14px 14px 0 14px;
    }*/

    /*.featured-item-title {
        font-size: 0.9rem;
        padding: 0.5rem 0.7rem 0.7rem;
    }*/

    /*.view-more {
        height: 195px;
        font-size: 0.9rem;
        border-radius: 12px;
    }*/

    .featured-item-img[b-iwfa8g9zif] {
        max-height: 250px;
    }
}

@media (max-width: 400px) {
    .product-section[b-iwfa8g9zif] {
        padding: 0.4rem;
        margin-top: 0;
        margin-bottom: 0;
    }

    .featured-item[b-iwfa8g9zif] {
        border-radius: 10px;
    }

    /*.featured-item-img {
        padding: 10px 10px 0 10px;
    }*/

    /*.featured-item-title {
        font-size: 0.85rem;
        padding: 0.4rem 0.6rem 0.6rem;
    }*/

    /*.view-more {
        height: 145px;
        font-size: 0.85rem;
        border-radius: 10px;
    }*/
}

/* iPhone 14 Pro Max / 15 (428px) */
@media only screen and (max-width: 428px) and (-webkit-min-device-pixel-ratio: 2) {
    .product-section[b-iwfa8g9zif] {
        padding: 0.5rem;
    }

    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(2, 1fr);
    }

    .featured-item[b-iwfa8g9zif] {
        border-radius: 14px;
    }

    /*.view-more {
        height: 155px;
        font-size: 0.9rem;
        border-radius: 12px;
    }*/
}

/* iPhone SE, mini (375px) */
@media only screen and (max-width: 375px) {
    /*.view-more {
        height: 138px;
        font-size: 0.85rem;
    }*/
}

/* iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
    .product-section[b-iwfa8g9zif] {
        grid-template-columns: 1fr;
        padding: 2.5rem 3rem;
    }

    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(4, 1fr);
    }

    .featured-item[b-iwfa8g9zif] {
        border-radius: 16px;
    }

    /*.featured-item-title {
        font-size: 1.4rem;
        padding: 1rem 1.2rem 1.2rem;
    }*/

    /*.view-more {
        height: 210px;
        border-radius: 14px;
    }*/
}

/* iPad Air 810px+ Portrait */
@media only screen and (min-width: 810px) and (max-width: 834px) and (orientation: portrait) {
    .product-section-grid[b-iwfa8g9zif] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* iPad Landscape (1024px) */
@media only screen and (min-width: 1024px) and (max-width: 1080px) and (orientation: landscape) {
    .product-section[b-iwfa8g9zif] {
        grid-template-columns: 1fr 2fr;
        padding: 0;
    }
}

/* iPad Pro 11" Landscape */
@media only screen and (min-width: 834px) and (max-width: 1194px) and (orientation: landscape) {
    .product-section[b-iwfa8g9zif] {
        padding: 0;
    }
}

/* iPad Pro 12.9" Landscape */
@media only screen and (min-width: 1300px) and (orientation: landscape) {
    .product-section[b-iwfa8g9zif] {
        padding: 0;
    }
}
/* _content/ecom.theme/Components/Zihveen/PromotionModalTaste.razor.rz.scp.css */
/* Modal overlay */
.modal-overlay[b-7jy4odfh5z] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Image wrapper -> image অনুযায়ী size হবে */
.promo-image-wrapper[b-7jy4odfh5z] {
    position: relative;
    display: inline-block;
}

.promo-image-wrapper-small[b-7jy4odfh5z] {
    position: fixed;
    bottom: 1rem;
    right: 6rem;
    z-index: 999;
}

/* Image ratio ঠিক থাকবে */
.promo-image[b-7jy4odfh5z] {
    max-width: 90vw;
    max-height: 90vh;
    height: auto;
    width: auto;
    display: block;
    border-radius: 12px;
}

.promo-image-small[b-7jy4odfh5z] {
    max-width: 20vw;
    max-height: 20vh;
    height: auto;
    width: auto;
    display: block;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .promo-image-small[b-7jy4odfh5z] {
        max-width: 40vw;
        max-height: 40vh;
    }
}

/* Close button image এর উপর */
.btn-close-glass[b-7jy4odfh5z] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: white;
    font-size: 20px;
    cursor: pointer;
}
/* _content/ecom.theme/Components/Zihveen/Shop.razor.rz.scp.css */
.shop-grid[b-391hym9khf] {
    display: grid;
    grid-template-columns: 300px 1fr !important;
    gap: 5px !important;
    margin-top: 1rem;
    margin-left: 0.5rem;
}

.shop-grid .container[b-391hym9khf] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem;
    padding-right: 1rem;
}

.mt-header[b-391hym9khf] {
    margin-top: 5.75rem;
}

.shop-grid.shop-mobile-view[b-391hym9khf] {
    display: block;
    margin-left: 0rem;
}

.shop-mobile-view .search-bar[b-391hym9khf] {
    flex-direction: column;
}

.shop-mobile-view .list[b-391hym9khf] {
    display: flex;
    gap: 0.5rem;
}

.list[b-391hym9khf] {
    display: flex;
    flex-wrap: wrap;
    gap:0.5rem;
}
.refinement-bar[b-391hym9khf] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.refinement-tags[b-391hym9khf] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.refinement-tag[b-391hym9khf] {
    background: #4a4a9e;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .refinement-tag .remove[b-391hym9khf] {
        cursor: pointer;
        font-weight: bold;
        font-size: 12px;
    }

.clear-refinements[b-391hym9khf] {
    background: #00aaff;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .search-bar[b-391hym9khf] {
        flex-direction: column;
    }
    .list[b-391hym9khf] {
        display: flex;
        gap:0.5rem;
    }
    .shop-grid[b-391hym9khf] {
        display: block;
        margin-left: 0rem;
    }
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid[b-391hym9khf] {
    grid-template-columns: 1fr !important;
    display: grid !important;
    width: 100% !important;
    margin-left: 0 !important;
}

:global(body:has(#side-menu-toggle:checked)) .shop-grid .container[b-391hym9khf] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
}
/* _content/ecom.theme/Components/Zihveen/SimilarCard.razor.rz.scp.css */
.main-card-two[b-qjyk2c90np] {
    margin: 10px 10px;
}

.refinement-bar[b-qjyk2c90np] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.refinement-tags[b-qjyk2c90np] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.refinement-tag[b-qjyk2c90np] {
    background: #4a4a9e;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .refinement-tag .remove[b-qjyk2c90np] {
        cursor: pointer;
        font-weight: bold;
        font-size: 12px;
    }

.clear-refinements[b-qjyk2c90np] {
    background: #00aaff;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

/* ───── Grid ───── */
.card-two-product-grid[b-qjyk2c90np] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
    justify-content: center;
}

/* ───── Card (Desktop → 4 Colam) ───── */
.card-two-product-card[b-qjyk2c90np] {
    flex: 0 0 calc((100% - 60px) / 4);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 20px 6px rgba(0, 0, 0, 0.07);
    border: none;
    padding: 10px;
    text-align: left;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

    .card-two-product-card:hover[b-qjyk2c90np] {
        transform: translateY(-3px);
    }

.card-two-product-image[b-qjyk2c90np] {
    position: relative;
    width: 100%;
    height: 300px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-two-product-image img[b-qjyk2c90np] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.out-of-stock-banner[b-qjyk2c90np] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    background-color: rgba(240, 240, 240, 0.82);
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0;
    z-index: 4;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.card-two-product-info[b-qjyk2c90np] {
    padding: 15px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-two-product-title[b-qjyk2c90np] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-two-product-price[b-qjyk2c90np] {
    font-size: 18px;
    font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.card-two-buy-button[b-qjyk2c90np] {
    background: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

    .card-two-buy-button:hover[b-qjyk2c90np] {
        background: var(--secondary-color);
        color: #fff;
    }

    /*.card-two-buy-button::before {
        content: "🛒";
        font-size: 16px;
    }*/

del[b-qjyk2c90np] {
    color: var(--primary-color);
    font-weight: 400;
}

/* ───── Tablet (≤ 1024px) → 3 কলাম ───── */
@media (max-width: 1024px) {
    .card-two-product-card[b-qjyk2c90np] {
        flex: 0 0 calc((100% - 40px) / 3);
    }
}

/* ───── Small Tablet (≤ 768px) → 2 কলাম ───── */
@media (max-width: 768px) {
    .card-two-product-card[b-qjyk2c90np] {
        flex: 0 0 calc((100% - 20px) / 2);
        margin-bottom: 0px !important;
    }

    .card-two-product-image[b-qjyk2c90np] {
        height: 200px;
    }
}

/* ───── Mobile (≤ 480px) → 2 কলাম ───── */
@media (max-width: 480px) {
    .card-two-product-grid[b-qjyk2c90np] {
        gap: 12px;
        padding: 8px;
    }

    .card-two-product-card[b-qjyk2c90np] {
        flex: 0 0 calc((100% - 12px) / 2);
        margin-bottom: 0px !important;
    }

    .card-two-product-image[b-qjyk2c90np] {
        height: 150px;
    }

    .card-two-product-title[b-qjyk2c90np] {
        font-size: 12px;
    }

    .card-two-product-price[b-qjyk2c90np] {
        font-size: 13px;
    }

    .card-two-buy-button[b-qjyk2c90np] {
        padding: 10px 10px;
        font-size: 11px;
        letter-spacing: 0;
        width: auto;
        margin: auto;
    }
}
/* _content/ecom.theme/Components/Zihveen/Slider.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN HERO SLIDER STYLES
   ══════════════════════════════════════════ */

.zihveen-hero-slider[b-apj0j8gwm0] {
    position: relative;
    background-color: #021c1b;
    overflow: hidden;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.carousel-item[b-apj0j8gwm0] {
    min-height: 520px;
    height: 72vh;
    max-height: 700px;
    position: relative;
    background-color: #021c1b;
}

.hero-bg-img[b-apj0j8gwm0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
    display: block;
}

/* Atmospheric Dark Vignette Overlay */
.hero-overlay[b-apj0j8gwm0] {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(to right, rgba(2, 28, 27, 0.85) 0%, rgba(2, 28, 27, 0.5) 45%, rgba(0, 0, 0, 0.25) 100%); */
    z-index: 1;
}

/* Content Box on Left */
.hero-content[b-apj0j8gwm0] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    padding-left: 5%;
    padding-right: 5%;
}

.hero-text-box[b-apj0j8gwm0] {
    max-width: 580px;
    text-align: left;
    color: #ffffff;
}

.hero-title[b-apj0j8gwm0] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2.2rem, 4.5vw, 3.8rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
    animation: fadeInDown-b-apj0j8gwm0 0.8s ease;
}

.hero-description[b-apj0j8gwm0] {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.95rem, 1.3vw, 1.15rem);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0 0 28px 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    animation: fadeInUp-b-apj0j8gwm0 0.9s ease;
}

/* Luxury Mustard Gold Button */
.hero-btn[b-apj0j8gwm0] {
    display: inline-block;
    background-color: #8b5d17;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 14px 34px;
    border-radius: 2px;
    border: none;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
    animation: fadeInUp-b-apj0j8gwm0 1s ease;
}

.hero-btn:hover[b-apj0j8gwm0] {
    background-color: #ab772a;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 93, 23, 0.5);
}

/* Minimal Circular Arrow Navigation */
.hero-arrow-btn[b-apj0j8gwm0] {
    width: 44px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: all 0.3s ease;
    z-index: 5;
}

.hero-arrow-btn:hover[b-apj0j8gwm0] {
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--primary-color) 45%, transparent);
}

.carousel-control-prev.hero-arrow-btn[b-apj0j8gwm0] {
    left: 24px;
}

.carousel-control-next.hero-arrow-btn[b-apj0j8gwm0] {
    right: 24px;
}

.hero-arrow-icon[b-apj0j8gwm0] {
    font-size: 28px;
    line-height: 1;
    color: #ffffff;
    padding-bottom: 2px;
}

/* Indicators */
.hero-indicators[b-apj0j8gwm0] {
    bottom: 24px;
    margin-bottom: 0;
    gap: 8px;
}

.hero-indicators button[b-apj0j8gwm0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    border: none;
    padding: 0;
    transition: all 0.3s ease;
}

.hero-indicators button.active[b-apj0j8gwm0] {
    background-color: #ffffff;
    transform: scale(1.3);
}

@keyframes fadeInDown-b-apj0j8gwm0 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp-b-apj0j8gwm0 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .carousel-item[b-apj0j8gwm0] {
        min-height: 420px;
        height: 60vh;
    }
    .hero-title[b-apj0j8gwm0] {
        font-size: 1.8rem;
    }
    .hero-description[b-apj0j8gwm0] {
        font-size: 0.88rem;
        margin-bottom: 20px;
    }
    .hero-btn[b-apj0j8gwm0] {
        padding: 10px 24px;
        font-size: 0.85rem;
    }
    .hero-arrow-btn[b-apj0j8gwm0] {
        width: 34px;
        height: 34px;
    }
    .carousel-control-prev.hero-arrow-btn[b-apj0j8gwm0] {
        left: 10px;
    }
    .carousel-control-next.hero-arrow-btn[b-apj0j8gwm0] {
        right: 10px;
    }
}
/* _content/ecom.theme/Components/Zihveen/TopBar.razor.rz.scp.css */
/* ══════════════════════════════════════════
   ZIHVEEN TOPBAR LUXURY STYLES
   ══════════════════════════════════════════ */

@font-face {
    font-family: 'allroundermonument';
    src: url('/_content/ecom.theme/fonts/zihveen/AllrounderMonument.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

.zihveen-header[b-w3xdfy1470] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1040;
    margin: 0 !important;
    margin-bottom: 0 !important;
    transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                border-color 0.4s ease;
}

/* ── Initial State on Homepage (Without Scroll): Fully Transparent with Zero Horizontal Lines ── */
.zihveen-header.is-home-header:not(.is-scrolled)[b-w3xdfy1470] {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
}

.zihveen-header.is-home-header:not(.is-scrolled) .header-main-wrapper[b-w3xdfy1470] {
    background-color: transparent !important;
    border: none !important;
}

.zihveen-header.is-home-header:not(.is-scrolled) .top-announcement-bar[b-w3xdfy1470] {
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-bottom: none !important;
}

.zihveen-header.is-home-header:not(.is-scrolled) .zihveen-nav-bar[b-w3xdfy1470] {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.zihveen-header.is-home-header:not(.is-scrolled) .zihveen-nav-link[b-w3xdfy1470]::after {
    display: none !important;
}

/* ── Scrolled State OR Subpage: Ultra-Sleek Modern Luxury with Frosted Glassmorphism ── */
.zihveen-header.is-scrolled[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled)[b-w3xdfy1470] {
    background-color: rgba(7, 32, 31, 0.78) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    border-bottom: 1px solid rgba(230, 205, 146, 0.15) !important;
}

/* Zihveen's inner pages use the full legacy masthead instead of the
   condensed sticky-header treatment used after scrolling the home page. */
.zihveen-header.is-subpage-header:not(.is-scrolled)[b-w3xdfy1470] {
    background-color: #082f2d !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper .container-fluid[b-w3xdfy1470] {
    min-height: 136px;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}

.zihveen-header.is-scrolled .header-main-wrapper[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper[b-w3xdfy1470] {
    background-color: transparent !important;
}

.zihveen-header.is-scrolled .top-announcement-bar[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .top-announcement-bar[b-w3xdfy1470] {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Announcement Top Bar */
.top-announcement-bar[b-w3xdfy1470] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
    letter-spacing: 0.05em;
    padding: 3px 0;
    transition: background-color 0.4s ease;
}

.announcement-text[b-w3xdfy1470] {
    white-space: nowrap;
    overflow: hidden;
}

.announcement-divider[b-w3xdfy1470] {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

/* Main Header */
.header-main-wrapper[b-w3xdfy1470] {
    transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.header-main-wrapper .container-fluid[b-w3xdfy1470] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    transition: padding 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.zihveen-header.is-scrolled .header-main-wrapper .container-fluid[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper .container-fluid[b-w3xdfy1470] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Subpages snap to the full masthead at the top, then animate into the scrolled state. */
.zihveen-header.is-subpage-header:not(.is-scrolled)[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper .container-fluid[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .monogram-svg[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .brand-text[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-bar[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-list[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-link[b-w3xdfy1470] {
    transition: none !important;
}

/* 3-Column Midpoint Vertical Centering Layout */
.header-main-container[b-w3xdfy1470] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-left-col[b-w3xdfy1470] {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-center-col[b-w3xdfy1470] {
    flex: 2 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.header-right-col[b-w3xdfy1470] {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Logo */
.brand-logo-link[b-w3xdfy1470] {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.brand-logo-link:hover[b-w3xdfy1470] {
    transform: scale(1.02);
}

.brand-logo-img[b-w3xdfy1470] {
    max-height: 60px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
    transition: max-height 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.zihveen-header.is-home-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470] {
    max-height: 90px;
}

.zihveen-header.is-scrolled .brand-logo-img[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470] {
    max-height: 64px !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470] {
    max-height: 82px !important;
}

.brand-monogram[b-w3xdfy1470] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.monogram-svg[b-w3xdfy1470] {
    width: 34px;
    height: 34px;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.zihveen-header.is-scrolled .monogram-svg[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .monogram-svg[b-w3xdfy1470] {
    width: 42px !important;
    height: 42px !important;
}

.brand-text[b-w3xdfy1470] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: #e6cd92;
    text-transform: uppercase;
    margin-top: 1px;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.zihveen-header.is-scrolled .brand-text[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .brand-text[b-w3xdfy1470] {
    font-size: 1.22rem !important;
    letter-spacing: 0.22em !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

/* Desktop Navigation Menu */
.zihveen-nav-bar[b-w3xdfy1470] {
    border: none;
    border-top: none;
    padding-top: 4px;
    padding-bottom: 2px;
    transition: all 0.35s ease;
}

.zihveen-header.is-scrolled .zihveen-nav-bar[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-bar[b-w3xdfy1470] {
    display: none !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-bar[b-w3xdfy1470] {
    display: block !important;
    padding-top: 5px;
    padding-bottom: 0;
}

.zihveen-nav-list[b-w3xdfy1470] {
    list-style: none;
    gap: 24px;
    transition: gap 0.35s ease;
}

.zihveen-header.is-scrolled .zihveen-nav-list[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-list[b-w3xdfy1470] {
    gap: 18px !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-list[b-w3xdfy1470] {
    gap: 24px !important;
}

.zihveen-nav-item[b-w3xdfy1470] {
    display: inline-block;
}

.zihveen-nav-link[b-w3xdfy1470] {
    font-family: 'allroundermonument', sans-serif;
    font-size: 14.4px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.288px;
    color: #E6CD92;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0;
    transition: color 0.25s ease, font-size 0.35s ease, padding 0.35s ease;
}

.zihveen-header.is-scrolled .zihveen-nav-link[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-link[b-w3xdfy1470] {
    font-size: 11px !important;
    padding: 1px 2px !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-link[b-w3xdfy1470] {
    font-size: 14.4px !important;
    line-height: 16px !important;
    padding: 7px 0 !important;
}

.zihveen-nav-link:hover[b-w3xdfy1470],
.zihveen-nav-link.active[b-w3xdfy1470] {
    color: #ffffff;
}

.zihveen-nav-link[b-w3xdfy1470]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #e6cd92;
    transition: width 0.3s ease;
}

.zihveen-nav-link:hover[b-w3xdfy1470]::after {
    width: 100%;
}

/* Gold Square Icon Buttons (Search, Wishlist, Cart) */
.zihveen-icon-box[b-w3xdfy1470] {
    width: 32px;
    height: 32px;
    background-color: rgba(139, 93, 23, 0.9);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff;
    border: none;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 0.25s ease;
}

.zihveen-header.is-scrolled .zihveen-icon-box[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-icon-box[b-w3xdfy1470] {
    width: 28px !important;
    height: 28px !important;
    font-size: 11px !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-icon-box[b-w3xdfy1470] {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
}

.zihveen-icon-box:hover[b-w3xdfy1470] {
    background-color: #ab772a;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(139, 93, 23, 0.45);
}

/* Topbar Mobile Menu Button */
.topbar-menu-toggle-btn[b-w3xdfy1470] {
    background: transparent;
    border: 1px solid rgba(230, 205, 146, 0.3);
    color: #e6cd92;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.zihveen-header.is-scrolled .topbar-menu-toggle-btn[b-w3xdfy1470],
.zihveen-header.is-subpage-header:not(.is-scrolled) .topbar-menu-toggle-btn[b-w3xdfy1470] {
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
}

.zihveen-header.is-subpage-header:not(.is-scrolled) .topbar-menu-toggle-btn[b-w3xdfy1470] {
    width: 32px !important;
    height: 32px !important;
    background-color: rgba(139, 93, 23, 0.9);
    border: none;
    color: #fff;
}

.topbar-menu-toggle-btn:hover[b-w3xdfy1470] {
    background-color: rgba(230, 205, 146, 0.15);
    color: #ffffff;
}

/* Keep the closed toggle in the header; move it just beyond the open drawer. */
.topbar-menu-toggle-btn.is-side-menu-open[b-w3xdfy1470] {
    left: calc(320px - 3rem + 12px);
    position: relative;
    z-index: 1041;
}

.utility-icon-link[b-w3xdfy1470] {
    color: #25D366;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 0 4px;
    transition: transform 0.2s;
}

.utility-icon-link:hover[b-w3xdfy1470] {
    transform: scale(1.1);
}

/* Profile / Login Link */
.zihveen-login-link[b-w3xdfy1470] {
    color: #e6cd92;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-left: 0;
    padding: 4px 8px;
    border: 1px solid rgba(230, 205, 146, 0.25);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}

.zihveen-login-link:hover[b-w3xdfy1470] {
    color: #ffffff;
    border-color: #e6cd92;
    background-color: rgba(230, 205, 146, 0.1);
}

/* ── Search: a glass pill that grows out of the search icon, from right to left ──
   The icon stays where it is (on top of the pill's right end) and turns into a round × while the pill is open.
   The pill is 4px bigger than the icon on every side, so it looks like the icon opened into it.
   See-through with a thin gold outline, so it sits lightly on the dark header and on the home page photo. */
.zihveen-search[b-w3xdfy1470] {
    position: relative;
    display: flex;
    align-items: center;
}

.zihveen-search-toggle[b-w3xdfy1470] {
    position: relative;
    z-index: 2;
    transition: all 0.25s ease, border-radius 0.3s ease;
}

.zihveen-search.open .zihveen-search-toggle[b-w3xdfy1470] {
    border-radius: 50%;
}

.zihveen-search.open .zihveen-search-toggle:hover[b-w3xdfy1470] {
    transform: none;
}

.zihveen-search-panel[b-w3xdfy1470] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    right: -4px;
    z-index: 1;
    width: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid rgba(230, 205, 146, 0.55);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
                opacity 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.2s ease,
                visibility 0s linear 0.35s;
}

.zihveen-search.open .zihveen-search-panel[b-w3xdfy1470] {
    width: min(360px, calc(100vw - 88px));
    opacity: 1;
    visibility: visible;
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
                opacity 0.15s ease,
                border-color 0.2s ease,
                box-shadow 0.2s ease,
                visibility 0s;
}

/* On phones and narrower screens the open pill covers the logo / menu: keep the glass look but make it mostly
   solid, so nothing behind it shows through the typed text. */
@media (max-width: 1199.98px) {
    .zihveen-search-panel[b-w3xdfy1470] {
        background-color: rgba(9, 36, 35, 0.92);
    }
}

.zihveen-search.open .zihveen-search-panel:focus-within[b-w3xdfy1470] {
    border-color: #e6cd92;
    box-shadow: 0 0 0 3px rgba(230, 205, 146, 0.16), 0 8px 24px rgba(0, 0, 0, 0.25);
}

.zihveen-search-input[b-w3xdfy1470] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    background: transparent;
    color: #f3ecd9;
    caret-color: #e6cd92;
    border: none;
    outline: none;
    padding: 0 6px 0 18px;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.zihveen-search-input[b-w3xdfy1470]::placeholder {
    color: rgba(243, 236, 217, 0.6);
}

/* Submit (same link as before), just left of the × icon */
.search-submit-btn[b-w3xdfy1470] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e6cd92;
    background: transparent;
    border-radius: 50%;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.search-submit-btn:hover[b-w3xdfy1470] {
    background-color: rgba(230, 205, 146, 0.14);
    color: #ffffff;
}

/* Suggestions: the same dark glass as the pill, gold accents */
.zihveen-search-suggestion[b-w3xdfy1470] {
    position: absolute;
    top: calc(100% + 12px);
    right: -4px;
    width: min(360px, calc(100vw - 88px));
    text-align: left;
    animation: fadeInDown-b-w3xdfy1470 0.2s ease;
    background: rgba(9, 36, 35, 0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(230, 205, 146, 0.35);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4);
    max-height: 360px;
    overflow-y: auto;
    z-index: 1050;
    scrollbar-width: thin;
    scrollbar-color: rgba(230, 205, 146, 0.45) transparent;
}

.suggest-item[b-w3xdfy1470] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none;
    color: #f3ecd9;
    border-bottom: 1px solid rgba(230, 205, 146, 0.14);
    transition: background 0.2s;
}

.suggest-item:hover[b-w3xdfy1470] {
    background: rgba(230, 205, 146, 0.08);
}

.suggest-item img[b-w3xdfy1470] {
    width: 46px;
    height: 46px;
    object-fit: cover;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.suggest-details .title[b-w3xdfy1470] {
    font-size: 13px;
    font-weight: 600;
    color: #f3ecd9;
    margin-bottom: 3px;
}

.suggest-details .current-price[b-w3xdfy1470] {
    font-size: 13px;
    font-weight: 700;
    color: #e6cd92;
}

.suggest-details .old-price[b-w3xdfy1470] {
    font-size: 11px;
    color: rgba(243, 236, 217, 0.5);
    margin-right: 6px;
}

.see-more-wrapper[b-w3xdfy1470] {
    padding: 11px;
    text-align: center;
    background: transparent;
}

.see-more-btn[b-w3xdfy1470] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #e6cd92;
    text-decoration: none;
}

.see-more-btn:hover[b-w3xdfy1470] {
    color: #ffffff;
    text-decoration: underline;
}

@keyframes fadeInDown-b-w3xdfy1470 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ══════════════════════════════════════════
   Phone / Mobile View Responsive Adjustments (< 992px)
   ══════════════════════════════════════════ */
@media (max-width: 991.98px) {
	.topbar-menu-toggle-btn.is-side-menu-open[b-w3xdfy1470] {
		left: calc(320px - 1rem + 12px);
	}

    .zihveen-header[b-w3xdfy1470],
    .zihveen-header.is-home-header:not(.is-scrolled)[b-w3xdfy1470],
    .zihveen-header.is-scrolled[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled)[b-w3xdfy1470] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1040 !important;
        background-color: rgba(7, 32, 31, 0.78) !important;
        backdrop-filter: blur(16px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
        border-bottom: 1px solid rgba(230, 205, 146, 0.15) !important;
    }

    .zihveen-header .header-main-wrapper[b-w3xdfy1470] {
        background-color: transparent !important;
    }

    .zihveen-header .top-announcement-bar[b-w3xdfy1470] {
        background-color: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        font-size: 9.5px !important;
        padding: 2px 0 !important;
    }

    .brand-logo-img[b-w3xdfy1470] {
        max-height: 46px !important;
    }

    .zihveen-header.is-home-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470] {
        max-height: 70px !important;
    }

    .monogram-svg[b-w3xdfy1470] {
        width: 26px !important;
        height: 26px !important;
    }

    .brand-text[b-w3xdfy1470] {
        font-size: 1rem !important;
        letter-spacing: 0.2em !important;
    }

    .header-main-wrapper .container-fluid[b-w3xdfy1470] {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .topbar-menu-toggle-btn[b-w3xdfy1470] {
        flex-basis: 32px;
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    .zihveen-icon-box[b-w3xdfy1470] {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
    }

    .zihveen-header.is-scrolled .brand-logo-img[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .brand-logo-img[b-w3xdfy1470] {
        max-height: 50px !important;
    }

    .zihveen-header.is-scrolled .monogram-svg[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .monogram-svg[b-w3xdfy1470] {
        width: 32px !important;
        height: 32px !important;
    }

    .zihveen-header.is-scrolled .brand-text[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .brand-text[b-w3xdfy1470] {
        font-size: 1.1rem !important;
        letter-spacing: 0.2em !important;
        line-height: 1.1 !important;
    }

    .zihveen-header.is-scrolled .header-main-wrapper .container-fluid[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper .container-fluid[b-w3xdfy1470] {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .zihveen-header.is-scrolled .topbar-menu-toggle-btn[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .topbar-menu-toggle-btn[b-w3xdfy1470] {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    .zihveen-header.is-scrolled .zihveen-icon-box[b-w3xdfy1470],
    .zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-icon-box[b-w3xdfy1470] {
        width: 28px !important;
        height: 28px !important;
        font-size: 11px !important;
    }

    .zihveen-header.is-subpage-header:not(.is-scrolled) .header-main-wrapper .container-fluid[b-w3xdfy1470] {
        min-height: 0;
    }

    .zihveen-header.is-subpage-header:not(.is-scrolled) .zihveen-nav-bar[b-w3xdfy1470] {
        display: none !important;
    }

    .zihveen-header.is-subpage-header:not(.is-scrolled) .topbar-menu-toggle-btn[b-w3xdfy1470] {
        background: transparent;
        border: 1px solid rgba(230, 205, 146, 0.3);
        color: #e6cd92;
    }
}

@media (max-width: 575.98px) {
	.topbar-menu-toggle-btn.is-side-menu-open[b-w3xdfy1470] {
		left: calc(280px - 1rem + 12px);
	}
}
/* _content/ecom.theme/Components/Zihveen/WeeklyDeals.razor.rz.scp.css */
/* ==================== Section Container ==================== */
.weekly-deals-fullwidth[b-o45op80sfs] {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==================== Section Header ==================== */
.section-header[b-o45op80sfs] {
    display: flex;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    width: 100%;
    background: #ffffff;
}

.deal-title[b-o45op80sfs] {
    font-size: 28px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 25px;
}

.see-more-btn[b-o45op80sfs] {
    border: 1.5px solid var(--primary-color) !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    display: inline-flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.see-more-btn a[b-o45op80sfs] {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 12px;
}

.see-more-btn:hover[b-o45op80sfs] {
    background: var(--primary-color);
    transform: scale(1.04);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

.see-more-btn:hover a[b-o45op80sfs] {
    color: #fff;
}

/* ==================== Slider ==================== */

.deal-wrapper[b-o45op80sfs] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size:20px;
}

.slider-controls[b-o45op80sfs] {
    display: flex;
    gap: 8px;
}

.slider-wrapper[b-o45op80sfs] {
    position: relative;
    width: 100%;
}

.slider-container[b-o45op80sfs] {
    display: flex;
    gap: 0.5em !important;
    flex-wrap: wrap;
    width: 100%;
}

.slider-btn[b-o45op80sfs] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #212121;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .slider-btn:hover[b-o45op80sfs] {
        opacity: 1;
        transition: all 0.5s;
        background: var(--primary-color);
    }

    .slider-btn:disabled[b-o45op80sfs] {
        opacity: 0.3;
        cursor: not-allowed;
    }

        .slider-btn:disabled:hover[b-o45op80sfs] {
            background: #fff;
            border-color: #e0e0e0;
            color: #212121;
        }

/* ==================== Deal Card ==================== */

    .deal-card[b-o45op80sfs] {
        flex: 0 0 calc((100% - 1.5em) / 4);
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        border: none;
        padding: 20px;
        text-align: left;
        transition: all 0.3s;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
    }

        .deal-card:hover[b-o45op80sfs] {
            transform: translateY(-5px);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        }

    .deal-badge[b-o45op80sfs] {
        background: var(--primary-color);
        color: #fff;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        padding: 6px 20px;
        border-radius: 4px 4px 0 0;
        white-space: nowrap;
        position: absolute;
        top: -10px;
        left: -5px;
        z-index: 2;
    }

    .deal-image-container[b-o45op80sfs] {
        position: relative;
    }

    .deal-image[b-o45op80sfs] {
        width: 14rem;
        height: 14rem;
        object-fit: contain;
    }

    .timer-badge[b-o45op80sfs] {
        position: absolute;
        left: 0;
        background: rgba(0,0,0,0.7);
        color: #fff;
        padding: 3px 3px;
        border-radius: 2px;
        font-size: 5px;
        font-weight: 300;
        display: flex;
        align-items: center;
        gap: 2px;
    }
    /* ==================== Deal Timer ==================== */

    .deal-timer[b-o45op80sfs] {
        width: fit-content;
        background: #cc1f1f;
        border-top: 1px solid rgba(255,255,255,0.2);
        border-radius: 5px;
        padding: 4px 6px 0px;
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .t-unit[b-o45op80sfs] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .t-num[b-o45op80sfs] {
        background: #fff;
        color: #cc1f1f;
        font-size: 0.72rem;
        font-weight: 800;
        font-family: 'Courier New', monospace;
        width: 1rem;
        height: 1rem;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

        .t-num.flip[b-o45op80sfs] {
            animation: numFlip-b-o45op80sfs 0.2s ease;
        }

    .t-lbl[b-o45op80sfs] {
        color: rgba(255,255,255,0.75);
        font-size: 0.42rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-top: 2px;
        font-weight: 600;
    }

    .t-sep[b-o45op80sfs] {
        color: #fff;
        font-size: 0.8rem;
        font-weight: 700;
        margin-bottom: 8px;
        opacity: 0.8;
    }

    .expired[b-o45op80sfs] {
        display: none;
        font-size: 0.65rem;
        color: rgba(255,255,255,0.85);
        letter-spacing: 0.08em;
        margin-top: 4px;
        text-align: center;
    }

    @keyframes numFlip-b-o45op80sfs {
        0% {
            transform: scaleY(1);
            opacity: 1;
        }

        40% {
            transform: scaleY(0);
            opacity: 0;
        }

        60% {
            transform: scaleY(0);
            opacity: 0;
        }

        100% {
            transform: scaleY(1);
            opacity: 1;
        }
    }
    /* ==================== Deal Info ==================== */

    .deal-price[b-o45op80sfs] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-bottom: 8px;
    }

    .current-price[b-o45op80sfs] {
        font-size: 20px;
        font-weight: 700;
        color: var(--secondary-color);
    }

    .original-price[b-o45op80sfs] {
        font-size: 1.25rem;
        color: var(--primary-color);
        text-decoration: line-through;
    }

    .discount-badge[b-o45op80sfs] {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        background: var(--primary-color);
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 3;
        transform: rotate(-18deg);
        clip-path: polygon(50% 0%, 61% 22%, 85% 15%, 78% 39%, 100% 50%, 78% 61%, 85% 85%, 61% 78%, 50% 100%, 39% 78%, 15% 85%, 22% 61%, 0% 50%, 22% 39%, 15% 15%, 39% 22%);
    }

        .discount-badge .badge-percent[b-o45op80sfs] {
            font-size: 10px;
            font-weight: 900;
        }

        .discount-badge .badge-off[b-o45op80sfs] {
            font-size: 8px;
            font-weight: 800;
        }

    .deal-offer[b-o45op80sfs] {
        background: #fff8e1;
        color: #f57c00;
        padding: 6px 12px;
        border-radius: 2px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 8px;
        display: inline-block;
    }

    .product-price-ebl[b-o45op80sfs] {
        font-weight: 600;
        letter-spacing: -0.05em;
        line-height: 1.6;
        transition: visibility 0.4s, opacity 0.4s;
        color: green;
        font-size: 14px;
        float: left;
    }

        .product-price-ebl span[b-o45op80sfs] {
            margin-left: 10px;
        }

    .buy-btn[b-o45op80sfs] {
        padding: 6px 20px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        border-radius: 50px;
        cursor: pointer;
        text-transform: uppercase;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
        transition: all 0.3s ease;
        display: inline-block;
        align-self: center;
        margin-bottom: 10px;
        width: auto;
    }

        .buy-btn:hover[b-o45op80sfs] {
            background: var(--secondary-color);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.25);
        }

        .buy-btn:active[b-o45op80sfs] {
            transform: translateY(0px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

    .bkash-icon[b-o45op80sfs] {
        width: 70px;
        height: 60px;
        margin-top: -22px;
    }
    /* ==================== Responsive ==================== */


    @media (max-width: 992px) {
        .deals-section[b-o45op80sfs] {
            padding: 0px;
        }

        .deal-card[b-o45op80sfs] {
            flex: 0 0 calc((100% - 42px) / 3);
        }

        .deal-image[b-o45op80sfs] {
            width: 10rem;
            height: 10rem;
        }

        .section-title[b-o45op80sfs] {
            font-size: 20px;
        }
        /*.deal-timer {
        padding: 3px 5px 0px;
        gap: 1px;
    }

    .t-num {
        font-size: 0.65rem;
        width: 0.9rem;
        height: 0.9rem;
    }

    .t-lbl {
        font-size: 0.38rem;
    }

    .t-sep {
        font-size: 0.72rem;
    }*/
    }

    @media (max-width: 768px) {
        .slider-btn[b-o45op80sfs] {
            width: 36px;
            height: 36px;
        }

        .deal-title[b-o45op80sfs] {
            font-size: 16px;
        }
        .see-more-btn[b-o45op80sfs] {
            font-size: 12px;
        }
    }

    @media (max-width: 576px) {
        .slider-controls[b-o45op80sfs] {
            gap: 4px;
        }

        .slider-btn[b-o45op80sfs] {
            width: 32px;
            height: 32px;
            font-size: 14px;
        }

        .deal-wrapper[b-o45op80sfs] {
            font-size: 8px;
            display: none;
        }
    }
/* _content/ecom.theme/Components/Zihveen/WeeklyProduct.razor.rz.scp.css */
.deals-section[b-zzq2faluab] {
    padding: 1rem 13.5rem;
}

.section-container[b-zzq2faluab] {
    background: #fff;
    padding: 24px;
}

.section-title[b-zzq2faluab] {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    margin: 0;
}

.deal-card[b-zzq2faluab] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 1.5em) / 4);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: none;
    transition: all 0.3s;
    cursor: pointer;
    color: inherit;
    padding: 10px;
    text-align: center;
}

    .deal-card a[b-zzq2faluab] {
        text-decoration: none;
    }

    .deal-card:hover[b-zzq2faluab] {
        transform: translateY(-5px);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }

.deal-badge[b-zzq2faluab] {
    background: var(--primary-color);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
    position: absolute;
    top: -10px;
    left: -5px;
    z-index: 2;
}

.deal-image-container[b-zzq2faluab] {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
}

.deal-image[b-zzq2faluab] {
    aspect-ratio: 3 / 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.timer-badge[b-zzq2faluab] {
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 3px 3px;
    border-radius: 2px;
    font-size: 5px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 2px;
}

/* ── Deal Timer ── */
.deal-timer[b-zzq2faluab] {
    width: fit-content;
    background: #cc1f1f;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 4px 6px 0px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.t-unit[b-zzq2faluab] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.t-num[b-zzq2faluab] {
    background: #fff;
    color: #cc1f1f;
    font-size: 0.72rem;
    font-weight: 800;
    font-family: 'Courier New', monospace;
    width: 1rem;
    height: 1rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

    .t-num.flip[b-zzq2faluab] {
        animation: numFlip-b-zzq2faluab 0.2s ease;
    }

.t-lbl[b-zzq2faluab] {
    color: rgba(255,255,255,0.75);
    font-size: 0.42rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 2px;
    font-weight: 600;
}

.t-sep[b-zzq2faluab] {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 8px;
    opacity: 0.8;
}

.expired[b-zzq2faluab] {
    display: none;
    font-size: 0.65rem;
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.08em;
    margin-top: 4px;
    text-align: center;
}
.sale-wrapper[b-zzq2faluab] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

/* Main sticker */
.sale-tag[b-zzq2faluab] {
    position: relative;
    background: var(--primary-color);
    color: #fff;
    font-weight: bold;
    width: 3.2rem;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.125rem;
    padding: 0.625rem 0.25rem 1.25rem;
    border-radius: 0.375rem 0.375rem 50% 50%;
    text-align: center;
    line-height: 1.2;
    overflow: hidden;
    box-shadow: 0.125rem 0.25rem 0.625rem rgba(0,0,0,0.25);
}
    /* dashed inner border following the shape */
    .sale-tag[b-zzq2faluab]::after {
        content: '';
        position: absolute;
        inset: 0.25rem;
        border: 0.094rem dashed rgba(255,255,255,0.6);
        border-radius: 0.2rem 0.2rem 50% 50%;
        pointer-events: none;
    }

.sale-percent[b-zzq2faluab] {
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.sale-off[b-zzq2faluab] {
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

    @keyframes numFlip-b-zzq2faluab {
        0% {
            transform: scaleY(1);
            opacity: 1;
        }

        40% {
            transform: scaleY(0);
            opacity: 0;
        }

        60% {
            transform: scaleY(0);
            opacity: 0;
        }

        100% {
            transform: scaleY(1);
            opacity: 1;
        }
    }
    /* ── Deal Info ── */
    .deal-title[b-zzq2faluab] {
        font-size: 14px;
        font-weight: 500;
        color: #212121;
        margin-bottom: -5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .deal-price[b-zzq2faluab] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .current-price[b-zzq2faluab] {
        font-size: 20px;
        font-weight: 700;
        color: var(--secondary-color);
    }

    .original-price[b-zzq2faluab] {
        font-size: 1.25rem;
        color: var(--primary-color);
        text-decoration: line-through;
    }

    .discount-badge[b-zzq2faluab] {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        background: var(--primary-color);
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 3;
        transform: rotate(-18deg);
        clip-path: polygon(50% 0%, 61% 22%, 85% 15%, 78% 39%, 100% 50%, 78% 61%, 85% 85%, 61% 78%, 50% 100%, 39% 78%, 15% 85%, 22% 61%, 0% 50%, 22% 39%, 15% 15%, 39% 22%);
    }

        .discount-badge .badge-percent[b-zzq2faluab] {
            font-size: 10px;
            font-weight: 900;
            line-height: 1;
            letter-spacing: -0.5px;
        }

        .discount-badge .badge-off[b-zzq2faluab] {
            font-size: 8px;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0.5px;
        }

    .deal-offer[b-zzq2faluab] {
        background: #fff8e1;
        color: #f57c00;
        padding: 6px 12px;
        border-radius: 2px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 8px;
        display: inline-block;
    }

    .product-price-ebl[b-zzq2faluab] {
        font-weight: 600;
        letter-spacing: -0.05em;
        line-height: 1.6;
        transition: visibility 0.4s, opacity 0.4s;
        color: green;
        font-size: 14px;
        float: left;
    }

        .product-price-ebl span[b-zzq2faluab] {
            margin-left: 10px;
        }

    .buy-btn[b-zzq2faluab] {
        padding: 6px 20px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        border-radius: 50px;
        cursor: pointer;
        text-transform: uppercase;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
        transition: all 0.3s ease;
        display: inline-block;
        align-self: center;
        width: auto;
        color: var(--primary-color);
        border: 1px solid var(--primary-color);
        background: transparent;
    }

        .buy-btn:hover[b-zzq2faluab] {
            background: var(--secondary-color);
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.25);
        }

        .buy-btn:active[b-zzq2faluab] {
            transform: translateY(0px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

    .bkash-icon[b-zzq2faluab] {
        width: 70px;
        height: 60px;
        margin-top: -22px;
    }


    .item-row[b-zzq2faluab] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        color: #444;
        white-space: nowrap;
    }

        .item-row > span:first-child[b-zzq2faluab] {
            display: none;
        }

        .item-row > *:last-child[b-zzq2faluab] {
            margin-left: auto;
        }
        /* Subtotal = */
        .item-row:last-child > span:last-child[b-zzq2faluab]::before {
            content: "=";
            color: #888;
            font-size: 13px;
            margin-right: 4px;
        }

        .item-row:last-child span[b-zzq2faluab] {
            font-weight: 600;
            color: #111;
        }
    /* ─── Quantity Selector (merged) ─── */

    .quantity-selector[b-zzq2faluab] {
        display: flex;
        align-items: center;
        background: #f1f1f1;
        border-radius: 30px;
        padding: 3px;
        gap: 3px;
        margin: 0 auto;
    }

    .quantity-btn[b-zzq2faluab] {
        width: 22px;
        height: 22px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        line-height: 1;
        transition: background-color 0.3s;
    }

        .quantity-btn:hover[b-zzq2faluab] {
            background-color: #f5f5f5;
        }

        .quantity-btn:disabled[b-zzq2faluab] {
            opacity: 0.4;
            cursor: not-allowed;
            pointer-events: all !important;
        }

    .quantity-input[b-zzq2faluab] {
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
        outline: none;
        -moz-appearance: textfield;
    }

    .quantity-input[b-zzq2faluab]::-webkit-outer-spin-button,
    .quantity-input[b-zzq2faluab]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* =============================================
   RESPONSIVE
   ============================================= */
    /*@media (min-width: 1399px) {
    .deal-image {
        width: 10rem;
        height: 14rem;
        object-fit: contain;
    }
}*/
    /*@media (min-width: 1201px) {
    .deal-image {
        width: 10rem;
        height: 14rem;
        object-fit: contain;
    }
}*/




    @media (max-width: 992px) {
        .deals-section[b-zzq2faluab] {
            padding: 0px;
        }

        .deal-card[b-zzq2faluab] {
            flex: 0 0 calc((100% - 42px) / 3);
        }
        /*.deal-image {
        width: 10rem;
        height: 10rem;
        object-fit: contain;
    }*/

        .section-title[b-zzq2faluab] {
            font-size: 20px;
        }
        /* Timer */
        /*.deal-timer {
        padding: 3px 5px 0px;
        gap: 1px;
    }*/
        /*.t-num {
        font-size: 0.65rem;
        width: 0.9rem;
        height: 0.9rem;
    }*/
        /*.t-lbl {
        font-size: 0.38rem;
        margin-top: 2px;
    }

    .t-sep {
        font-size: 0.72rem;
        margin-bottom: 7px;
    }*/
    }

    @media (max-width: 768px) {
        .deals-section[b-zzq2faluab] {
            padding: 0px;
        }

        .section-container[b-zzq2faluab] {
            padding: 16px;
        }

        .deal-card[b-zzq2faluab] {
            flex: 0 0 calc((100% - 12px) / 2);
        }
        /*.deal-image {
        width: 10rem;
        height: 10rem;
        object-fit: contain;
    }*/

        .current-price[b-zzq2faluab] {
            font-size: 1.25rem;
        }

        .discount-badge[b-zzq2faluab] {
            width: 52px;
            height: 52px;
        }

            .discount-badge .badge-percent[b-zzq2faluab] {
                font-size: 12px;
            }

            .discount-badge .badge-off[b-zzq2faluab] {
                font-size: 9px;
            }
        /* Timer */
        /*.deal-timer {
        padding: 3px 4px 0px;
        gap: 1px;
    }*/
        /*.t-num {
        font-size: 0.58rem;
        width: 0.82rem;
        height: 0.82rem;
    }*/
        /*.t-lbl {
        font-size: 0.34rem;
        margin-top: 2px;
    }

    .t-sep {
        font-size: 0.65rem;
        margin-bottom: 6px;
    }*/

    }

    @media (max-width: 576px) {
        .deals-section[b-zzq2faluab] {
            padding: 0px;
        }

        .section-title[b-zzq2faluab] {
            font-size: 18px;
        }

        .deal-card[b-zzq2faluab] {
            flex: 0 0 calc((100% - 12px) / 2);
        }
        /*.deal-image {
        width: 8rem;
        height: 10rem;
        object-fit: contain;
    }*/

        .deal-title[b-zzq2faluab] {
            font-size: 14px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* Timer */
        /*.deal-timer {
        padding: 2px 4px 0px;
        gap: 1px;
    }*/
        /*.t-num {
        font-size: 0.52rem;
        width: 0.75rem;
        height: 0.75rem;
    }*/
        /*.t-lbl {
        font-size: 0.3rem;
        margin-top: 1px;
    }

    .t-sep {
        font-size: 0.58rem;
        margin-bottom: 5px;
    }

    .fs-small {
        font-size: 10px;
    }*/


    }
/* Font Awesome layout (its icons load after the first paint) */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}