@import '_content/LSL/LSL.r95btb1pzk.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ql9hsaedt8],
.components-reconnect-repeated-attempt-visible[b-ql9hsaedt8],
.components-reconnect-failed-visible[b-ql9hsaedt8],
.components-pause-visible[b-ql9hsaedt8],
.components-resume-failed-visible[b-ql9hsaedt8],
.components-rejoining-animation[b-ql9hsaedt8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-retrying[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-failed[b-ql9hsaedt8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ql9hsaedt8] {
    display: block;
}


#components-reconnect-modal[b-ql9hsaedt8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ql9hsaedt8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ql9hsaedt8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ql9hsaedt8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ql9hsaedt8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ql9hsaedt8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ql9hsaedt8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ql9hsaedt8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ql9hsaedt8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ql9hsaedt8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ql9hsaedt8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ql9hsaedt8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ql9hsaedt8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ql9hsaedt8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ql9hsaedt8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ql9hsaedt8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ql9hsaedt8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ql9hsaedt8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ql9hsaedt8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AboutUs/HeroSection.razor.rz.scp.css */
/* #region About Hero Section */

#about-hero[b-1b6h8keiog] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/IMAGES/PAGES/ABOUT/hero.webp');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 8rem 0;
}

.about-hero-content[b-1b6h8keiog] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

    .about-hero-content h1[b-1b6h8keiog] {
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
        color: white;
    }

    .about-hero-content p[b-1b6h8keiog] {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        color: rgba(255, 255, 255, 0.85);
    }

/* #endregion */

@media (max-width: 992px) {
    #about-hero[b-1b6h8keiog] {
        padding: 6rem 0;
    }

    .about-hero-content h1[b-1b6h8keiog] {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    #about-hero[b-1b6h8keiog] {
        padding: 4rem 0;
    }

    .about-hero-content h1[b-1b6h8keiog] {
        font-size: 2.2rem;
    }

    .about-hero-content p[b-1b6h8keiog] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    #about-hero[b-1b6h8keiog] {
        padding: 3rem 0;
    }

    .about-hero-content h1[b-1b6h8keiog] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/AboutUs/Main.razor.rz.scp.css */
/* /Components/Pages/AboutUs/OurStorySection.razor.rz.scp.css */
/* #region Our Story Section */

.story-container[b-rdn02qmojo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.story-image[b-rdn02qmojo] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--border-color);
}

    .story-image img[b-rdn02qmojo] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.story-content h2[b-rdn02qmojo] {
    margin-bottom: 1.5rem;
}

.story-content p[b-rdn02qmojo] {
    margin-bottom: 1.5rem;
    color: var(--light-text);
    line-height: 1.7;
}

/* #endregion */

@media (max-width: 992px) {
    .story-container[b-rdn02qmojo] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .story-image[b-rdn02qmojo] {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .story-image[b-rdn02qmojo] {
        height: 240px;
    }
}

@media (max-width: 480px) {
    .story-image[b-rdn02qmojo] {
        height: 200px;
    }

    .story-content h2[b-rdn02qmojo] {
        font-size: 1.6rem;
    }
}
/* /Components/Pages/AboutUs/OurValuesSection.razor.rz.scp.css */
/* #region Values Section */

.values-grid[b-2r7uwxfke6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.value-card[b-2r7uwxfke6] {
    padding: 2rem;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .value-card:hover[b-2r7uwxfke6] {
        transform: translateY(-5px);
    }

.value-icon[b-2r7uwxfke6] {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.value-card h3[b-2r7uwxfke6] {
    margin-bottom: 1rem;
}

.value-card p[b-2r7uwxfke6] {
    color: var(--light-text);
    line-height: 1.6;
    font-size: 0.95rem;
}

/* #endregion */

@media (max-width: 992px) {
    .values-grid[b-2r7uwxfke6] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .values-grid[b-2r7uwxfke6] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .value-card[b-2r7uwxfke6] {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .value-card[b-2r7uwxfke6] {
        padding: 1.2rem;
    }

    .value-icon[b-2r7uwxfke6] {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
}
/* /Components/Pages/AboutUs/TestimonialsSection.razor.rz.scp.css */
/* #region Testimonials Section */

#testimonials[b-wtebeu33eh] {
    background-color: var(--dark-background);
}

.testimonials-grid[b-wtebeu33eh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.testimonial-card[b-wtebeu33eh] {
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
}

.testimonial-content[b-wtebeu33eh] {
    margin-bottom: 1.5rem;
    font-style: italic;
    color: var(--text-color);
    line-height: 1.7;
}

.testimonial-author[b-wtebeu33eh] {
    display: flex;
    align-items: center;
}

    .testimonial-author img[b-wtebeu33eh] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 1rem;
        object-fit: cover;
        border: 2px solid var(--border-color);
    }

    .testimonial-author h4[b-wtebeu33eh] {
        margin-bottom: 0.2rem;
        font-size: 1.1rem;
    }

    .testimonial-author p[b-wtebeu33eh] {
        color: var(--light-text);
        font-size: 0.9rem;
        margin: 0;
    }

/* #endregion */

@media (max-width: 992px) {
    .testimonials-grid[b-wtebeu33eh] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .testimonials-grid[b-wtebeu33eh] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .testimonial-card[b-wtebeu33eh] {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .testimonial-card[b-wtebeu33eh] {
        padding: 1.2rem;
    }

    .testimonial-author img[b-wtebeu33eh] {
        width: 48px;
        height: 48px;
    }
}
/* /Components/Pages/Admin/Main.razor.rz.scp.css */
/* #region ROOT */

:root[b-6w5bu2cl2n] {
    --bg-body: #0f1115;
    --bg-sidebar: #161b22;
    --bg-card: #1c2128;
    --bg-hover: #262c36;
    --border-color: #30363d;
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --accent-primary: #58a6ff;
    --accent-hover: #79c0ff;
    --accent-glow: rgba(88, 166, 255, 0.15);
    --selection-blue: #2c5d87;
    --success: #238636;
    --warning: #d29922;
    --danger: #f85149;
    --font-main: 'Inter', sans-serif;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

*[b-6w5bu2cl2n] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-6w5bu2cl2n] {
    font-family: var(--font-main);
    background-color: var(--bg-body);
    color: var(--text-primary);
    height: 100vh;
    overflow: hidden;
    display: flex;
}

/* #endregion */

/* #region SCROLLBAR */

[b-6w5bu2cl2n]::-webkit-scrollbar {
    width: 8px;
}

[b-6w5bu2cl2n]::-webkit-scrollbar-track {
    background: var(--bg-body);
}

[b-6w5bu2cl2n]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

    [b-6w5bu2cl2n]::-webkit-scrollbar-thumb:hover {
        background: var(--text-secondary);
    }

/* #endregion */
/* /Components/Pages/Article/ArticleContentSection.razor.rz.scp.css */
/* #region Article Main */

.article-main[b-9z0r93blcl] {
    padding: 40px 0;
}

.article[b-9z0r93blcl] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--card-background);
    border-radius: 12px;
    box-shadow: 0 4px 20px var(--shadow-color);
    overflow: hidden;
    border: 1px solid var(--border-color);
    backdrop-filter: blur(10px);
}

/* #endregion */

/* #region Article Header */

.article-header[b-9z0r93blcl] {
    padding: 40px 40px 20px;
    background: linear-gradient(135deg, var(--dark-background) 0%, var(--card-background) 100%);
}

.article-meta[b-9z0r93blcl] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.category[b-9z0r93blcl] {
    background: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-weight: 500;
}

.article-meta time[b-9z0r93blcl],
.read-time[b-9z0r93blcl] {
    color: var(--light-text);
}

.article-title[b-9z0r93blcl] {
    font-family: "Playfair Display", serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 15px;
    line-height: 1.2;
}

.article-subtitle[b-9z0r93blcl] {
    font-size: 1.2rem;
    color: var(--light-text);
    margin-bottom: 30px;
    line-height: 1.4;
}

.author-info[b-9z0r93blcl] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-avatar[b-9z0r93blcl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name[b-9z0r93blcl] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 2px;
}

.author-title[b-9z0r93blcl] {
    color: var(--light-text);
    font-size: 0.9rem;
}

/* #endregion */

/* #region Article Image */

.article-image[b-9z0r93blcl] {
    margin-bottom: 40px;
}

.featured-image[b-9z0r93blcl] {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.image-caption[b-9z0r93blcl] {
    padding: 15px 40px;
    font-size: 0.9rem;
    color: var(--light-text);
    font-style: italic;
    text-align: center;
    background: var(--dark-background);
}

/* #endregion */

/* #region Article Content */

.article-content[b-9z0r93blcl] {
    padding: 0 40px 40px;
}

.lead[b-9z0r93blcl] {
    font-size: 1.2rem;
    color: var(--text-color);
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.6;
}

.article-content h2[b-9z0r93blcl] {
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    color: var(--primary-color);
    margin: 40px 0 20px;
    font-weight: 600;
}

.article-content p[b-9z0r93blcl] {
    margin-bottom: 20px;
    line-height: 1.7;
    color: var(--text-color);
}

.article-quote[b-9z0r93blcl] {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
    color: white;
    padding: 30px;
    margin: 30px 0;
    border-radius: 12px;
    font-size: 1.1rem;
    font-style: italic;
    position: relative;
}

    .article-quote[b-9z0r93blcl]::before {
        content: '"';
        font-size: 4rem;
        position: absolute;
        top: -10px;
        left: 20px;
        opacity: 0.3;
    }

    .article-quote cite[b-9z0r93blcl] {
        display: block;
        margin-top: 15px;
        font-size: 0.9rem;
        opacity: 0.9;
        font-style: normal;
    }

.article-list[b-9z0r93blcl] {
    margin: 20px 0;
    padding-left: 20px;
}

    .article-list li[b-9z0r93blcl] {
        margin-bottom: 10px;
        line-height: 1.6;
        color: var(--text-color);
    }

    .article-list strong[b-9z0r93blcl] {
        color: var(--primary-color);
    }

.article-image-inline[b-9z0r93blcl] {
    margin: 30px 0;
    text-align: center;
}

.inline-image[b-9z0r93blcl] {
    width: 100%;
    max-width: 600px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 15px var(--shadow-color);
}

.article-tips[b-9z0r93blcl] {
    background: var(--dark-background);
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
    border-left: 4px solid var(--primary-color);
}

    .article-tips h3[b-9z0r93blcl] {
        color: var(--primary-color);
        margin-bottom: 20px;
        font-family: "Playfair Display", serif;
    }

.tips-grid[b-9z0r93blcl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.tip[b-9z0r93blcl] {
    background: var(--card-background);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px var(--shadow-color);
    border: 1px solid var(--border-color);
}

    .tip h4[b-9z0r93blcl] {
        color: var(--primary-color);
        margin-bottom: 10px;
        font-size: 1.1rem;
    }

    .tip p[b-9z0r93blcl] {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.5;
        color: var(--text-color);
    }

/* #endregion */

/* #region Article Footer */

.article-footer[b-9z0r93blcl] {
    padding: 30px 40px;
    background: var(--dark-background);
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.article-tags[b-9z0r93blcl],
.article-share[b-9z0r93blcl] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tag-label[b-9z0r93blcl],
.share-label[b-9z0r93blcl] {
    font-weight: 600;
    color: var(--text-color);
}

.tag[b-9z0r93blcl] {
    background: var(--input-background);
    color: var(--text-color);
    padding: 4px 12px;
    border-radius: 15px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

    .tag:hover[b-9z0r93blcl] {
        background: var(--primary-color);
        color: white;
    }

.share-btn[b-9z0r93blcl] {
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

    .share-btn.facebook[b-9z0r93blcl] {
        background: #1877f2;
        color: white;
    }

    .share-btn.twitter[b-9z0r93blcl] {
        background: #1da1f2;
        color: white;
    }

    .share-btn.linkedin[b-9z0r93blcl] {
        background: #0077b5;
        color: white;
    }

    .share-btn.email[b-9z0r93blcl] {
        background: var(--light-text);
        color: white;
    }

    .share-btn:hover[b-9z0r93blcl] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--shadow-color);
    }

/* #endregion */

/* #region Author Bio */

.author-bio[b-9z0r93blcl] {
    max-width: 800px;
    margin: 40px auto;
    background: var(--card-background);
    border-radius: 12px;
    box-shadow: 0 4px 20px var(--shadow-color);
    overflow: hidden;
    border: 1px solid var(--border-color);
    backdrop-filter: blur(10px);
}

.author-bio-content[b-9z0r93blcl] {
    padding: 30px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.author-bio-avatar[b-9z0r93blcl] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.author-bio-text h3[b-9z0r93blcl] {
    color: var(--primary-color);
    margin-bottom: 10px;
    font-family: "Playfair Display", serif;
}

.author-bio-text p[b-9z0r93blcl] {
    color: var(--text-color);
    line-height: 1.6;
    margin-bottom: 15px;
}

.author-social[b-9z0r93blcl] {
    display: flex;
    gap: 15px;
}

.social-link[b-9z0r93blcl] {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

    .social-link:hover[b-9z0r93blcl] {
        color: var(--accent-color);
    }

/* #endregion */

@media (max-width: 768px) {
    .article-title[b-9z0r93blcl] {
        font-size: 2rem;
    }

    .article-header[b-9z0r93blcl],
    .article-content[b-9z0r93blcl],
    .article-footer[b-9z0r93blcl] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .article-footer[b-9z0r93blcl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .author-bio-content[b-9z0r93blcl] {
        flex-direction: column;
        text-align: center;
    }

    .tips-grid[b-9z0r93blcl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .article-title[b-9z0r93blcl] {
        font-size: 1.8rem;
    }

    .article-subtitle[b-9z0r93blcl] {
        font-size: 1.1rem;
    }

    .featured-image[b-9z0r93blcl],
    .inline-image[b-9z0r93blcl] {
        height: 250px;
    }

    .article-quote[b-9z0r93blcl] {
        padding: 20px;
    }

    .article-tips[b-9z0r93blcl] {
        padding: 20px;
    }
}
/* /Components/Pages/Article/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-wv1dfo9e41] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-wv1dfo9e41] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-wv1dfo9e41] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-wv1dfo9e41]::after {
                content: "/";
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-wv1dfo9e41] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-wv1dfo9e41] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-wv1dfo9e41] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/Article/Main.razor.rz.scp.css */
/* Main.razor renders only layout components (Header, BreadcrumbSection, ArticleContentSection, Footer).
   All section-specific styles are in their respective component CSS files. */
/* /Components/Pages/Blog/FeaturedSection.razor.rz.scp.css */
/* #region FEATURED ARTICLE */

.featured-article[b-jhbcsaoz9e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 4rem;
}

.featured-article-image[b-jhbcsaoz9e] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

    .featured-article-image img[b-jhbcsaoz9e] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.featured-article-content h2[b-jhbcsaoz9e] {
    margin-bottom: 1.5rem;
}

.featured-article-meta[b-jhbcsaoz9e] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--light-text);
    font-size: 0.9rem;
}

    .featured-article-meta span[b-jhbcsaoz9e] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .featured-article-meta img[b-jhbcsaoz9e] {
        width: 20px;
        height: 20px;
    }

.featured-article-excerpt[b-jhbcsaoz9e] {
    margin-bottom: 2rem;
}

/* #endregion */

@media (max-width: 992px) {
    .featured-article[b-jhbcsaoz9e] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 576px) {
    .featured-article-meta[b-jhbcsaoz9e] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
}
/* /Components/Pages/Blog/HeroSection.razor.rz.scp.css */
/* #region HERO */

.blog-hero[b-ta6fjpz859] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/IMAGES/PAGES/BLOG/hero.webp');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 8rem 0;
}

.blog-hero-content[b-ta6fjpz859] {
    max-width: 800px;
    margin: 0 auto;
}

.blog-hero-content h1[b-ta6fjpz859] {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    color: white;
}

.blog-hero-content p[b-ta6fjpz859] {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.blog-hero-content a[b-ta6fjpz859] {
    margin-left: 1rem;
    margin-right: 1rem;
}

/* #endregion */

@media (max-width: 768px) {
    .blog-hero[b-ta6fjpz859] {
        padding: 5rem 0;
    }

    .blog-hero-content h1[b-ta6fjpz859] {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .blog-hero[b-ta6fjpz859] {
        padding: 4rem 0;
    }

    .blog-hero-content h1[b-ta6fjpz859] {
        font-size: 2rem;
    }
}
/* /Components/Pages/Blog/NewsSection.razor.rz.scp.css */
/* #region BLOG LIST */

.news-grid[b-5qtndmlu8a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2.5rem;
    margin-bottom: 3rem;
}

.news-card[b-5qtndmlu8a] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-card-image[b-5qtndmlu8a] {
    height: 220px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

    .news-card-image img[b-5qtndmlu8a] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.news-card:hover .news-card-image img[b-5qtndmlu8a] {
    transform: scale(1.05);
}

.news-card-content[b-5qtndmlu8a] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-card-meta[b-5qtndmlu8a] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    color: var(--light-text);
    font-size: 0.85rem;
}

.news-card-title[b-5qtndmlu8a] {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.news-card-excerpt[b-5qtndmlu8a] {
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

.read-more[b-5qtndmlu8a] {
    margin-top: auto;
    color: var(--primary-color);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .read-more:hover[b-5qtndmlu8a] {
        color: var(--accent-color);
    }

/* Category Filter */
.category-filter[b-5qtndmlu8a] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 3rem;
}

.category-btn[b-5qtndmlu8a] {
    padding: 8px 20px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .category-btn:hover[b-5qtndmlu8a], .category-btn.active[b-5qtndmlu8a] {
        background-color: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }

/* Pagination button resets */
.pagination-arrow[b-5qtndmlu8a],
.pagination-number[b-5qtndmlu8a] {
    border: none;
    font-family: inherit;
    font-size: inherit;
    user-select: none;
    -webkit-user-select: none;
}

/* Responsive Design */

@media (max-width: 768px) {
    .news-grid[b-5qtndmlu8a] {
        grid-template-columns: 1fr;
    }

    .section-title[b-5qtndmlu8a] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {

    .category-filter[b-5qtndmlu8a] {
        flex-direction: column;
        align-items: center;
    }

    .category-btn[b-5qtndmlu8a] {
        width: 100%;
        text-align: center;
    }

    .pagination[b-5qtndmlu8a] {
        flex-wrap: wrap;
        gap: 0.5rem 0.75rem;
    }

    .pagination-numbers[b-5qtndmlu8a] {
        order: -1;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pagination-number[b-5qtndmlu8a] {
        width: 36px;
        height: 36px;
    }

    .pagination-arrow[b-5qtndmlu8a] {
        flex: 1;
        text-align: center;
        padding: 8px 10px;
        font-size: 0.85rem;
    }
}

/* #endregion */
/* /Components/Pages/Cart/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-s63g8kqzkq] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-s63g8kqzkq] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-s63g8kqzkq] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-s63g8kqzkq]::after {
                content: '/';
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-s63g8kqzkq] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-s63g8kqzkq] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-s63g8kqzkq] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/Cart/CartSection.razor.rz.scp.css */
/* #region Cart Section */

.cart-section[b-nbgxif8igk] {
    padding: 3rem 0;
}

.page-title[b-nbgxif8igk] {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
}

/* #endregion */

/* #region Empty Cart */

.cart-empty[b-nbgxif8igk] {
    text-align: center;
    padding: 4rem 0;
}

.empty-cart-icon[b-nbgxif8igk] {
    font-size: 5rem;
    margin-bottom: 1.5rem;
    color: var(--light-text);
    display: flex;
    justify-content: center;
}

    .empty-cart-icon img[b-nbgxif8igk] {
        width: 100px;
        height: 100px;
    }

.cart-empty h2[b-nbgxif8igk] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.cart-empty p[b-nbgxif8igk] {
    color: var(--light-text);
    margin-bottom: 2rem;
    font-size: 1.1rem;
}

.cart-empty .btn[b-nbgxif8igk] {
    padding: 15px 40px;
    font-size: 1.1rem;
}

/* #endregion */

/* #region Cart Grid */

.cart-grid[b-nbgxif8igk] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

/* #endregion */

/* #region Cart Items */

.cart-items[b-nbgxif8igk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.cart-header[b-nbgxif8igk] {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    padding: 0 1rem 1rem;
    border-bottom: 1px solid var(--border-color);
    font-weight: 600;
    color: var(--light-text);
}

.cart-header-product[b-nbgxif8igk] {
    text-align: left;
}

.cart-header-price[b-nbgxif8igk],
.cart-header-quantity[b-nbgxif8igk],
.cart-header-subtotal[b-nbgxif8igk] {
    text-align: center;
}

/* #endregion */

/* #region Cart Item */

.cart-item[b-nbgxif8igk] {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    align-items: center;
    padding: 1.5rem;
    transition: all 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

    .cart-item.removing[b-nbgxif8igk] {
        opacity: 0;
        transform: translateX(-20px);
    }

.cart-item-product[b-nbgxif8igk] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.cart-item-image[b-nbgxif8igk] {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    flex-shrink: 0;
}

    .cart-item-image img[b-nbgxif8igk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.cart-item-details[b-nbgxif8igk] {
    flex: 1;
}

.cart-item-title[b-nbgxif8igk] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.cart-item-meta[b-nbgxif8igk] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
}

.cart-item-remove[b-nbgxif8igk] {
    background: none;
    border: none;
    color: var(--light-text);
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.3s ease;
}

    .cart-item-remove:hover[b-nbgxif8igk] {
        color: #ff4d4d;
        text-decoration: underline;
    }

.cart-item-price[b-nbgxif8igk],
.cart-item-subtotal[b-nbgxif8igk] {
    text-align: center;
    font-weight: 600;
}

.cart-item-quantity[b-nbgxif8igk] {
    display: flex;
    justify-content: center;
}

/* #endregion */

/* #region Quantity Selector */

.quantity-selector[b-nbgxif8igk] {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    overflow: hidden;
}

.quantity-btn[b-nbgxif8igk] {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: none;
    color: var(--text-color);
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .quantity-btn:hover[b-nbgxif8igk] {
        background-color: rgba(255, 255, 255, 0.1);
        color: var(--primary-color);
    }

.quantity-input[b-nbgxif8igk] {
    width: 40px;
    height: 36px;
    background-color: transparent;
    border: none;
    color: var(--text-color);
    font-size: 1rem;
    text-align: center;
    -moz-appearance: textfield;
}

    .quantity-input[b-nbgxif8igk]::-webkit-outer-spin-button,
    .quantity-input[b-nbgxif8igk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* #endregion */

/* #region Cart Summary */

.cart-summary[b-nbgxif8igk] {
    padding: 2rem;
    position: sticky;
    top: 100px;
}

.summary-title[b-nbgxif8igk] {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.summary-row[b-nbgxif8igk] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

.summary-label[b-nbgxif8igk] {
    color: var(--light-text);
}

.summary-value[b-nbgxif8igk] {
    font-weight: 600;
}

.summary-row.total[b-nbgxif8igk] {
    margin-top: 1rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--border-color);
    border-bottom: none;
}

    .summary-row.total .summary-label[b-nbgxif8igk],
    .summary-row.total .summary-value[b-nbgxif8igk] {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--primary-color);
    }

.summary-shipping[b-nbgxif8igk] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

.shipping-title[b-nbgxif8igk] {
    padding: 0 0 1rem;
    border-bottom: none;
}

.shipping-options[b-nbgxif8igk] {
    margin-top: 0.5rem;
}

.summary-actions[b-nbgxif8igk] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.checkout-btn[b-nbgxif8igk] {
    width: 100%;
    padding: 15px;
    font-size: 1.1rem;
    text-align: center;
}

.continue-shopping[b-nbgxif8igk] {
    text-align: center;
    color: var(--light-text);
    transition: color 0.3s ease;
}

    .continue-shopping:hover[b-nbgxif8igk] {
        color: var(--primary-color);
        text-decoration: underline;
    }

.summary-note[b-nbgxif8igk] {
    margin-top: 2rem;
    font-size: 0.9rem;
    color: var(--light-text);
    text-align: center;
}

/* #endregion */

/* #region Delivery Option Buttons */

.option-btn[b-nbgxif8igk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

    .option-btn:hover[b-nbgxif8igk] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: var(--primary-color);
    }

    .option-btn.active[b-nbgxif8igk] {
        background-color: rgba(233, 83, 13, 0.1);
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

.option-info[b-nbgxif8igk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.option-name[b-nbgxif8igk] {
    font-weight: 500;
    font-size: 0.95rem;
}

.option-time[b-nbgxif8igk] {
    font-size: 0.8rem;
    color: var(--light-text);
}

.option-price[b-nbgxif8igk] {
    font-weight: 600;
    color: var(--primary-color);
}

.option-btn.active .option-time[b-nbgxif8igk] {
    color: var(--primary-color);
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .cart-grid[b-nbgxif8igk] {
        grid-template-columns: 1fr;
    }

    .cart-summary[b-nbgxif8igk] {
        position: relative;
        top: 0;
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    .page-title[b-nbgxif8igk] {
        font-size: 2rem;
    }

    .cart-header[b-nbgxif8igk] {
        display: none;
    }

    .cart-item[b-nbgxif8igk] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .cart-item-product[b-nbgxif8igk] {
        grid-column: 1 / -1;
    }

    .cart-item-price[b-nbgxif8igk],
    .cart-item-quantity[b-nbgxif8igk],
    .cart-item-subtotal[b-nbgxif8igk] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: right;
    }

    .cart-item-price[b-nbgxif8igk]::before {
        content: 'Price:';
        color: var(--light-text);
    }

    .cart-item-quantity[b-nbgxif8igk]::before {
        content: 'Quantity:';
        color: var(--light-text);
    }

    .cart-item-subtotal[b-nbgxif8igk]::before {
        content: 'Subtotal:';
        color: var(--light-text);
    }
}

@media (max-width: 576px) {
    .cart-item-product[b-nbgxif8igk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .cart-item-image[b-nbgxif8igk] {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        max-width: 200px;
        margin: 0 auto;
    }
}

/* #endregion */
/* /Components/Pages/Cart/Main.razor.rz.scp.css */
/* Main.razor renders no direct HTML — styles are scoped to sub-components */
/* /Components/Pages/Category/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-yjyxhspr6b] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-yjyxhspr6b] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-yjyxhspr6b] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-yjyxhspr6b]::after {
                content: "/";
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-yjyxhspr6b] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-yjyxhspr6b] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-yjyxhspr6b] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/Category/DescriptionSection.razor.rz.scp.css */
/* #region Category Description */

.description-grid[b-wxfc12niwl] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
}

.description-content[b-wxfc12niwl] {
    padding: 3rem;
}

    .description-content h2[b-wxfc12niwl] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .description-content p[b-wxfc12niwl] {
        font-size: 1.1rem;
        line-height: 1.8;
        margin-bottom: 2rem;
    }

.benefits-list h3[b-wxfc12niwl] {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
}

.benefits-list ul[b-wxfc12niwl] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.benefits-list li[b-wxfc12niwl] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

    .benefits-list li[b-wxfc12niwl]::before {
        content: "✓";
        position: absolute;
        left: 0;
        color: var(--success-color);
        font-weight: bold;
    }

.benefits-list strong[b-wxfc12niwl] {
    color: var(--primary-color);
}

.usage-tips[b-wxfc12niwl] {
    padding: 2rem;
}

    .usage-tips h3[b-wxfc12niwl] {
        font-size: 1.3rem;
        margin-bottom: 1.5rem;
        color: var(--secondary-color);
    }

.tip-item[b-wxfc12niwl] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

    .tip-item:last-child[b-wxfc12niwl] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .tip-item h4[b-wxfc12niwl] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        color: var(--text-color);
        font-family: "Poppins", sans-serif;
    }

    .tip-item p[b-wxfc12niwl] {
        font-size: 0.9rem;
        color: var(--light-text);
        margin: 0;
        line-height: 1.5;
    }

/* #endregion */

@media (max-width: 1024px) {
    .description-grid[b-wxfc12niwl] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 576px) {
    .description-content[b-wxfc12niwl] {
        padding: 2rem;
    }

    .usage-tips[b-wxfc12niwl] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/Category/HeroSection.razor.rz.scp.css */
/* #region Category Hero */

.category-hero[b-g2jm8pzw20] {
    background: linear-gradient(135deg, rgba(233, 83, 13, 0.1), rgba(179, 145, 35, 0.1));
    border-bottom: 1px solid var(--border-color);
}

.hero-content[b-g2jm8pzw20] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.hero-text[b-g2jm8pzw20] {
    padding: 2rem 0;
    animation: slideInLeft-b-g2jm8pzw20 0.8s ease-out;
}

.category-title[b-g2jm8pzw20] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: var(--primary-color);
    line-height: 1.2;
}

.category-subtitle[b-g2jm8pzw20] {
    font-size: 1.3rem;
    color: var(--light-text);
    margin-bottom: 2rem;
    line-height: 1.5;
}

.category-stats[b-g2jm8pzw20] {
    display: flex;
    gap: 3rem;
}

.stat-item[b-g2jm8pzw20] {
    text-align: center;
}

.stat-number[b-g2jm8pzw20] {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    font-family: "Playfair Display", serif;
}

.stat-label[b-g2jm8pzw20] {
    font-size: 0.9rem;
    color: var(--light-text);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hero-image[b-g2jm8pzw20] {
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 12px;
    animation: slideInRight-b-g2jm8pzw20 0.8s ease-out;
}

    .hero-image img[b-g2jm8pzw20] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.8);
    }

.image-overlay[b-g2jm8pzw20] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(233, 83, 13, 0.3), rgba(179, 145, 35, 0.3));
    display: flex;
    align-items: flex-end;
    padding: 2rem;
}

.overlay-badge[b-g2jm8pzw20] {
    background-color: rgba(255, 255, 255, 0.9);
    color: var(--background-color);
    padding: 8px 20px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9rem;
}

/* #endregion */

@keyframes slideInLeft-b-g2jm8pzw20 {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

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

@keyframes slideInRight-b-g2jm8pzw20 {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

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

@media (max-width: 1024px) {
    .hero-content[b-g2jm8pzw20] {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .category-stats[b-g2jm8pzw20] {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .category-title[b-g2jm8pzw20] {
        font-size: 2.5rem;
    }

    .category-stats[b-g2jm8pzw20] {
        gap: 2rem;
    }
}

@media (max-width: 576px) {
    .category-title[b-g2jm8pzw20] {
        font-size: 2rem;
    }

    .category-stats[b-g2jm8pzw20] {
        gap: 1.5rem;
    }

    .stat-number[b-g2jm8pzw20] {
        font-size: 2rem;
    }
}
/* /Components/Pages/Category/ProductListSection.razor.rz.scp.css */
/* #region Products Section Header */

.section-header[b-3rqjuu90l1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

/* #endregion */

/* #region Products Grid */

.products-grid[b-3rqjuu90l1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-3rqjuu90l1] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
    animation: fadeIn-b-3rqjuu90l1 0.5s ease-out;
}

    .product-card:hover[b-3rqjuu90l1] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-3rqjuu90l1] {
    position: absolute;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.product-image[b-3rqjuu90l1] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-3rqjuu90l1] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-3rqjuu90l1] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-3rqjuu90l1] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-3rqjuu90l1] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-3rqjuu90l1] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-3rqjuu90l1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-3rqjuu90l1] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-3rqjuu90l1] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-3rqjuu90l1] {
    margin-bottom: 1rem;
}

.current-price[b-3rqjuu90l1] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

/* #endregion */

@keyframes fadeIn-b-3rqjuu90l1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@media (max-width: 1024px) {
    .products-grid[b-3rqjuu90l1] {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

@media (max-width: 768px) {
    .section-header[b-3rqjuu90l1] {
        flex-direction: column;
        gap: 1.5rem;
        align-items: stretch;
    }

    .products-grid[b-3rqjuu90l1] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 576px) {
    .products-grid[b-3rqjuu90l1] {
        grid-template-columns: 1fr;
    }

    .product-card[b-3rqjuu90l1] {
        padding: 1rem;
    }
}
/* /Components/Pages/Category/RelatedCategoriesSection.razor.rz.scp.css */
/* #region Related Categories */

.categories-grid[b-pvo6neslk3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.category-card[b-pvo6neslk3] {
    text-align: center;
    padding: 2rem;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

    .category-card:hover[b-pvo6neslk3] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.category-image[b-pvo6neslk3] {
    margin-bottom: 1.5rem;
    border-radius: 8px;
    overflow: hidden;
}

    .category-image img[b-pvo6neslk3] {
        height: 180px;
        width: 100%;
        object-fit: cover;
    }

.category-card h3[b-pvo6neslk3] {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.category-card p[b-pvo6neslk3] {
    color: var(--light-text);
}

/* #endregion */

@media (max-width: 768px) {
    .categories-grid[b-pvo6neslk3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Checkout/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-n2z1o3figr] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-n2z1o3figr] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-n2z1o3figr] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-n2z1o3figr]::after {
                content: '/';
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-n2z1o3figr] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-n2z1o3figr] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-n2z1o3figr] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/Checkout/CheckoutSection.razor.rz.scp.css */
/* #region Checkout Section */

.checkout-section[b-rsqeg8y8y1] {
    min-height: 80vh;
}

.checkout-container[b-rsqeg8y8y1] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.checkout-forms[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* #endregion */

/* #region Form Sections */

.form-section[b-rsqeg8y8y1] {
    padding: 2rem;
}

    .form-section h3[b-rsqeg8y8y1] {
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
    }

.form-row[b-rsqeg8y8y1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    .form-group label[b-rsqeg8y8y1] {
        font-weight: 500;
        color: var(--text-color);
    }

    .form-group input[b-rsqeg8y8y1],
    .form-group select[b-rsqeg8y8y1] {
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-rsqeg8y8y1],
        .form-group select:focus[b-rsqeg8y8y1] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

    .form-group select[b-rsqeg8y8y1] {
        cursor: pointer;
    }

/* #endregion */

/* #region Payment Options */

.payment-options[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.payment-option[b-rsqeg8y8y1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
}

    .payment-option:hover[b-rsqeg8y8y1] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: var(--primary-color);
    }

    .payment-option.active[b-rsqeg8y8y1] {
        background-color: rgba(233, 83, 13, 0.1);
        border-color: var(--primary-color);
    }

.payment-icon[b-rsqeg8y8y1] {
    font-size: 1.5rem;
}

.payment-info[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.payment-name[b-rsqeg8y8y1] {
    font-weight: 500;
    color: var(--text-color);
}

.payment-desc[b-rsqeg8y8y1] {
    font-size: 0.8rem;
    color: var(--light-text);
}

.payment-option.active .payment-name[b-rsqeg8y8y1] {
    color: var(--primary-color);
}

/* #endregion */

/* #region Order Sidebar */

.order-sidebar[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.order-summary[b-rsqeg8y8y1] {
    padding: 1.5rem;
}

    .order-summary h3[b-rsqeg8y8y1] {
        margin-bottom: 1.5rem;
        font-size: 1.2rem;
    }

.order-items[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.order-item[b-rsqeg8y8y1] {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 1rem;
    align-items: center;
}

.item-image img[b-rsqeg8y8y1] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.item-details h4[b-rsqeg8y8y1] {
    margin: 0 0 0.25rem 0;
    font-size: 0.9rem;
    color: var(--text-color);
}

.item-details p[b-rsqeg8y8y1] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--light-text);
}

.item-total[b-rsqeg8y8y1] {
    font-weight: 600;
    color: var(--primary-color);
}

.order-totals[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.total-line[b-rsqeg8y8y1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .total-line.grand-total[b-rsqeg8y8y1] {
        padding-top: 0.75rem;
        border-top: 1px solid var(--border-color);
        font-weight: 600;
        font-size: 1.1rem;
        color: var(--primary-color);
    }

/* #endregion */

/* #region Shipping */

.shipping-options[b-rsqeg8y8y1] {
    padding: 1.5rem;
}

    .shipping-options h3[b-rsqeg8y8y1] {
        margin-bottom: 1rem;
        font-size: 1.2rem;
    }

.shipping-methods[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shipping-method[b-rsqeg8y8y1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .shipping-method:hover[b-rsqeg8y8y1] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: var(--primary-color);
    }

    .shipping-method.active[b-rsqeg8y8y1] {
        background-color: rgba(233, 83, 13, 0.1);
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

.method-info[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.method-name[b-rsqeg8y8y1] {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--light-text);
}

.method-time[b-rsqeg8y8y1] {
    font-size: 0.8rem;
    color: var(--light-text);
}

.method-price[b-rsqeg8y8y1] {
    font-weight: 600;
    color: var(--primary-color);
}

.shipping-method.active .method-time[b-rsqeg8y8y1] {
    color: var(--primary-color);
}

.shipping-method.active .method-name[b-rsqeg8y8y1] {
    color: var(--primary-color);
}

/* #endregion */

/* #region Place Order */

.place-order-btn[b-rsqeg8y8y1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    background-color: var(--primary-color);
    color: white;
    border: none;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

    .place-order-btn:hover[b-rsqeg8y8y1] {
        background-color: var(--accent-color);
        transform: translateY(-2px);
    }

    .place-order-btn:disabled[b-rsqeg8y8y1] {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
        animation: pulse-b-rsqeg8y8y1 1.5s infinite;
    }

.btn-text[b-rsqeg8y8y1] {
    flex: 1;
}

.btn-price[b-rsqeg8y8y1] {
    font-weight: 700;
    font-size: 1.2rem;
}

/* #endregion */

/* #region Security Badges */

.security-badges[b-rsqeg8y8y1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
}

.security-badge[b-rsqeg8y8y1] {
    font-size: 0.8rem;
    color: var(--success-color);
    padding: 0.5rem;
    background-color: rgba(76, 175, 80, 0.1);
    border-radius: 6px;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .checkout-container[b-rsqeg8y8y1] {
        grid-template-columns: 1fr;
    }

    .order-sidebar[b-rsqeg8y8y1] {
        order: -1;
    }
}

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

@media (max-width: 576px) {
    .form-section[b-rsqeg8y8y1] {
        padding: 1.5rem;
    }

    .order-summary[b-rsqeg8y8y1],
    .shipping-options[b-rsqeg8y8y1] {
        padding: 1rem;
    }

    .place-order-btn[b-rsqeg8y8y1] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
}

/* #endregion */

/* #region Animations */

@keyframes pulse-b-rsqeg8y8y1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* #endregion */
/* /Components/Pages/Checkout/Main.razor.rz.scp.css */
/* Main.razor renders no direct HTML — styles are scoped to sub-components */
/* /Components/Pages/Contact/ContactFormSection.razor.rz.scp.css */
/* #region Contact Form Section */

.contact-form-container[b-ptkoi4dyjn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: stretch;
}

.contact-form-image[b-ptkoi4dyjn] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    min-height: 300px;
}

    .contact-form-image img[b-ptkoi4dyjn] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.contact-form[b-ptkoi4dyjn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-group[b-ptkoi4dyjn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 20px;
}

    .form-group label[b-ptkoi4dyjn] {
        font-weight: 500;
        color: var(--text-color);
    }

    .form-group input[b-ptkoi4dyjn],
    .form-group textarea[b-ptkoi4dyjn],
    .form-group select[b-ptkoi4dyjn] {
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        font-size: 1rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group select option[b-ptkoi4dyjn] {
            background-color: dimgray;
        }

        .form-group input:focus[b-ptkoi4dyjn],
        .form-group textarea:focus[b-ptkoi4dyjn],
        .form-group select:focus[b-ptkoi4dyjn] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

    .form-group textarea[b-ptkoi4dyjn] {
        min-height: 150px;
        resize: vertical;
    }

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

/* #endregion */

@media (max-width: 992px) {
    .contact-form-container[b-ptkoi4dyjn] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .contact-form-image[b-ptkoi4dyjn] {
        height: 220px;
        min-height: unset;
    }
}

@media (max-width: 768px) {
    .form-row[b-ptkoi4dyjn] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-group[b-ptkoi4dyjn] {
        padding: 12px 16px;
    }
}

@media (max-width: 480px) {
    .form-group[b-ptkoi4dyjn] {
        padding: 10px 12px;
    }

    .contact-form-image[b-ptkoi4dyjn] {
        height: 180px;
    }
}
/* /Components/Pages/Contact/ContactInfoSection.razor.rz.scp.css */
/* #region Contact Info Section */

.contact-info-container[b-b4d3rwx77t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

.contact-info-card[b-b4d3rwx77t] {
    text-align: center;
    padding: 2rem;
}

.contact-info-icon[b-b4d3rwx77t] {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .contact-info-icon img[b-b4d3rwx77t] {
        margin-top: 1.5rem;
        height: 40px;
        width: 40px;
    }

.contact-info-card h3[b-b4d3rwx77t] {
    margin-bottom: 1rem;
}

.contact-info-card p[b-b4d3rwx77t] {
    color: var(--light-text);
}

.contact-info-card a[b-b4d3rwx77t] {
    color: var(--text-color);
    transition: color 0.3s ease;
}

    .contact-info-card a:hover[b-b4d3rwx77t] {
        color: var(--primary-color);
    }

.contact-tel-list[b-b4d3rwx77t] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.contact-tel-row[b-b4d3rwx77t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: center;
}

.contact-tel-flag[b-b4d3rwx77t] {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
}

.contact-whatsapp-link[b-b4d3rwx77t] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #25D366;
    margin-left: 0.25rem;
    transition: color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

    .contact-whatsapp-link svg[b-b4d3rwx77t] {
        fill: currentColor;
        display: block;
    }

    .contact-whatsapp-link:hover[b-b4d3rwx77t] {
        color: #128C7E;
        transform: scale(1.15);
    }

.contact-info-card-company[b-b4d3rwx77t] {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-company-info[b-b4d3rwx77t] {
    flex: 1;
}

.contact-company-name[b-b4d3rwx77t] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    color: var(--text-color);
}

.contact-company-row[b-b4d3rwx77t] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.contact-company-label[b-b4d3rwx77t] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.contact-social-links[b-b4d3rwx77t] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.contact-social-link[b-b4d3rwx77t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.07);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

    .contact-social-link svg[b-b4d3rwx77t] {
        fill: currentColor;
        display: block;
        flex-shrink: 0;
    }

    .contact-social-link:hover[b-b4d3rwx77t] {
        background-color: var(--primary-color);
        color: white;
        transform: translateY(-2px);
    }

.contact-haccp[b-b4d3rwx77t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.8rem;
    color: var(--light-text);
    font-weight: 500;
}

.contact-haccp-badge[b-b4d3rwx77t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* #endregion */

@media (max-width: 992px) {
    .contact-info-container[b-b4d3rwx77t] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .contact-info-container[b-b4d3rwx77t] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .contact-info-card[b-b4d3rwx77t] {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .contact-info-card[b-b4d3rwx77t] {
        padding: 1.2rem;
    }
}
/* /Components/Pages/Contact/FaqListSection.razor.rz.scp.css */
/* #region FAQ Section */

.faq-container[b-n2u2ae88fn] {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item[b-n2u2ae88fn] {
    margin-bottom: 1.5rem;
}

.faq-question[b-n2u2ae88fn] {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 1.2rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
    color: var(--text-color);
    user-select: none;
}

    .faq-question:hover[b-n2u2ae88fn] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .faq-question.active[b-n2u2ae88fn] {
        background-color: var(--primary-color);
        color: white;
        border-radius: 8px 8px 0 0;
    }

.faq-answer[b-n2u2ae88fn] {
    padding: 1.5rem;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--border-color);
    border-top: none;
    margin-top: 0;
    display: none;
    color: var(--light-text);
    line-height: 1.7;
}

    .faq-answer.active[b-n2u2ae88fn] {
        display: block;
    }

    .faq-answer p[b-n2u2ae88fn] {
        margin: 0;
    }

/* #endregion */

@media (max-width: 768px) {
    .faq-question[b-n2u2ae88fn] {
        padding: 1rem;
        font-size: 0.95rem;
    }

    .faq-answer[b-n2u2ae88fn] {
        padding: 1.2rem;
    }

    .faq-item[b-n2u2ae88fn] {
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .faq-question[b-n2u2ae88fn] {
        padding: 0.9rem;
        font-size: 0.9rem;
    }

    .faq-answer[b-n2u2ae88fn] {
        padding: 1rem;
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Contact/HeroSection.razor.rz.scp.css */
/* #region Hero Section */

.contact-hero[b-0wrge4ci6f] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url('/IMAGES/PAGES/CONTACT/hero.webp');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 3rem 0;
}

.contact-hero-content[b-0wrge4ci6f] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

    .contact-hero-content h1[b-0wrge4ci6f] {
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
        color: white;
    }

    .contact-hero-content p[b-0wrge4ci6f] {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        color: rgba(255, 255, 255, 0.85);
    }

    .contact-hero-content a[b-0wrge4ci6f] {
        margin-left: 1rem;
        margin-right: 1rem;
    }

/* #endregion */

@media (max-width: 992px) {
    .contact-hero-content h1[b-0wrge4ci6f] {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    .contact-hero-content h1[b-0wrge4ci6f] {
        font-size: 2.2rem;
    }

    .contact-hero-content p[b-0wrge4ci6f] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .contact-hero-content h1[b-0wrge4ci6f] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/Internal/NotFoundSection.razor.rz.scp.css */
.notfound-section[b-xh2ijzunn7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 80px 24px;
    background-color: #faf9f7;
}

.notfound-container[b-xh2ijzunn7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 560px;
    width: 100%;
}

.notfound-code[b-xh2ijzunn7] {
    font-size: 9rem;
    font-weight: 800;
    line-height: 1;
    color: #e8e0d5;
    letter-spacing: -4px;
    margin-bottom: 24px;
    user-select: none;
}

.notfound-title[b-xh2ijzunn7] {
    font-size: 2rem;
    font-weight: 600;
    color: #2c2c2c;
    margin: 0 0 16px 0;
    letter-spacing: -0.5px;
}

.notfound-text[b-xh2ijzunn7] {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #7a7060;
    margin: 0 0 36px 0;
}

.notfound-btn[b-xh2ijzunn7] {
    display: inline-block;
    background-color: #5c3d1e;
    color: #fff;
    border: none;
    padding: 14px 36px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
    outline: none;
}

.notfound-btn:hover[b-xh2ijzunn7] {
    background-color: #3e2810;
    transform: translateY(-1px);
}

.notfound-btn:active[b-xh2ijzunn7] {
    transform: translateY(0);
}

/* Tablet */
@media (max-width: 768px) {
    .notfound-code[b-xh2ijzunn7] {
        font-size: 7rem;
    }

    .notfound-title[b-xh2ijzunn7] {
        font-size: 1.6rem;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .notfound-section[b-xh2ijzunn7] {
        padding: 60px 20px;
    }

    .notfound-code[b-xh2ijzunn7] {
        font-size: 5.5rem;
        letter-spacing: -2px;
    }

    .notfound-title[b-xh2ijzunn7] {
        font-size: 1.35rem;
    }

    .notfound-text[b-xh2ijzunn7] {
        font-size: 0.95rem;
    }

    .notfound-btn[b-xh2ijzunn7] {
        width: 100%;
        padding: 14px 24px;
    }
}
/* /Components/Pages/Login/LoginSection.razor.rz.scp.css */
/* #region Login Section */

.login-section[b-a6m7htqimq] {
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.login-container[b-a6m7htqimq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

/* #endregion */

/* #region Image Panel */

.login-image[b-a6m7htqimq] {
    position: relative;
    height: 100%;
    overflow: hidden;
}

    .login-image img[b-a6m7htqimq] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.7);
        transition: transform 0.5s ease;
    }

    .login-image:hover img[b-a6m7htqimq] {
        transform: scale(1.05);
    }

.login-image-overlay[b-a6m7htqimq] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: #fff;
}

    .login-image-overlay h2[b-a6m7htqimq] {
        color: #fff;
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .login-image-overlay p[b-a6m7htqimq] {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.95rem;
    }

/* #endregion */

/* #region Form Panel */

.login-form-container[b-a6m7htqimq] {
    padding: 3rem;
}

.login-header[b-a6m7htqimq] {
    text-align: center;
    margin-bottom: 2rem;
}

    .login-header h2[b-a6m7htqimq] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .login-header p[b-a6m7htqimq] {
        color: var(--light-text);
    }

.login-form[b-a6m7htqimq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-group[b-a6m7htqimq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group label[b-a6m7htqimq] {
        font-weight: 500;
        font-size: 0.9rem;
    }

    .form-group input[b-a6m7htqimq] {
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        font-size: 0.95rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-a6m7htqimq] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

/* #endregion */

/* #region Password Toggle */

.password-input-container[b-a6m7htqimq] {
    position: relative;
}

    .password-input-container input[b-a6m7htqimq] {
        width: 100%;
        padding-right: 48px;
    }

.toggle-password[b-a6m7htqimq] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--light-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: color 0.3s ease;
}

    .toggle-password:hover[b-a6m7htqimq] {
        color: var(--primary-color);
    }

/* #endregion */

/* #region Submit Button */

.login-btn[b-a6m7htqimq] {
    width: 100%;
    padding: 15px;
    font-size: 1.05rem;
    margin-top: 0.5rem;
}

    .login-btn:active[b-a6m7htqimq] {
        animation: loginPulse-b-a6m7htqimq 0.3s ease;
    }

@keyframes loginPulse-b-a6m7htqimq {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.03); }
    100% { transform: scale(1); }
}

/* #endregion */

/* #region Sign-up Link */

.signup-link[b-a6m7htqimq] {
    text-align: center;
    font-size: 0.9rem;
    color: var(--light-text);
}

    .signup-link a[b-a6m7htqimq] {
        color: var(--primary-color);
        font-weight: 600;
    }

        .signup-link a:hover[b-a6m7htqimq] {
            text-decoration: underline;
        }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .login-container[b-a6m7htqimq] {
        grid-template-columns: 1fr;
    }

    .login-image[b-a6m7htqimq] {
        display: none;
    }
}

@media (max-width: 576px) {
    .login-section[b-a6m7htqimq] {
        align-items: flex-start;
    }

    .login-form-container[b-a6m7htqimq] {
        padding: 2rem 1.5rem;
    }

    .login-header h2[b-a6m7htqimq] {
        font-size: 1.6rem;
    }

    .login-btn[b-a6m7htqimq] {
        font-size: 1rem;
        padding: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Login/Main.razor.rz.scp.css */
/* Main.razor contains no direct HTML — all styles live in LoginSection.razor.css */
/* /Components/Pages/Mainpage/AboutSection.razor.rz.scp.css */
/* #region About Section */

#about[b-myfibho022] {
    background-color: var(--dark-background);
}

.about-grid[b-myfibho022] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.about-image[b-myfibho022] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px var(--shadow-color);
    border: 1px solid var(--border-color);
}

    .about-image img[b-myfibho022] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.about-content .section-title[b-myfibho022] {
    text-align: left;
}

    .about-content .section-title[b-myfibho022]::after {
        margin-left: 0;
    }

/* #endregion */

@media (max-width: 992px) {
    .about-grid[b-myfibho022] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .about-image[b-myfibho022] {
        height: 280px;
    }

    .about-content .section-title[b-myfibho022] {
        text-align: center;
    }

    .about-content .section-title[b-myfibho022]::after {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .about-image[b-myfibho022] {
        height: 220px;
    }
}

@media (max-width: 480px) {
    .about-image[b-myfibho022] {
        height: 180px;
    }
}
/* /Components/Pages/Mainpage/BenefitsSection.razor.rz.scp.css */
/* #region Benefits Section */

.benefits-grid[b-irdzouaw0g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.benefit-card[b-irdzouaw0g] {
    text-align: center;
    padding: 2rem;
    border-radius: 12px;
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    border: 1px solid var(--border-color);
}

    .benefit-card:hover[b-irdzouaw0g] {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.benefit-icon[b-irdzouaw0g] {
    margin: 0 auto 1.5rem;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .benefit-icon img[b-irdzouaw0g] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.benefit-card h3[b-irdzouaw0g] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.benefit-card p[b-irdzouaw0g] {
    color: var(--light-text);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* #endregion */

@media (max-width: 768px) {
    .benefits-grid[b-irdzouaw0g] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1.5rem;
    }

    .benefit-card[b-irdzouaw0g] {
        padding: 1.5rem;
    }

    .benefit-card h3[b-irdzouaw0g] {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .benefits-grid[b-irdzouaw0g] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .benefit-card[b-irdzouaw0g] {
        padding: 1.2rem;
    }

    .benefit-icon[b-irdzouaw0g] {
        width: 60px;
        height: 60px;
    }
}
/* /Components/Pages/Mainpage/BestsellersSection.razor.rz.scp.css */
/* #region Bestsellers Section */

.products-grid[b-1608n8shu0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-1608n8shu0] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-1608n8shu0] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-1608n8shu0] {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.product-image[b-1608n8shu0] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-1608n8shu0] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

        .product-image img:hover[b-1608n8shu0] {
            transform: scale(1.05);
        }

.product-info h3[b-1608n8shu0] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-1608n8shu0] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-1608n8shu0] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-1608n8shu0] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-1608n8shu0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-1608n8shu0] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-1608n8shu0] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-1608n8shu0] {
    margin-bottom: 1rem;
}

.current-price[b-1608n8shu0] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

.original-price[b-1608n8shu0] {
    color: var(--light-text);
    text-decoration: line-through;
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

/* #endregion */

@media (max-width: 992px) {
    .products-grid[b-1608n8shu0] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .products-grid[b-1608n8shu0] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .product-image img[b-1608n8shu0] {
        height: 200px;
    }

    .product-card[b-1608n8shu0] {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .products-grid[b-1608n8shu0] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .product-image img[b-1608n8shu0] {
        height: 220px;
    }
}
/* /Components/Pages/Mainpage/CategoryBubblesSection.razor.rz.scp.css */
/* #region Category Bubbles Section */

#category_bubbles[b-nozxo8sh9g] {
    background-color: var(--dark-background);
    padding: 0;
}

.category-bubbles-container[b-nozxo8sh9g] {
    overflow-x: auto;
    display: flex;
    justify-content: space-around;
    padding: 0.5rem 0;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

    .category-bubbles-container[b-nozxo8sh9g]::-webkit-scrollbar {
        height: 4px;
    }

    .category-bubbles-container[b-nozxo8sh9g]::-webkit-scrollbar-track {
        background: transparent;
    }

    .category-bubbles-container[b-nozxo8sh9g]::-webkit-scrollbar-thumb {
        background-color: var(--border-color);
        border-radius: 4px;
    }

.category-bubbles-grid[b-nozxo8sh9g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0.5rem 1rem;
}

.category-bubbles-grid .card[b-nozxo8sh9g] {
    display: flex;
    flex-direction: column;
    width: 130px;
    height: 130px;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    margin-left: 1rem;
    margin-right: 1rem;
    text-decoration: none;
    color: var(--text-color);
}

.category-bubbles-grid .card img[b-nozxo8sh9g] {
    border-radius: 25%;
    border: 3px solid white;
    padding: 5px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.category-bubbles-grid .card h4[b-nozxo8sh9g] {
    padding: 0;
    margin: 0;
    height: 30px;
    width: max-content;
    text-align: center;
    font-size: 0.85rem;
}

.category-bubbles-grid .card:hover[b-nozxo8sh9g] {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

/* #endregion */

@media (max-width: 768px) {
    .category-bubbles-grid .card[b-nozxo8sh9g] {
        width: 110px;
        height: 110px;
        margin-left: 0.7rem;
        margin-right: 0.7rem;
    }

    .category-bubbles-grid .card img[b-nozxo8sh9g] {
        width: 80px;
        height: 80px;
    }

    .category-bubbles-grid .card h4[b-nozxo8sh9g] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .category-bubbles-grid .card[b-nozxo8sh9g] {
        width: 90px;
        height: 90px;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .category-bubbles-grid .card img[b-nozxo8sh9g] {
        width: 65px;
        height: 65px;
    }
}
/* /Components/Pages/Mainpage/FeaturedSection.razor.rz.scp.css */
/* #region Featured Collections Section */

.categories-grid[b-khr59c24kb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.category-card[b-khr59c24kb] {
    text-align: center;
    padding: 2rem;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

    .category-card:hover[b-khr59c24kb] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.category-image[b-khr59c24kb] {
    margin-bottom: 1.5rem;
    border-radius: 8px;
    overflow: hidden;
}

    .category-image img[b-khr59c24kb] {
        height: 180px;
        width: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

        .category-image img:hover[b-khr59c24kb] {
            transform: scale(1.05);
        }

.category-card h3[b-khr59c24kb] {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.category-card p[b-khr59c24kb] {
    color: var(--light-text);
}

/* #endregion */

@media (max-width: 992px) {
    .categories-grid[b-khr59c24kb] {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 1.5rem;
    }

    .category-card h3[b-khr59c24kb] {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .categories-grid[b-khr59c24kb] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .category-card[b-khr59c24kb] {
        padding: 1.5rem;
    }

    .category-image img[b-khr59c24kb] {
        height: 140px;
    }
}

@media (max-width: 480px) {
    .categories-grid[b-khr59c24kb] {
        grid-template-columns: 1fr;
    }

    .category-image img[b-khr59c24kb] {
        height: 180px;
    }
}
/* /Components/Pages/Mainpage/HeroSection.razor.rz.scp.css */
/* #region Hero Section */

#hero[b-em1a7425ep] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/IMAGES/PAGES/MAINPAGE/hero.webp');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 0;
}

.hero-content[b-em1a7425ep] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content h1[b-em1a7425ep] {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    color: white;
}

.hero-content p[b-em1a7425ep] {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.85);
}

.hero-content a[b-em1a7425ep] {
    margin-bottom: 10px;
}

/* #endregion */

@media (max-width: 992px) {
    .hero-content h1[b-em1a7425ep] {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    .hero-content h1[b-em1a7425ep] {
        font-size: 2rem;
    }

    .hero-content p[b-em1a7425ep] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .hero-content h1[b-em1a7425ep] {
        font-size: 1.6rem;
    }
}
/* /Components/Pages/Mainpage/Main.razor.rz.scp.css */
/* /Components/Pages/Mainpage/TestimonialsSection.razor.rz.scp.css */
/* #region Testimonials Section */

#testimonials[b-s0sw9hzfse] {
    background-color: var(--dark-background);
}

.testimonials-grid[b-s0sw9hzfse] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.testimonial-card[b-s0sw9hzfse] {
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
}

.testimonial-content[b-s0sw9hzfse] {
    margin-bottom: 1.5rem;
    font-style: italic;
    color: var(--text-color);
    line-height: 1.7;
}

.testimonial-author[b-s0sw9hzfse] {
    display: flex;
    align-items: center;
}

    .testimonial-author img[b-s0sw9hzfse] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 1rem;
        object-fit: cover;
        border: 2px solid var(--border-color);
    }

    .testimonial-author h4[b-s0sw9hzfse] {
        margin-bottom: 0.2rem;
        font-size: 1.1rem;
    }

    .testimonial-author p[b-s0sw9hzfse] {
        color: var(--light-text);
        font-size: 0.9rem;
        margin: 0;
    }

/* #endregion */

@media (max-width: 992px) {
    .testimonials-grid[b-s0sw9hzfse] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .testimonials-grid[b-s0sw9hzfse] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .testimonial-card[b-s0sw9hzfse] {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .testimonial-card[b-s0sw9hzfse] {
        padding: 1.2rem;
    }

    .testimonial-author img[b-s0sw9hzfse] {
        width: 48px;
        height: 48px;
    }
}
/* /Components/Pages/ProductVariation/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-v1tjy9373s] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-v1tjy9373s] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-v1tjy9373s] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-v1tjy9373s]::after {
                content: '/';
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-v1tjy9373s] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-v1tjy9373s] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-v1tjy9373s] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/ProductVariation/DetailsSection.razor.rz.scp.css */
/* #region Product Detail */

.product-detail-grid[b-l8dtsz2qym] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
}

/* #endregion */

/* #region Product Images */

.product-images[b-l8dtsz2qym] {
    position: sticky;
    top: 100px;
}

.main-image[b-l8dtsz2qym] {
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
}

    .main-image img[b-l8dtsz2qym] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.product-badge[b-l8dtsz2qym] {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px 12px;
    background-color: var(--primary-color);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    z-index: 2;
}

.image-thumbnails[b-l8dtsz2qym] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.thumbnail[b-l8dtsz2qym] {
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
}

    .thumbnail:hover[b-l8dtsz2qym] {
        transform: translateY(-3px);
    }

    .thumbnail.active[b-l8dtsz2qym] {
        border-color: var(--primary-color);
    }

    .thumbnail img[b-l8dtsz2qym] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* #endregion */

/* #region Product Info */

.product-category[b-l8dtsz2qym] {
    color: var(--light-text);
    font-size: 1rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-title[b-l8dtsz2qym] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.product-rating-section[b-l8dtsz2qym] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.rating-stars[b-l8dtsz2qym] {
    color: var(--secondary-color);
    font-size: 1.2rem;
}

.product-price[b-l8dtsz2qym] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
}

.product-short-description[b-l8dtsz2qym] {
    margin-bottom: 2rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.product-meta[b-l8dtsz2qym] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.meta-item[b-l8dtsz2qym] {
    display: flex;
    align-items: center;
}

.meta-label[b-l8dtsz2qym] {
    font-weight: 600;
    margin-right: 0.5rem;
    color: var(--light-text);
}

.meta-value[b-l8dtsz2qym] {
    color: var(--text-color);
}

    .meta-value.in-stock[b-l8dtsz2qym] {
        color: #4CAF50;
    }

    .meta-value.out-of-stock[b-l8dtsz2qym] {
        color: #af4c4c;
    }

.product-options[b-l8dtsz2qym] {
    margin-bottom: 2rem;
}

.option-group[b-l8dtsz2qym] {
    margin-bottom: 1.5rem;
}

    .option-group label[b-l8dtsz2qym] {
        display: block;
        margin-bottom: 0.8rem;
        font-weight: 600;
    }

.option-buttons[b-l8dtsz2qym] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.option-button[b-l8dtsz2qym] {
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .option-button:hover[b-l8dtsz2qym] {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .option-button.active[b-l8dtsz2qym] {
        background-color: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }

@keyframes cart-add-pulse-b-l8dtsz2qym {
    0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.55); border-color: var(--border-color); }
    20%  { transform: scale(1.06); box-shadow: 0 0 0 8px rgba(76, 175, 80, 0.18); border-color: #4caf50; background-color: rgba(76, 175, 80, 0.15); }
    55%  { transform: scale(1.02); box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.08); }
    100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
}

@keyframes cart-count-flash-b-l8dtsz2qym {
    0%   { color: gray; }
    25%  { color: #4caf50; }
    75%  { color: #4caf50; }
    100% { color: gray; }
}

.option-button.cart-added[b-l8dtsz2qym] {
    animation: cart-add-pulse-b-l8dtsz2qym 0.85s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;
    border-color: #4caf50;
}

    .option-button.cart-added b[b-l8dtsz2qym] {
        animation: cart-count-flash-b-l8dtsz2qym 0.85s ease forwards;
    }

.product-benefits[b-l8dtsz2qym] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.benefit-item[b-l8dtsz2qym] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.benefit-icon[b-l8dtsz2qym] {
    font-size: 1.5rem;
    color: var(--primary-color);
    width: 25px;
    height: 25px;
    display: contents;
}

    .benefit-icon img[b-l8dtsz2qym] {
        width: 25px;
        height: 25px;
    }

.benefit-text[b-l8dtsz2qym] {
    font-size: 0.9rem;
    color: var(--light-text);
}

/* #endregion */

@media (max-width: 1200px) {
    .product-detail-grid[b-l8dtsz2qym] {
        gap: 2rem;
    }

    .product-benefits[b-l8dtsz2qym] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 992px) {
    .product-detail-grid[b-l8dtsz2qym] {
        grid-template-columns: 1fr;
    }

    .product-images[b-l8dtsz2qym] {
        position: relative;
        top: 0;
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .product-meta[b-l8dtsz2qym] {
        grid-template-columns: 1fr;
    }

    .product-title[b-l8dtsz2qym] {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .image-thumbnails[b-l8dtsz2qym] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }

    .option-buttons[b-l8dtsz2qym] {
        flex-direction: column;
        width: 100%;
    }

    .option-button[b-l8dtsz2qym] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/ProductVariation/Main.razor.rz.scp.css */
/* Styles are in the scoped CSS files of each subcomponent */
/* /Components/Pages/ProductVariation/RelatedProductsSection.razor.rz.scp.css */
/* #region Products Grid */

.products-grid[b-xbs51ezwiy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-xbs51ezwiy] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-xbs51ezwiy] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-xbs51ezwiy] {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

    .product-badge.new[b-xbs51ezwiy] {
        background-color: var(--success-color);
    }

.product-image[b-xbs51ezwiy] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-xbs51ezwiy] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-xbs51ezwiy] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-xbs51ezwiy] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-xbs51ezwiy] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-xbs51ezwiy] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-xbs51ezwiy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-xbs51ezwiy] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-xbs51ezwiy] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-xbs51ezwiy] {
    margin-bottom: 1rem;
}

.current-price[b-xbs51ezwiy] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

.original-price[b-xbs51ezwiy] {
    color: var(--light-text);
    text-decoration: line-through;
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

/* #endregion */

@media (max-width: 768px) {
    .products-grid[b-xbs51ezwiy] {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-image img[b-xbs51ezwiy] {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .products-grid[b-xbs51ezwiy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ProductVariation/TabsSection.razor.rz.scp.css */
/* #region Product Tabs */

.tabs[b-osiczq5dj5] {
    margin-top: 2rem;
}

.tab-headers[b-osiczq5dj5] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .tab-headers[b-osiczq5dj5]::-webkit-scrollbar {
        display: none;
    }

.tab-header[b-osiczq5dj5] {
    padding: 1rem 1.5rem;
    background-color: transparent;
    border: none;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

    .tab-header:hover[b-osiczq5dj5] {
        color: var(--primary-color);
    }

    .tab-header.active[b-osiczq5dj5] {
        color: var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
    }

.tab-content[b-osiczq5dj5] {
    display: none;
    padding: 2rem;
}

    .tab-content.active[b-osiczq5dj5] {
        display: block;
    }

    .tab-content h3[b-osiczq5dj5] {
        margin-bottom: 1.5rem;
    }

    .tab-content h4[b-osiczq5dj5] {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

/* #endregion */

/* #region Details Table */

.details-table[b-osiczq5dj5] {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.details-row[b-osiczq5dj5] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
}

    .details-row:last-child[b-osiczq5dj5] {
        border-bottom: none;
    }

    .details-row:first-child .details-label[b-osiczq5dj5],
    .details-row:first-child .details-value[b-osiczq5dj5] {
        background-color: rgba(255, 255, 255, 0.07);
        color: var(--primary-color);
        font-weight: 700;
    }

.details-label[b-osiczq5dj5] {
    flex: 0 0 220px;
    padding: 0.85rem 1rem;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.04);
    border-right: 1px solid var(--border-color);
}

.details-value[b-osiczq5dj5] {
    flex: 1;
    padding: 0.85rem 1rem;
    border-right: 1px solid var(--border-color);
    min-width: 0;
}

    .details-value:last-child[b-osiczq5dj5] {
        border-right: none;
    }

/* #endregion */

/* #region Reviews */

.review-summary[b-osiczq5dj5] {
    display: flex;
    gap: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-color);
}

.review-average[b-osiczq5dj5] {
    text-align: center;
}

.average-rating[b-osiczq5dj5] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.average-stars[b-osiczq5dj5] {
    font-size: 1.5rem;
    color: var(--secondary-color);
    margin-bottom: 0.5rem;
}

.total-reviews[b-osiczq5dj5] {
    color: var(--light-text);
    font-size: 0.9rem;
}

.rating-breakdown[b-osiczq5dj5] {
    flex: 1;
}

.rating-row[b-osiczq5dj5] {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.rating-label[b-osiczq5dj5] {
    flex: 0 0 60px;
    font-size: 0.9rem;
}

.rating-bar[b-osiczq5dj5] {
    flex: 1;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 1rem;
}

.rating-fill[b-osiczq5dj5] {
    height: 100%;
    background-color: var(--secondary-color);
}

.review-list[b-osiczq5dj5] {
    margin-bottom: 2rem;
}

.review-item[b-osiczq5dj5] {
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.review-header[b-osiczq5dj5] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.reviewer-name[b-osiczq5dj5] {
    font-weight: 600;
}

.review-date[b-osiczq5dj5] {
    color: var(--light-text);
    font-size: 0.9rem;
}

.review-rating[b-osiczq5dj5] {
    color: var(--secondary-color);
}

.review-title[b-osiczq5dj5] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.review-pagination[b-osiczq5dj5] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0;
}

.pagination-numbers[b-osiczq5dj5] {
    display: flex;
    gap: 0.5rem;
}

.pagination-number[b-osiczq5dj5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .pagination-number:hover[b-osiczq5dj5], .pagination-number.active[b-osiczq5dj5] {
        background-color: var(--primary-color);
        color: white;
    }

.pagination-arrow[b-osiczq5dj5] {
    padding: 10px 15px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .pagination-arrow:hover:not(.disabled)[b-osiczq5dj5] {
        background-color: var(--primary-color);
        color: white;
    }

    .pagination-arrow.disabled[b-osiczq5dj5] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.write-review[b-osiczq5dj5] {
    margin-top: 3rem;
}

.review-form[b-osiczq5dj5] {
    margin-top: 1.5rem;
}

.form-row[b-osiczq5dj5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

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

    .form-group label[b-osiczq5dj5] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    .form-group input[b-osiczq5dj5],
    .form-group textarea[b-osiczq5dj5] {
        width: 100%;
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-osiczq5dj5],
        .form-group textarea:focus[b-osiczq5dj5] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

.rating-select[b-osiczq5dj5] {
    display: flex;
    gap: 0.5rem;
    font-size: 1.5rem;
    color: var(--light-text);
}

.rating-star[b-osiczq5dj5] {
    cursor: pointer;
    transition: color 0.3s ease;
}

    .rating-star:hover[b-osiczq5dj5],
    .rating-star.selected[b-osiczq5dj5] {
        color: var(--secondary-color);
    }

/* #endregion */

@media (max-width: 992px) {
    .review-summary[b-osiczq5dj5] {
        flex-direction: column;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .tab-header[b-osiczq5dj5] {
        padding: 1rem;
        font-size: 0.9rem;
    }

    .tab-content[b-osiczq5dj5] {
        padding: 1.5rem;
    }

    .form-row[b-osiczq5dj5] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .details-label[b-osiczq5dj5] {
        flex: 0 0 130px;
    }
}
/* /Components/Pages/Product/BreadcrumbSection.razor.rz.scp.css */
/* #region Breadcrumb */

.breadcrumb[b-iucd2jjwqm] {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid var(--border-color);
}

    .breadcrumb ul[b-iucd2jjwqm] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

        .breadcrumb ul li[b-iucd2jjwqm] {
            display: flex;
            align-items: center;
            color: var(--light-text);
            font-size: 0.9rem;
        }

            .breadcrumb ul li:not(:last-child)[b-iucd2jjwqm]::after {
                content: '/';
                margin: 0 0.5rem;
                color: var(--light-text);
            }

            .breadcrumb ul li:last-child[b-iucd2jjwqm] {
                color: var(--primary-color);
            }

    .breadcrumb a[b-iucd2jjwqm] {
        color: var(--light-text);
        transition: color 0.3s ease;
    }

        .breadcrumb a:hover[b-iucd2jjwqm] {
            color: var(--primary-color);
        }

/* #endregion */
/* /Components/Pages/Product/DetailsSection.razor.rz.scp.css */
/* #region Product Detail */

.product-detail-grid[b-1wy9gp6h5a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
}

/* #endregion */

/* #region Product Images */

.product-images[b-1wy9gp6h5a] {
    position: sticky;
    top: 100px;
}

.main-image[b-1wy9gp6h5a] {
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
}

    .main-image img[b-1wy9gp6h5a] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.product-badge[b-1wy9gp6h5a] {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px 12px;
    background-color: var(--primary-color);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 30px;
    z-index: 2;
}

.image-thumbnails[b-1wy9gp6h5a] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.thumbnail[b-1wy9gp6h5a] {
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
}

    .thumbnail:hover[b-1wy9gp6h5a] {
        transform: translateY(-3px);
    }

    .thumbnail.active[b-1wy9gp6h5a] {
        border-color: var(--primary-color);
    }

    .thumbnail img[b-1wy9gp6h5a] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.image-card[b-1wy9gp6h5a] {
    animation: fadeIn 0.5s ease-in forwards;
    opacity: 0;
}

/* #endregion */

/* #region Product Info */

.product-category[b-1wy9gp6h5a] {
    color: var(--light-text);
    font-size: 1rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-title[b-1wy9gp6h5a] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.product-rating-section[b-1wy9gp6h5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.rating-stars[b-1wy9gp6h5a] {
    color: var(--secondary-color);
    font-size: 1.2rem;
}

.product-price[b-1wy9gp6h5a] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
}

.product-short-description[b-1wy9gp6h5a] {
    margin-bottom: 2rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.product-meta[b-1wy9gp6h5a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.meta-item[b-1wy9gp6h5a] {
    display: flex;
    align-items: center;
}

.meta-label[b-1wy9gp6h5a] {
    font-weight: 600;
    margin-right: 0.5rem;
    color: var(--light-text);
}

.meta-value[b-1wy9gp6h5a] {
    color: var(--text-color);
}

    .meta-value.in-stock[b-1wy9gp6h5a] {
        color: #4CAF50;
    }

    .meta-value.out-of-stock[b-1wy9gp6h5a] {
        color: #af4c4c;
    }

.product-options[b-1wy9gp6h5a] {
    margin-bottom: 2rem;
}

.option-group[b-1wy9gp6h5a] {
    margin-bottom: 1.5rem;
}

    .option-group label[b-1wy9gp6h5a] {
        display: block;
        margin-bottom: 0.8rem;
        font-weight: 600;
    }

.option-buttons[b-1wy9gp6h5a] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.option-button[b-1wy9gp6h5a] {
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .option-button:hover[b-1wy9gp6h5a] {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .option-button.active[b-1wy9gp6h5a] {
        background-color: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }

@keyframes cart-add-pulse-b-1wy9gp6h5a {
    0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.55); border-color: var(--border-color); }
    20%  { transform: scale(1.06); box-shadow: 0 0 0 8px rgba(76, 175, 80, 0.18); border-color: #4caf50; background-color: rgba(76, 175, 80, 0.15); }
    55%  { transform: scale(1.02); box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.08); }
    100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
}

@keyframes cart-count-flash-b-1wy9gp6h5a {
    0%   { color: gray; }
    25%  { color: #4caf50; }
    75%  { color: #4caf50; }
    100% { color: gray; }
}

.option-button.cart-added[b-1wy9gp6h5a] {
    animation: cart-add-pulse-b-1wy9gp6h5a 0.85s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;
    border-color: #4caf50;
}

    .option-button.cart-added b[b-1wy9gp6h5a] {
        animation: cart-count-flash-b-1wy9gp6h5a 0.85s ease forwards;
    }

.product-actions[b-1wy9gp6h5a] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.add-to-cart-btn[b-1wy9gp6h5a] {
    flex: 1;
}

.wishlist-btn[b-1wy9gp6h5a] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    color: var(--text-color);
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .wishlist-btn:hover[b-1wy9gp6h5a] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--primary-color);
    }

    .wishlist-btn.wishlisted[b-1wy9gp6h5a] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--primary-color);
    }

.product-share[b-1wy9gp6h5a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-color);
}

.share-icons[b-1wy9gp6h5a] {
    display: flex;
    gap: 0.8rem;
}

.share-icon[b-1wy9gp6h5a] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
    font-size: 0.8rem;
}

    .share-icon:hover[b-1wy9gp6h5a] {
        background-color: var(--primary-color);
        color: white;
    }

.product-benefits[b-1wy9gp6h5a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.benefit-item[b-1wy9gp6h5a] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.benefit-icon[b-1wy9gp6h5a] {
    font-size: 1.5rem;
    color: var(--primary-color);
    width: 25px;
    height: 25px;
    display: contents;
}

.benefit-icon img[b-1wy9gp6h5a] {
    width: 25px;
    height: 25px;
}

.benefit-text[b-1wy9gp6h5a] {
    font-size: 0.9rem;
    color: var(--light-text);
}

/* #endregion */

@media (max-width: 1200px) {
    .product-detail-grid[b-1wy9gp6h5a] {
        gap: 2rem;
    }

    .product-benefits[b-1wy9gp6h5a] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 992px) {
    .product-detail-grid[b-1wy9gp6h5a] {
        grid-template-columns: 1fr;
    }

    .product-images[b-1wy9gp6h5a] {
        position: relative;
        top: 0;
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .product-meta[b-1wy9gp6h5a] {
        grid-template-columns: 1fr;
    }

    .product-actions[b-1wy9gp6h5a] {
        flex-wrap: wrap;
    }

    .quantity-selector[b-1wy9gp6h5a] {
        width: 100%;
        margin-bottom: 1rem;
    }

    .add-to-cart-btn[b-1wy9gp6h5a] {
        width: calc(100% - 60px);
    }
}

@media (max-width: 576px) {
    .product-title[b-1wy9gp6h5a] {
        font-size: 1.2rem;
    }

    .image-thumbnails[b-1wy9gp6h5a] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }

    .option-buttons[b-1wy9gp6h5a] {
        flex-direction: column;
        width: 100%;
    }

    .option-button[b-1wy9gp6h5a] {
        width: 100%;
        text-align: center;
    }

    .product-share[b-1wy9gp6h5a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Product/RelatedProductsSection.razor.rz.scp.css */
/* #region Products Grid */

.products-grid[b-75lsvi8hvx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-75lsvi8hvx] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-75lsvi8hvx] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-75lsvi8hvx] {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

    .product-badge.new[b-75lsvi8hvx] {
        background-color: var(--success-color);
    }

.product-image[b-75lsvi8hvx] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-75lsvi8hvx] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-75lsvi8hvx] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-75lsvi8hvx] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-75lsvi8hvx] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-75lsvi8hvx] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-75lsvi8hvx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-75lsvi8hvx] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-75lsvi8hvx] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-75lsvi8hvx] {
    margin-bottom: 1rem;
}

.current-price[b-75lsvi8hvx] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

.original-price[b-75lsvi8hvx] {
    color: var(--light-text);
    text-decoration: line-through;
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

/* #endregion */

@media (max-width: 768px) {
    .products-grid[b-75lsvi8hvx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-image img[b-75lsvi8hvx] {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .products-grid[b-75lsvi8hvx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Product/TabsSection.razor.rz.scp.css */
/* #region Product Tabs */

.tabs[b-9tn1qgv638] {
    margin-top: 2rem;
}

.tab-headers[b-9tn1qgv638] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .tab-headers[b-9tn1qgv638]::-webkit-scrollbar {
        display: none;
    }

.tab-header[b-9tn1qgv638] {
    padding: 1rem 1.5rem;
    background-color: transparent;
    border: none;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

    .tab-header:hover[b-9tn1qgv638] {
        color: var(--primary-color);
    }

    .tab-header.active[b-9tn1qgv638] {
        color: var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
    }

.tab-content[b-9tn1qgv638] {
    display: none;
    padding: 2rem;
}

    .tab-content.active[b-9tn1qgv638] {
        display: block;
    }

    .tab-content h3[b-9tn1qgv638] {
        margin-bottom: 1.5rem;
    }

    .tab-content h4[b-9tn1qgv638] {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

/* #endregion */

/* #region Details Table */

.details-table[b-9tn1qgv638] {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.details-row[b-9tn1qgv638] {
    display: flex;
    border-bottom: 1px solid var(--border-color);
}

    .details-row:last-child[b-9tn1qgv638] {
        border-bottom: none;
    }

    .details-row:first-child .details-label[b-9tn1qgv638],
    .details-row:first-child .details-value[b-9tn1qgv638] {
        background-color: rgba(255, 255, 255, 0.07);
        color: var(--primary-color);
        font-weight: 700;
    }

.details-label[b-9tn1qgv638] {
    flex: 0 0 220px;
    padding: 0.85rem 1rem;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.04);
    border-right: 1px solid var(--border-color);
}

.details-value[b-9tn1qgv638] {
    flex: 1;
    padding: 0.85rem 1rem;
    border-right: 1px solid var(--border-color);
    min-width: 0;
}

    .details-value:last-child[b-9tn1qgv638] {
        border-right: none;
    }

/* #endregion */

/* #region Reviews */

.review-summary[b-9tn1qgv638] {
    display: flex;
    gap: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-color);
}

.review-average[b-9tn1qgv638] {
    text-align: center;
}

.average-rating[b-9tn1qgv638] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.average-stars[b-9tn1qgv638] {
    font-size: 1.5rem;
    color: var(--secondary-color);
    margin-bottom: 0.5rem;
}

.total-reviews[b-9tn1qgv638] {
    color: var(--light-text);
    font-size: 0.9rem;
}

.rating-breakdown[b-9tn1qgv638] {
    flex: 1;
}

.rating-row[b-9tn1qgv638] {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.rating-label[b-9tn1qgv638] {
    flex: 0 0 60px;
    font-size: 0.9rem;
}

.rating-bar[b-9tn1qgv638] {
    flex: 1;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 1rem;
}

.rating-fill[b-9tn1qgv638] {
    height: 100%;
    background-color: var(--secondary-color);
}

.review-list[b-9tn1qgv638] {
    margin-bottom: 2rem;
}

.review-item[b-9tn1qgv638] {
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.review-header[b-9tn1qgv638] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.reviewer-name[b-9tn1qgv638] {
    font-weight: 600;
}

.review-date[b-9tn1qgv638] {
    color: var(--light-text);
    font-size: 0.9rem;
}

.review-rating[b-9tn1qgv638] {
    color: var(--secondary-color);
}

.review-title[b-9tn1qgv638] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.review-pagination[b-9tn1qgv638] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0;
}

.pagination-numbers[b-9tn1qgv638] {
    display: flex;
    gap: 0.5rem;
}

.pagination-number[b-9tn1qgv638] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .pagination-number:hover[b-9tn1qgv638], .pagination-number.active[b-9tn1qgv638] {
        background-color: var(--primary-color);
        color: white;
    }

.pagination-arrow[b-9tn1qgv638] {
    padding: 10px 15px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .pagination-arrow:hover:not(.disabled)[b-9tn1qgv638] {
        background-color: var(--primary-color);
        color: white;
    }

    .pagination-arrow.disabled[b-9tn1qgv638] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.write-review[b-9tn1qgv638] {
    margin-top: 3rem;
}

.review-form[b-9tn1qgv638] {
    margin-top: 1.5rem;
}

.form-row[b-9tn1qgv638] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-group[b-9tn1qgv638] {
    margin-bottom: 1.5rem;
}

    .form-group label[b-9tn1qgv638] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    .form-group input[b-9tn1qgv638],
    .form-group textarea[b-9tn1qgv638] {
        width: 100%;
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-9tn1qgv638],
        .form-group textarea:focus[b-9tn1qgv638] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

.rating-select[b-9tn1qgv638] {
    display: flex;
    gap: 0.5rem;
    font-size: 1.5rem;
    color: var(--light-text);
}

.rating-star[b-9tn1qgv638] {
    cursor: pointer;
    transition: color 0.3s ease;
}

    .rating-star:hover[b-9tn1qgv638],
    .rating-star.selected[b-9tn1qgv638] {
        color: var(--secondary-color);
    }

/* #endregion */

@media (max-width: 992px) {
    .review-summary[b-9tn1qgv638] {
        flex-direction: column;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .tab-header[b-9tn1qgv638] {
        padding: 1rem;
        font-size: 0.9rem;
    }

    .tab-content[b-9tn1qgv638] {
        padding: 1.5rem;
    }

    .form-row[b-9tn1qgv638] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .details-label[b-9tn1qgv638] {
        flex: 0 0 130px;
    }
}
/* /Components/Pages/Product/VariationsSection.razor.rz.scp.css */
/* #region Products Grid */

.products-grid[b-srfmzx9hhu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-srfmzx9hhu] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-srfmzx9hhu] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-srfmzx9hhu] {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.product-image[b-srfmzx9hhu] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-srfmzx9hhu] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-srfmzx9hhu] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-srfmzx9hhu] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-srfmzx9hhu] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-srfmzx9hhu] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-srfmzx9hhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-srfmzx9hhu] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-srfmzx9hhu] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-srfmzx9hhu] {
    margin-bottom: 1rem;
}

.current-price[b-srfmzx9hhu] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

/* #endregion */

@media (max-width: 768px) {
    .products-grid[b-srfmzx9hhu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-image img[b-srfmzx9hhu] {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .products-grid[b-srfmzx9hhu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Registration/Main.razor.rz.scp.css */
/* Main.razor contains no direct HTML — all styles live in RegistrationSection.razor.css */
/* /Components/Pages/Registration/RegistrationSection.razor.rz.scp.css */
/* #region Section Layout */

.registration-section[b-pu82nf3vss] {
    padding: 4rem 0;
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.registration-container[b-pu82nf3vss] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

/* #endregion */

/* #region Registration Card */

.registration-card[b-pu82nf3vss] {
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 12px;
    padding: 3rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
}

.registration-header[b-pu82nf3vss] {
    text-align: center;
    margin-bottom: 2rem;
}

    .registration-header h2[b-pu82nf3vss] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .registration-header p[b-pu82nf3vss] {
        color: var(--light-text);
        font-size: 1rem;
    }

/* #endregion */

/* #region Form */

.registration-form[b-pu82nf3vss] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

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

.form-group[b-pu82nf3vss] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group label[b-pu82nf3vss] {
        font-weight: 500;
        font-size: 0.9rem;
    }

    .form-group input[b-pu82nf3vss] {
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        font-size: 0.95rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-pu82nf3vss] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

/* #endregion */

/* #region Password Requirements */

.password-requirements[b-pu82nf3vss] {
    margin-top: 0.25rem;
}

    .password-requirements small[b-pu82nf3vss] {
        color: var(--light-text);
        font-size: 0.78rem;
        line-height: 1.4;
    }

/* #endregion */

/* #region Checkboxes */

.checkbox-group[b-pu82nf3vss] {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
}

.checkbox-label[b-pu82nf3vss] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.6rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--light-text);
    line-height: 1.5;
    word-break: break-word;
    overflow-wrap: break-word;
}

    .checkbox-label input[type="checkbox"][b-pu82nf3vss] {
        display: none;
    }

.checkmark[b-pu82nf3vss] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
    border: 1px solid var(--input-border);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--input-background);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark[b-pu82nf3vss] {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

    .checkbox-label input[type="checkbox"]:checked + .checkmark[b-pu82nf3vss]::after {
        content: "✓";
        color: #fff;
        font-weight: 700;
        font-size: 0.75rem;
    }

.terms-link[b-pu82nf3vss] {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
}

    .terms-link:hover[b-pu82nf3vss] {
        text-decoration: underline;
    }

/* #endregion */

/* #region Submit Button */

.register-btn[b-pu82nf3vss] {
    width: 100%;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 15px;
    border-radius: 30px;
    font-size: 1.05rem;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    margin-top: 0.5rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .register-btn:hover[b-pu82nf3vss] {
        background-color: var(--accent-color);
        transform: translateY(-2px);
    }

    .register-btn.disabled[b-pu82nf3vss] {
        opacity: 0.3;
        pointer-events: none;
    }

/* #endregion */

/* #region Login Link */

.login-link[b-pu82nf3vss] {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: var(--light-text);
}

    .login-link a[b-pu82nf3vss] {
        color: var(--primary-color);
        font-weight: 600;
        text-decoration: none;
    }

        .login-link a:hover[b-pu82nf3vss] {
            text-decoration: underline;
        }

/* #endregion */

/* #region Benefits Panel */

.registration-benefits[b-pu82nf3vss] {
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 12px;
    padding: 3rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
    height: fit-content;
}

    .registration-benefits h3[b-pu82nf3vss] {
        font-size: 1.8rem;
        margin-bottom: 2rem;
        text-align: center;
    }

.benefits-list[b-pu82nf3vss] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.benefit-item[b-pu82nf3vss] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.benefit-icon[b-pu82nf3vss] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .benefit-icon img[b-pu82nf3vss] {
        width: 36px;
        height: 36px;
        filter: brightness(0) invert(1) opacity(0.7);
    }

.benefit-content h4[b-pu82nf3vss] {
    font-size: 1.05rem;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.benefit-content p[b-pu82nf3vss] {
    color: var(--light-text);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .registration-container[b-pu82nf3vss] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .registration-container[b-pu82nf3vss] {
        padding: 0 1rem;
    }

    .registration-card[b-pu82nf3vss],
    .registration-benefits[b-pu82nf3vss] {
        padding: 2rem;
    }

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

    .registration-header h2[b-pu82nf3vss] {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .registration-section[b-pu82nf3vss] {
        padding: 2rem 0;
        align-items: flex-start;
    }

    .registration-card[b-pu82nf3vss],
    .registration-benefits[b-pu82nf3vss] {
        padding: 1.5rem;
    }

    .registration-header h2[b-pu82nf3vss] {
        font-size: 1.5rem;
    }

    .register-btn[b-pu82nf3vss] {
        font-size: 1rem;
        padding: 13px;
    }
}

/* #endregion */
/* /Components/Pages/Shop/FeaturedProductsSection.razor.rz.scp.css */
/* #region Products Grid */

.products-grid[b-qpibkh8u5m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-qpibkh8u5m] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-qpibkh8u5m] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-qpibkh8u5m] {
    position: absolute;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.product-image[b-qpibkh8u5m] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-qpibkh8u5m] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-qpibkh8u5m] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-qpibkh8u5m] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-qpibkh8u5m] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-qpibkh8u5m] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-qpibkh8u5m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-qpibkh8u5m] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-qpibkh8u5m] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-qpibkh8u5m] {
    margin-bottom: 1rem;
}

.current-price[b-qpibkh8u5m] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

/* #endregion */

@media (max-width: 768px) {
    .products-grid[b-qpibkh8u5m] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 576px) {
    .products-grid[b-qpibkh8u5m] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Shop/Main.razor.rz.scp.css */
/* Main.razor renders only layout components (Header, ProductListSection, FeaturedProductsSection, Footer).
   All section-specific styles are in their respective component CSS files. */
/* /Components/Pages/Shop/ProductListSection.razor.rz.scp.css */
/* #region Filter */

.shop-filter-container[b-la73p4y717] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    gap: 1rem;
}

.filter-options[b-la73p4y717] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-dropdown[b-la73p4y717] {
    position: relative;
}

.filter-dropdown select[b-la73p4y717] {
    padding: 10px 40px 10px 15px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    appearance: none;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.filter-dropdown select option[b-la73p4y717] {
    background-color: dimgray;
}

.filter-dropdown[b-la73p4y717]::after {
    content: '▼';
    font-size: 0.7rem;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color);
    pointer-events: none;
}

.search-filter[b-la73p4y717] {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}

.search-filter img[b-la73p4y717] {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.search-filter input[b-la73p4y717] {
    padding: 10px 15px;
    background-color: transparent;
    border: none;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    width: 200px;
}

.search-filter input[b-la73p4y717]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* #endregion */

/* #region Products Grid */

.products-grid[b-la73p4y717] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card[b-la73p4y717] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

    .product-card:hover[b-la73p4y717] {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

.product-badge[b-la73p4y717] {
    position: absolute;
    left: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
}

.product-image[b-la73p4y717] {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}

    .product-image img[b-la73p4y717] {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-info h3[b-la73p4y717] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: var(--text-color);
}

.product-description[b-la73p4y717] {
    color: var(--light-text);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.product-details[b-la73p4y717] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detail-item[b-la73p4y717] {
    font-size: 0.8rem;
    color: var(--light-text);
    background-color: rgba(255, 255, 255, 0.05);
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

.product-rating[b-la73p4y717] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stars[b-la73p4y717] {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.rating-count[b-la73p4y717] {
    color: var(--light-text);
    font-size: 0.8rem;
}

.product-price[b-la73p4y717] {
    margin-bottom: 1rem;
}

.current-price[b-la73p4y717] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.1rem;
}

/* #endregion */

/* #region Pagination button resets */

.pagination-arrow[b-la73p4y717],
.pagination-number[b-la73p4y717] {
    border: none;
    font-family: inherit;
    font-size: inherit;
    user-select: none;
    -webkit-user-select: none;
}

/* #endregion */

@media (max-width: 768px) {
    .shop-filter-container[b-la73p4y717] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-options[b-la73p4y717] {
        width: 100%;
        justify-content: space-between;
    }

    .search-filter[b-la73p4y717] {
        width: 100%;
    }

    .search-filter input[b-la73p4y717] {
        width: 100%;
    }

    .products-grid[b-la73p4y717] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1.5rem;
    }

    .pagination[b-la73p4y717] {
        flex-wrap: wrap;
        gap: 0.5rem 0.75rem;
    }

    .pagination-numbers[b-la73p4y717] {
        order: -1;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pagination-number[b-la73p4y717] {
        width: 36px;
        height: 36px;
    }

    .pagination-arrow[b-la73p4y717] {
        flex: 1;
        text-align: center;
        padding: 8px 10px;
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .filter-options[b-la73p4y717] {
        flex-direction: column;
    }

    .filter-dropdown select[b-la73p4y717] {
        width: 100%;
    }

    .products-grid[b-la73p4y717] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SuccessfulOrder/Main.razor.rz.scp.css */
/* No page-level styles needed — all styles live in the scoped sub-component CSS files */
/* /Components/Pages/SuccessfulOrder/SuccessSection.razor.rz.scp.css */
/* =============================================
   SUCCESS SECTION
   ============================================= */

.success-section[b-mco9egdvhu] {
    padding: 4rem 0 6rem;
    min-height: 80vh;
}

/* =============================================
   LOADING STATE
   ============================================= */

.loading-state[b-mco9egdvhu] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vh;
}

.loading-spinner[b-mco9egdvhu] {
    width: 56px;
    height: 56px;
    border: 4px solid var(--border-color);
    border-top-color: var(--primary-color);
    border-radius: 50%;
    animation: spin-b-mco9egdvhu 0.9s linear infinite;
}

@keyframes spin-b-mco9egdvhu {
    to { transform: rotate(360deg); }
}

/* =============================================
   SUCCESS HERO
   ============================================= */

.success-hero[b-mco9egdvhu] {
    text-align: center;
    margin-bottom: 3rem;
}

.success-icon[b-mco9egdvhu] {
    font-size: 5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    animation: pop-in-b-mco9egdvhu 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@keyframes pop-in-b-mco9egdvhu {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.success-title[b-mco9egdvhu] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 0.75rem;
}

.success-subtitle[b-mco9egdvhu] {
    font-size: 1.15rem;
    color: var(--light-text);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
}

/* =============================================
   ORDER CARD
   ============================================= */

.order-card[b-mco9egdvhu] {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 2.5rem;
    margin-bottom: 3rem;
}

.order-card-header[b-mco9egdvhu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid var(--border-color);
}

.order-number-row[b-mco9egdvhu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.order-number-row h2[b-mco9egdvhu] {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
}

.status-badge[b-mco9egdvhu] {
    display: inline-block;
    padding: 0.3rem 0.9rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    background: rgba(0, 200, 83, 0.15);
    color: #00c853;
    letter-spacing: 0.5px;
}

.order-date[b-mco9egdvhu] {
    font-size: 0.9rem;
    color: var(--light-text);
}

/* =============================================
   INFO GRID
   ============================================= */

.info-grid[b-mco9egdvhu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.info-card[b-mco9egdvhu] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.info-icon[b-mco9egdvhu] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
}

.info-content h3[b-mco9egdvhu] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--light-text);
    margin: 0 0 0.4rem;
}

.info-content p[b-mco9egdvhu] {
    font-size: 0.9rem;
    color: var(--text-color);
    margin: 0.15rem 0;
    line-height: 1.4;
}

/* =============================================
   ORDER ITEMS
   ============================================= */

.order-items-section[b-mco9egdvhu] {
    border-top: 1px solid var(--border-color);
    padding-top: 2rem;
}

.order-items-section h3[b-mco9egdvhu] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.order-items-list[b-mco9egdvhu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.order-item[b-mco9egdvhu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.item-image[b-mco9egdvhu] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.item-image-placeholder[b-mco9egdvhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    color: var(--light-text);
    font-size: 1.5rem;
}

.item-details[b-mco9egdvhu] {
    flex: 1;
    min-width: 0;
}

.item-details h4[b-mco9egdvhu] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-qty[b-mco9egdvhu] {
    font-size: 0.875rem;
    color: var(--light-text);
}

.item-total[b-mco9egdvhu] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary-color);
    flex-shrink: 0;
}

/* =============================================
   ORDER TOTALS
   ============================================= */

.order-totals[b-mco9egdvhu] {
    max-width: 380px;
    margin-left: auto;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.total-row[b-mco9egdvhu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0;
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.total-row:last-child[b-mco9egdvhu] {
    border-bottom: none;
}

.total-row-grand[b-mco9egdvhu] {
    padding-top: 0.85rem;
    margin-top: 0.25rem;
    border-top: 2px solid var(--border-color);
    font-size: 1.15rem;
    font-weight: 700;
}

.total-row-grand span:last-child[b-mco9egdvhu] {
    color: var(--primary-color);
}

/* =============================================
   ORDER NOT FOUND
   ============================================= */

.order-not-found[b-mco9egdvhu] {
    text-align: center;
    padding: 3rem 2rem;
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    margin-bottom: 3rem;
}

.order-not-found i[b-mco9egdvhu] {
    font-size: 3rem;
    color: var(--light-text);
    margin-bottom: 1rem;
}

.order-not-found h2[b-mco9egdvhu] {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

.order-not-found p[b-mco9egdvhu] {
    color: var(--light-text);
    font-size: 1rem;
    line-height: 1.6;
}

/* =============================================
   NEXT STEPS
   ============================================= */

.next-steps[b-mco9egdvhu] {
    margin-bottom: 3rem;
}

.next-steps h2[b-mco9egdvhu] {
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}

.steps-grid[b-mco9egdvhu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.step-card[b-mco9egdvhu] {
    display: flex;
    gap: 1.25rem;
    padding: 1.75rem;
    background: var(--card-background);
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

.step-number[b-mco9egdvhu] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
}

.step-content h3[b-mco9egdvhu] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.step-content p[b-mco9egdvhu] {
    font-size: 0.9rem;
    color: var(--light-text);
    line-height: 1.6;
    margin: 0;
}

/* =============================================
   ACTION BUTTONS
   ============================================= */

.action-buttons[b-mco9egdvhu] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary[b-mco9egdvhu],
.btn-secondary[b-mco9egdvhu] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.9rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    border: 2px solid transparent;
}

.btn-primary[b-mco9egdvhu] {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    color: #fff;
}

.btn-primary:hover[b-mco9egdvhu] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(233, 83, 13, 0.35);
}

.btn-secondary[b-mco9egdvhu] {
    background: transparent;
    color: var(--text-color);
    border-color: var(--border-color);
}

.btn-secondary:hover[b-mco9egdvhu] {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 768px) {
    .success-section[b-mco9egdvhu] {
        padding: 2.5rem 0 4rem;
    }

    .success-title[b-mco9egdvhu] {
        font-size: 1.75rem;
    }

    .success-icon[b-mco9egdvhu] {
        font-size: 3.5rem;
    }

    .order-card[b-mco9egdvhu] {
        padding: 1.5rem;
    }

    .order-card-header[b-mco9egdvhu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .info-grid[b-mco9egdvhu] {
        grid-template-columns: 1fr;
    }

    .order-item[b-mco9egdvhu] {
        flex-wrap: wrap;
    }

    .item-image[b-mco9egdvhu],
    .item-image-placeholder[b-mco9egdvhu] {
        width: 60px;
        height: 60px;
    }

    .order-totals[b-mco9egdvhu] {
        max-width: 100%;
    }

    .steps-grid[b-mco9egdvhu] {
        grid-template-columns: 1fr;
    }

    .action-buttons[b-mco9egdvhu] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-primary[b-mco9egdvhu],
    .btn-secondary[b-mco9egdvhu] {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .success-title[b-mco9egdvhu] {
        font-size: 1.5rem;
    }

    .order-number-row h2[b-mco9egdvhu] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/User/Main.razor.rz.scp.css */
/* Main.razor renders only layout components (Header, UserSection, Footer).
   All section-specific styles are in their respective component CSS files. */
/* /Components/Pages/User/UserSection.razor.rz.scp.css */
/* #region Layout */

.user-section[b-xn3p2pgtzj] {
    padding: 4rem 0;
}

.page-title[b-xn3p2pgtzj] {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
}

.user-dashboard[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
}

/* #endregion */

/* #region Sidebar */

.user-sidebar[b-xn3p2pgtzj] {
    padding: 2rem;
    height: fit-content;
    position: sticky;
    top: 100px;
}

.user-profile[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-color);
}

.user-avatar[b-xn3p2pgtzj] {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border: 3px solid var(--primary-color);
}

    .user-avatar img[b-xn3p2pgtzj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.change-avatar-btn[b-xn3p2pgtzj] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    padding: 5px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .change-avatar-btn:hover[b-xn3p2pgtzj] {
        background-color: var(--primary-color);
    }

.user-name[b-xn3p2pgtzj] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.user-email[b-xn3p2pgtzj] {
    color: var(--light-text);
    margin-bottom: 0.5rem;
}

.user-since[b-xn3p2pgtzj] {
    font-size: 0.9rem;
    color: var(--light-text);
}

.user-nav ul[b-xn3p2pgtzj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    .user-nav ul li[b-xn3p2pgtzj] {
        margin-bottom: 0.8rem;
    }

        .user-nav ul li a[b-xn3p2pgtzj] {
            display: block;
            padding: 10px 15px;
            border-radius: 8px;
            transition: all 0.3s ease;
            color: var(--text-color);
            cursor: pointer;
        }

            .user-nav ul li a:hover[b-xn3p2pgtzj] {
                background-color: rgba(255, 255, 255, 0.1);
                color: var(--primary-color);
            }

            .user-nav ul li a.active[b-xn3p2pgtzj] {
                background-color: var(--primary-color);
                color: white;
            }

                .user-nav ul li a.active[b-xn3p2pgtzj]::after {
                    display: none !important;
                }

.logout-link[b-xn3p2pgtzj] {
    color: var(--light-text);
    margin-top: 1rem;
}

    .logout-link:hover[b-xn3p2pgtzj] {
        color: var(--error-color);
    }

/* #endregion */

/* #region Content & Tabs */

.user-content[b-xn3p2pgtzj] {
    min-height: 600px;
}

.user-tab[b-xn3p2pgtzj] {
    display: none;
}

    .user-tab.active[b-xn3p2pgtzj] {
        display: block;
    }

.tab-header[b-xn3p2pgtzj] {
    padding: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

    .tab-header h2[b-xn3p2pgtzj] {
        margin-bottom: 0.5rem;
    }

    .tab-header p[b-xn3p2pgtzj] {
        color: var(--light-text);
    }

/* #endregion */

/* #region Dashboard Tab */

.dashboard-welcome[b-xn3p2pgtzj] {
    padding: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

.dashboard-sections[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.dashboard-section[b-xn3p2pgtzj] {
    padding: 2rem;
}

    .dashboard-section h3[b-xn3p2pgtzj] {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--border-color);
    }

.recent-orders[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.recent-order-item[b-xn3p2pgtzj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
    gap: 1rem;
}

    .recent-order-item:last-child[b-xn3p2pgtzj] {
        border-bottom: none;
    }

.recent-order-info[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
}

.recent-order-total[b-xn3p2pgtzj] {
    font-weight: 600;
    color: var(--secondary-color);
    white-space: nowrap;
}

.no-orders[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 0;
    color: var(--light-text);
    gap: 0.5rem;
}

    .no-orders i[b-xn3p2pgtzj] {
        font-size: 2rem;
        color: var(--border-color);
        margin-bottom: 0.5rem;
    }

    .no-orders p[b-xn3p2pgtzj] {
        margin: 0;
        font-weight: 500;
        color: var(--text-color);
    }

.no-orders-desc[b-xn3p2pgtzj] {
    font-size: 0.85rem;
    color: var(--light-text) !important;
    font-weight: 400 !important;
}

.order-item[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

    .order-item:last-child[b-xn3p2pgtzj] {
        border-bottom: none;
    }

.order-header[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
}

.order-number[b-xn3p2pgtzj] {
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.order-date[b-xn3p2pgtzj] {
    font-size: 0.9rem;
    color: var(--light-text);
}

.order-status[b-xn3p2pgtzj] {
    text-align: center;
}

.view-all[b-xn3p2pgtzj] {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
    color: var(--primary-color);
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    padding: 0;
}

    .view-all:hover[b-xn3p2pgtzj] {
        text-decoration: underline;
        color: var(--accent-color);
    }

.address-preview[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.address-preview-item[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

    .address-preview-item:last-child[b-xn3p2pgtzj] {
        border-bottom: none;
    }

.address-preview-label[b-xn3p2pgtzj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-color);
}

    .address-preview-label i[b-xn3p2pgtzj] {
        color: var(--primary-color);
        width: 14px;
        text-align: center;
    }

.address-preview-text[b-xn3p2pgtzj] {
    font-size: 0.85rem;
    color: var(--light-text);
    padding-left: 1.4rem;
}

.address-preview-location[b-xn3p2pgtzj] {
    font-size: 0.8rem;
    color: var(--light-text);
    padding-left: 1.4rem;
}

.address-card h4[b-xn3p2pgtzj] {
    margin-bottom: 0.8rem;
    text-align: center;
    font-size: 1rem;
}

.address-card p[b-xn3p2pgtzj] {
    font-size: 0.8rem;
    text-align: center;
    line-height: 1.2;
}

/* #endregion */

/* #region Orders Tab */

.orders-filter[b-xn3p2pgtzj] {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-group[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .filter-group label[b-xn3p2pgtzj] {
        font-size: 0.9rem;
        color: var(--light-text);
    }

    .filter-group select[b-xn3p2pgtzj],
    .filter-group input[b-xn3p2pgtzj] {
        padding: 10px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        min-width: 150px;
    }

    .filter-group.search[b-xn3p2pgtzj] {
        position: relative;
        flex: 1;
        min-width: 200px;
    }

        .filter-group.search input[b-xn3p2pgtzj] {
            width: 100%;
            padding-right: 40px;
        }

.search-btn[b-xn3p2pgtzj] {
    position: absolute;
    right: 10px;
    bottom: 8px;
    background: none;
    border: none;
    color: var(--light-text);
    cursor: pointer;
    font-size: 1rem;
}

.orders-list[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.order-card[b-xn3p2pgtzj] {
    padding: 2rem;
}

.order-card-header[b-xn3p2pgtzj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.order-items[b-xn3p2pgtzj] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) var(--card-background);
}

    .order-items[b-xn3p2pgtzj]::-webkit-scrollbar {
        height: 6px;
    }

    .order-items[b-xn3p2pgtzj]::-webkit-scrollbar-track {
        background: var(--card-background);
    }

    .order-items[b-xn3p2pgtzj]::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
        border-radius: 6px;
    }

.order-item-preview[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
}

.preview-image[b-xn3p2pgtzj] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0.8rem;
    border: 1px solid var(--border-color);
}

.preview-title[b-xn3p2pgtzj] {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.preview-meta[b-xn3p2pgtzj] {
    font-size: 0.8rem;
    color: var(--light-text);
}

.order-footer[b-xn3p2pgtzj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.order-total[b-xn3p2pgtzj] {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.order-view[b-xn3p2pgtzj] {
    text-align: right;
    color: var(--primary-color);
    font-weight: 500;
}

    .order-view:hover[b-xn3p2pgtzj] {
        text-decoration: underline;
    }

.order-actions[b-xn3p2pgtzj] {
    display: flex;
    gap: 1rem;
}

/* #endregion */

/* #region Status Badges */

.status[b-xn3p2pgtzj] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

    .status.pending[b-xn3p2pgtzj] {
        background-color: rgba(255, 193, 7, 0.2);
        color: var(--warning-color);
    }

    .status.processing[b-xn3p2pgtzj] {
        background-color: rgba(255, 193, 7, 0.2);
        color: var(--warning-color);
    }

    .status.shipped[b-xn3p2pgtzj] {
        background-color: rgba(33, 150, 243, 0.2);
        color: #2196F3;
    }

    .status.delivered[b-xn3p2pgtzj] {
        background-color: rgba(76, 175, 80, 0.2);
        color: var(--success-color);
    }

    .status.cancelled[b-xn3p2pgtzj] {
        background-color: rgba(255, 82, 82, 0.2);
        color: var(--error-color);
    }

    .status.active[b-xn3p2pgtzj] {
        background-color: rgba(76, 175, 80, 0.2);
        color: var(--success-color);
    }

    .status.low-stock[b-xn3p2pgtzj] {
        background-color: rgba(255, 193, 7, 0.2);
        color: var(--warning-color);
    }

    .status.unknown[b-xn3p2pgtzj] {
        background-color: rgba(255, 0, 0, 0.2);
        color: var(--error-color);
    }

.in-stock[b-xn3p2pgtzj] {
    color: var(--success-color);
}

.low-stock[b-xn3p2pgtzj] {
    color: var(--warning-color);
}

.out-of-stock[b-xn3p2pgtzj] {
    color: var(--error-color);
}

/* #endregion */

/* #region Addresses Tab */

.addresses-container[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.address-card[b-xn3p2pgtzj] {
    padding: 1.5rem;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.address-card-header[b-xn3p2pgtzj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.address-type-badge[b-xn3p2pgtzj] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

    .address-type-badge.shipping[b-xn3p2pgtzj] {
        background-color: rgba(33, 150, 243, 0.2);
        color: #2196F3;
    }

    .address-type-badge.billing[b-xn3p2pgtzj] {
        background-color: rgba(76, 175, 80, 0.2);
        color: var(--success-color);
    }

    .address-type-badge.unknown[b-xn3p2pgtzj] {
        background-color: rgba(255, 193, 7, 0.2);
        color: var(--warning-color);
    }

.address-card-actions[b-xn3p2pgtzj] {
    display: flex;
    gap: 0.5rem;
}

.address-card-line[b-xn3p2pgtzj] {
    font-size: 0.9rem;
    color: var(--light-text);
    margin: 0.2rem 0;
}

.no-orders--fullwidth[b-xn3p2pgtzj] {
    grid-column: 1 / -1;
}

.addresses-add-row[b-xn3p2pgtzj] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.address-card-actions .btn-secondary[b-xn3p2pgtzj] {
    padding: 8px 16px;
    font-size: 0.85rem;
}

.btn-delete[b-xn3p2pgtzj] {
    display: inline-block;
    background-color: transparent;
    color: var(--error-color);
    padding: 8px 16px;
    border-radius: 30px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid var(--error-color);
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
}

    .btn-delete:hover[b-xn3p2pgtzj] {
        background-color: var(--error-color);
        color: #fff;
    }

/* #endregion */

/* #region Forms */

.form-row[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

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

    .form-group label[b-xn3p2pgtzj] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    .form-group input[b-xn3p2pgtzj],
    .form-group select[b-xn3p2pgtzj],
    .form-group textarea[b-xn3p2pgtzj] {
        width: 100%;
        padding: 12px 15px;
        background-color: var(--input-background);
        border: 1px solid var(--input-border);
        border-radius: 8px;
        color: var(--text-color);
        font-family: 'Poppins', sans-serif;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .form-group input:focus[b-xn3p2pgtzj],
        .form-group select:focus[b-xn3p2pgtzj],
        .form-group textarea:focus[b-xn3p2pgtzj] {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px var(--input-focus);
        }

    .form-group.checkbox[b-xn3p2pgtzj] {
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }

        .form-group.checkbox input[b-xn3p2pgtzj] {
            width: auto;
        }

        .form-group.checkbox label[b-xn3p2pgtzj] {
            margin-bottom: 0;
        }

.form-actions[b-xn3p2pgtzj] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
}

/* #endregion */

/* #region Wishlist Tab */

.wishlist-container[b-xn3p2pgtzj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}

.wishlist-item[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    transition: all 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

    .wishlist-item.removing[b-xn3p2pgtzj] {
        opacity: 0;
        transform: translateY(20px);
    }

.wishlist-image[b-xn3p2pgtzj] {
    width: 150px;
    height: 150px;
    margin: 0 auto 1.5rem;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.wishlist-content[b-xn3p2pgtzj] {
    text-align: center;
}

    .wishlist-content h3[b-xn3p2pgtzj] {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }

.wishlist-price[b-xn3p2pgtzj] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 0.8rem;
}

.wishlist-stock[b-xn3p2pgtzj] {
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

    .wishlist-stock.in-stock[b-xn3p2pgtzj] {
        color: var(--success-color);
    }

    .wishlist-stock.out-of-stock[b-xn3p2pgtzj] {
        color: var(--error-color);
    }

.wishlist-actions[b-xn3p2pgtzj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* #endregion */

/* #region Account Tab */

.account-form-container[b-xn3p2pgtzj],
.password-form-container[b-xn3p2pgtzj] {
    padding: 2rem;
    margin-bottom: 2rem;
}

    .account-form-container h3[b-xn3p2pgtzj],
    .password-form-container h3[b-xn3p2pgtzj] {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--border-color);
    }

/* #endregion */

/* #region Animations */

@keyframes fadeOutUp-b-xn3p2pgtzj {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.removing[b-xn3p2pgtzj] {
    animation: fadeOutUp-b-xn3p2pgtzj 0.3s ease forwards;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .user-dashboard[b-xn3p2pgtzj] {
        grid-template-columns: 1fr;
    }

    .user-sidebar[b-xn3p2pgtzj] {
        position: relative;
        top: 0;
        margin-bottom: 2rem;
    }

    .dashboard-sections[b-xn3p2pgtzj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .order-card-header[b-xn3p2pgtzj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .order-footer[b-xn3p2pgtzj] {
        flex-direction: column;
        gap: 1rem;
    }

    .order-actions[b-xn3p2pgtzj] {
        width: 100%;
    }

        .order-actions .btn[b-xn3p2pgtzj] {
            flex: 1;
            text-align: center;
        }

    .form-actions[b-xn3p2pgtzj] {
        flex-direction: column;
    }

        .form-actions button[b-xn3p2pgtzj] {
            width: 100%;
        }

    .order-item[b-xn3p2pgtzj] {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .order-status[b-xn3p2pgtzj],
    .order-total[b-xn3p2pgtzj],
    .order-view[b-xn3p2pgtzj] {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .user-profile[b-xn3p2pgtzj] {
        flex-direction: column;
    }

    .orders-filter[b-xn3p2pgtzj] {
        flex-direction: column;
    }

    .filter-group[b-xn3p2pgtzj] {
        width: 100%;
    }
}

/* #endregion */
/* /Components/Parts/AddressEditorPopup.razor.rz.scp.css */
/* ============================================================
   AddressEditorPopup.css
   ============================================================ */

.addr-editor-overlay[b-8eix6jw4dh] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: fadeIn 0.2s ease;
}

.addr-editor-modal[b-8eix6jw4dh] {
    width: 100%;
    max-width: 600px;
    max-height: calc(100dvh - 2rem);
    background: rgba(18, 18, 18, 0.97);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ---- Header ---- */

.addr-editor-header[b-8eix6jw4dh] {
    padding: 1.5rem 2rem 1.25rem;
    background: linear-gradient(160deg, rgba(233, 83, 13, 0.12) 0%, transparent 60%);
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.addr-editor-title[b-8eix6jw4dh] {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0;
}

/* ---- Body ---- */

.addr-editor-body[b-8eix6jw4dh] {
    padding: 1.5rem 2rem;
    overflow-y: auto;
    flex: 1 1 auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(233, 83, 13, 0.4) transparent;
}

    .addr-editor-body[b-8eix6jw4dh]::-webkit-scrollbar {
        width: 4px;
    }

    .addr-editor-body[b-8eix6jw4dh]::-webkit-scrollbar-track {
        background: transparent;
    }

    .addr-editor-body[b-8eix6jw4dh]::-webkit-scrollbar-thumb {
        background: rgba(233, 83, 13, 0.4);
        border-radius: 4px;
    }

.addr-editor-form[b-8eix6jw4dh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.addr-editor-row[b-8eix6jw4dh] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.addr-editor-group[b-8eix6jw4dh] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.addr-editor-group--grow[b-8eix6jw4dh] {
    flex: 1 1 120px;
}

.addr-editor-group--small[b-8eix6jw4dh] {
    flex: 0 0 130px;
}

.addr-editor-group--xsmall[b-8eix6jw4dh] {
    flex: 0 0 90px;
}

.addr-editor-label[b-8eix6jw4dh] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--light-text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.addr-editor-input[b-8eix6jw4dh] {
    background: var(--input-background);
    border: 1.5px solid var(--input-border);
    border-radius: 10px;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    padding: 0.6rem 0.875rem;
    transition: border-color 0.2s ease, background 0.2s ease;
    width: 100%;
    outline: none;
}

    .addr-editor-input[b-8eix6jw4dh]::placeholder {
        color: rgba(160, 160, 160, 0.5);
    }

    .addr-editor-input:focus[b-8eix6jw4dh] {
        border-color: var(--input-focus);
        background: rgba(255, 255, 255, 0.08);
    }

/* ---- Footer ---- */

.addr-editor-footer[b-8eix6jw4dh] {
    padding: 1.25rem 2rem 1.75rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    border-top: 1px solid var(--border-color);
    flex-shrink: 0;
}

.addr-editor-btn[b-8eix6jw4dh] {
    padding: 0.65rem 1.5rem;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease, opacity 0.2s ease;
}

    .addr-editor-btn:active[b-8eix6jw4dh] {
        transform: scale(0.97);
    }

.addr-editor-btn--cancel[b-8eix6jw4dh] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--light-text);
    border: 1.5px solid var(--border-color);
}

    .addr-editor-btn--cancel:hover[b-8eix6jw4dh] {
        background: rgba(255, 255, 255, 0.13);
        color: var(--text-color);
    }

.addr-editor-btn--save[b-8eix6jw4dh] {
    background: var(--primary-color);
    color: #fff;
}

    .addr-editor-btn--save:hover[b-8eix6jw4dh] {
        background: var(--accent-color);
    }

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 480px) {
    .addr-editor-modal[b-8eix6jw4dh] {
        border-radius: 16px;
    }

    .addr-editor-header[b-8eix6jw4dh] {
        padding: 1.25rem 1.25rem 1rem;
    }

    .addr-editor-title[b-8eix6jw4dh] {
        font-size: 1.2rem;
    }

    .addr-editor-body[b-8eix6jw4dh] {
        padding: 1.25rem;
    }

    .addr-editor-group--small[b-8eix6jw4dh],
    .addr-editor-group--xsmall[b-8eix6jw4dh] {
        flex: 1 1 80px;
    }

    .addr-editor-footer[b-8eix6jw4dh] {
        padding: 1rem 1.25rem 1.5rem;
    }
}
/* /Components/Parts/Alert.razor.rz.scp.css */
/* #region TOAST ALERTS */

.toast-alert-container[b-q59zib4n7h] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999; /* Mindig legfelül */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 90%; /* Mobil optimalizáció */
    max-width: 400px;
    pointer-events: none; /* A konténeren át lehet kattintani, ha nincs ott alert */
}

.toast-alert-box[b-q59zib4n7h] {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-shadow: 0 4px 15px var(--shadow-color);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: auto; /* Magára az alertre már lehessen kattintani */
    border-left: 4px solid var(--primary-color);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

    /* Típusok szerinti bal oldali szegély színezés a te root változóidból */
    .toast-alert-box.type-info[b-q59zib4n7h] {
        border-left-color: var(--badge-new);
    }

    .toast-alert-box.type-success[b-q59zib4n7h] {
        border-left-color: var(--success-color);
    }

    .toast-alert-box.type-warning[b-q59zib4n7h] {
        border-left-color: var(--warning-color);
    }

    .toast-alert-box.type-error[b-q59zib4n7h] {
        border-left-color: var(--error-color);
    }

.toast-alert-content[b-q59zib4n7h] {
    flex-grow: 1;
    word-break: break-word;
}

.toast-alert-close[b-q59zib4n7h] {
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: var(--light-text);
    margin-left: 15px;
    transition: color 0.2s ease;
    user-select: none;
}

    .toast-alert-close:hover[b-q59zib4n7h] {
        color: var(--accent-color);
    }

/* Animációk (Vajpuha rugózó belépés) */
.toast-slide-in[b-q59zib4n7h] {
    animation: toastSlideIn-b-q59zib4n7h 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.toast-slide-out[b-q59zib4n7h] {
    animation: toastSlideOut-b-q59zib4n7h 0.3s ease-in forwards;
}

@keyframes toastSlideIn-b-q59zib4n7h {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toastSlideOut-b-q59zib4n7h {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
}

/* #endregion */
/* /Components/Parts/Confirmator.razor.rz.scp.css */
/* #region CONFIRMATOR */

.confirmator[b-ginh0wn1m0] {
}

    .confirmator .confirm-backdrop[b-ginh0wn1m0] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2000;
    }

    .confirmator .confirm-box[b-ginh0wn1m0] {
        background: var(--card-background);
        padding: 20px;
        border-radius: 8px;
        min-width: 300px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        animation: fadeIn 0.2s;
    }

    .confirmator .confirm-title[b-ginh0wn1m0] {
        margin-top: 0;
        margin-bottom: 10px;
        color: var(--primary-color);
    }

    .confirmator .confirm-message[b-ginh0wn1m0] {
        margin-bottom: 20px;
        color: var(--secondary-color);
    }

    .confirmator .confirm-buttons[b-ginh0wn1m0] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }

    .confirmator .btn-cancel[b-ginh0wn1m0] {
        background: #ddd;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
    }

    .confirmator .btn-ok[b-ginh0wn1m0] {
        background: var(--primary-color);
        color: white;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
    }

        .confirmator .btn-ok:hover[b-ginh0wn1m0] {
            background: var(--accent-color);
        }

/* #endregion */
/* /Components/Parts/CountrySelectorPopup.razor.rz.scp.css */
/* ============================================================
   CountryPopup.css
   Country selector popup overlay — mobile-first, dark theme
   ============================================================ */

.country-popup-overlay[b-51pdkktz2x] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.country-popup-modal[b-51pdkktz2x] {
    width: 100%;
    max-width: 520px;
    max-height: calc(100dvh - 2rem);
    background: rgba(18, 18, 18, 0.95);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ---- Header ---- */

.country-popup-header[b-51pdkktz2x] {
    padding: 2rem 2rem 1.25rem;
    text-align: center;
    background: linear-gradient(160deg, rgba(233, 83, 13, 0.12) 0%, transparent 60%);
    border-bottom: 1px solid var(--border-color);
}

.country-popup-icon[b-51pdkktz2x] {
    width: 56px;
    height: 56px;
    margin: 0 auto 1rem;
    background: rgba(233, 83, 13, 0.15);
    border: 1px solid rgba(233, 83, 13, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .country-popup-icon img[b-51pdkktz2x] {
        width: 28px;
        height: 28px;
        object-fit: contain;
    }

.country-popup-title[b-51pdkktz2x] {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0 0 0.5rem;
}

.country-popup-subtitle[b-51pdkktz2x] {
    font-size: 0.9rem;
    color: var(--light-text);
    line-height: 1.6;
    margin: 0;
}

/* ---- Body ---- */

.country-popup-body[b-51pdkktz2x] {
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-height: 0; /* allow flex child to shrink */
    flex: 1 1 auto;
    overflow: hidden;
}

.country-popup-grid[b-51pdkktz2x] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    overflow-y: auto;
    max-height: 320px;
    padding-right: 0.25rem; /* breathing room for scrollbar */
    scrollbar-width: thin;
    scrollbar-color: rgba(233, 83, 13, 0.4) transparent;
}

    .country-popup-grid[b-51pdkktz2x]::-webkit-scrollbar {
        width: 4px;
    }

    .country-popup-grid[b-51pdkktz2x]::-webkit-scrollbar-track {
        background: transparent;
    }

    .country-popup-grid[b-51pdkktz2x]::-webkit-scrollbar-thumb {
        background: rgba(233, 83, 13, 0.4);
        border-radius: 4px;
    }

.country-popup-option[b-51pdkktz2x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: 12px;
    border: 1.5px solid var(--border-color);
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    user-select: none;
}

    .country-popup-option:hover[b-51pdkktz2x] {
        border-color: rgba(233, 83, 13, 0.5);
        background: rgba(233, 83, 13, 0.06);
        transform: translateY(-1px);
    }

    .country-popup-option.selected[b-51pdkktz2x] {
        border-color: var(--primary-color);
        background: rgba(233, 83, 13, 0.12);
    }

.country-popup-option-flag img[b-51pdkktz2x] {
    width: 32px;
    height: 22px;
    object-fit: cover;
    border-radius: 3px;
    display: block;
}

.country-popup-option-name[b-51pdkktz2x] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-color);
}

.country-popup-option-check[b-51pdkktz2x] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: var(--primary-color);
    flex-shrink: 0;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.country-popup-option.selected .country-popup-option-check[b-51pdkktz2x] {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.country-popup-delivery-note[b-51pdkktz2x] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--light-text);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0;
    line-height: 1.5;
}

.country-popup-info-icon[b-51pdkktz2x] {
    font-size: 0.95rem;
    color: var(--primary-color);
    flex-shrink: 0;
    margin-top: 1px;
    line-height: 1;
}

/* ---- Footer ---- */

.country-popup-footer[b-51pdkktz2x] {
    padding: 1.25rem 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid var(--border-color);
}

.country-popup-confirm-btn[b-51pdkktz2x] {
    width: 100%;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
    transition: background 0.2s ease, transform 0.15s ease, opacity 0.2s ease;
}

    .country-popup-confirm-btn:disabled[b-51pdkktz2x] {
        opacity: 0.45;
        cursor: not-allowed;
        transform: none;
    }

.country-popup-change-note[b-51pdkktz2x] {
    font-size: 0.78rem;
    color: var(--light-text);
    text-align: center;
    margin: 0;
}

/* ============================================================
   Responsive — single column on narrow screens
   ============================================================ */

@media (max-width: 480px) {
    .country-popup-modal[b-51pdkktz2x] {
        border-radius: 16px;
    }

    .country-popup-header[b-51pdkktz2x] {
        padding: 1.5rem 1.25rem 1rem;
    }

    .country-popup-title[b-51pdkktz2x] {
        font-size: 1.25rem;
    }

    .country-popup-body[b-51pdkktz2x] {
        padding: 1.25rem;
    }

    .country-popup-grid[b-51pdkktz2x] {
        grid-template-columns: 1fr;
        max-height: 260px;
    }

    .country-popup-footer[b-51pdkktz2x] {
        padding: 1rem 1.25rem 1.5rem;
    }
}
/* /Components/Parts/Footer.razor.rz.scp.css */
/* Footer */
footer[b-l18kgneupe] {
    background-color: var(--darker-background);
    color: white;
    padding: 5rem 0 2rem;
    border-top: 1px solid var(--border-color);
}

.footer-grid[b-l18kgneupe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-column h3[b-l18kgneupe], .footer-column h4[b-l18kgneupe] {
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.footer-column ul[b-l18kgneupe] {
    list-style: none;
}

    .footer-column ul li[b-l18kgneupe] {
        margin-bottom: 0.8rem;
    }

        .footer-column ul li a[b-l18kgneupe] {
            color: #ccc;
            transition: color 0.3s ease;
        }

            .footer-column ul li a:hover[b-l18kgneupe] {
                color: var(--primary-color);
            }

.social-icons[b-l18kgneupe] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-icon[b-l18kgneupe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

    .social-icon:hover[b-l18kgneupe] {
        background-color: var(--primary-color);
    }

.footer-bottom[b-l18kgneupe] {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #999;
    font-size: 0.9rem;
}
/* /Components/Parts/Header.razor.rz.scp.css */
/* Header Styles - Updated with logo and icons */
header[b-6s1sprqdsz] {
    background-color: rgba(0, 0, 0, 0.8); /* Using the new black background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px var(--shadow-color);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

    header .container[b-6s1sprqdsz] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 15px;
        transition: all 0.3s ease;
    }

/* Logo with image */
.logo[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.logo-image[b-6s1sprqdsz] {
    height: 40px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
}

.logo h1[b-6s1sprqdsz] {
    font-size: 1.8rem;
    margin: 0;
    color: var(--primary-color); /* Using the new orange/red color */
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Navigation */
nav[b-6s1sprqdsz] {
    flex: 1;
    display: flex;
    justify-content: center;
}

    nav ul[b-6s1sprqdsz] {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        nav ul li[b-6s1sprqdsz] {
            margin: 0 0.8rem;
            transition: all 0.3s ease;
        }

            nav ul li a[b-6s1sprqdsz] {
                font-weight: 500;
                transition: color 0.3s ease;
                color: var(--text-color);
                text-decoration: none;
                position: relative;
                padding: 5px 0;
                white-space: nowrap;
            }

                nav ul li a:hover[b-6s1sprqdsz] {
                    color: var(--primary-color);
                }

                nav ul li a.active[b-6s1sprqdsz] {
                    color: var(--primary-color);
                    font-weight: 600;
                }

                    nav ul li a.active[b-6s1sprqdsz]::after {
                        content: '';
                        position: absolute;
                        bottom: -5px;
                        left: 0;
                        width: 100%;
                        height: 2px;
                        background-color: var(--primary-color);
                    }

/* Header Icons */
.header-icons[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: all 0.3s ease;
}

.header-icon[b-6s1sprqdsz] {
    position: relative;
    font-size: 1.2rem;
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

    .header-icon:hover[b-6s1sprqdsz] {
        color: var(--primary-color);
    }

    .header-icon img[b-6s1sprqdsz] {
        width: 25px;
        height: 25px;
        max-width: none;
        cursor: pointer;
    }

    .header-icon.flag img[b-6s1sprqdsz] {
        height: auto;
        border-radius: 10%;
    }

.cart-icon[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
}

.cart-count[b-6s1sprqdsz] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 0.7rem;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 992px) {
    .about-grid[b-6s1sprqdsz] {
        grid-template-columns: 1fr;
    }

    .about-image[b-6s1sprqdsz] {
        order: 2;
    }

    .about-content[b-6s1sprqdsz] {
        order: 1;
    }

    .newsletter-container[b-6s1sprqdsz] {
        flex-direction: column;
        text-align: center;
    }

    header .container[b-6s1sprqdsz] {
        flex-wrap: wrap;
    }

    .logo[b-6s1sprqdsz] {
        margin-bottom: 0.5rem;
    }

    nav[b-6s1sprqdsz] {
        order: 3;
        width: 100%;
        /*margin-top: 1rem;*/
    }

    .header-icons[b-6s1sprqdsz] {
        order: 2;
    }
}

@media (max-width: 768px) {

    header .container[b-6s1sprqdsz] {
        flex-direction: column;
    }

    nav ul[b-6s1sprqdsz] {
        /*margin-top: 1rem;*/
    }

        nav ul li[b-6s1sprqdsz] {
            margin: 0 0.5rem;
        }

    .hero-content h1[b-6s1sprqdsz] {
        font-size: 2.5rem;
    }

    .section-title[b-6s1sprqdsz] {
        font-size: 2rem;
    }

    nav ul[b-6s1sprqdsz] {
        justify-content: center;
        flex-wrap: wrap;
    }

        nav ul li[b-6s1sprqdsz] {
            margin: 0.5rem 0.8rem;
        }

    .header-icons[b-6s1sprqdsz] {
        gap: 1rem;
    }
}

@media (max-width: 576px) {
    nav ul[b-6s1sprqdsz] {
        flex-wrap: wrap;
        justify-content: center;
    }

        nav ul li[b-6s1sprqdsz] {
            margin: 0.5rem;
        }

    .hero-content h1[b-6s1sprqdsz] {
        font-size: 2rem;
    }

    .featured-item[b-6s1sprqdsz], .benefit-card[b-6s1sprqdsz], .testimonial-card[b-6s1sprqdsz] {
        padding: 1.5rem;
    }

    .newsletter-container[b-6s1sprqdsz] {
        padding: 2rem;
    }

    .logo[b-6s1sprqdsz] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
    }

        .logo h1[b-6s1sprqdsz] {
            font-size: 1.5rem;
        }

    header .container[b-6s1sprqdsz] {
        flex-direction: column;
    }

    .header-icons[b-6s1sprqdsz] {
        margin: 1rem 0;
    }

    header.scrolled[b-6s1sprqdsz] {
        padding: 0;
    }

        header.scrolled .container[b-6s1sprqdsz] {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        header.scrolled .logo-image[b-6s1sprqdsz] {
            height: 0px;
        }

        header.scrolled .logo h1[b-6s1sprqdsz] {
            font-size: 1rem;
        }

        header.scrolled nav ul li[b-6s1sprqdsz] {
            margin: 0rem 0.6rem;
            font-size: 0.7rem;
        }

        header.scrolled .header-icons[b-6s1sprqdsz] {
            display: none;
        }
}

/* ENHANCED: Advanced Search Container */
.search-container[b-6s1sprqdsz] {
    position: relative;
    flex: 1;
    max-width: 400px;
    margin: 0 2rem;
}

.search-wrapper[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    background-color: var(--input-background);
    border: 1px solid var(--input-border);
    border-radius: 25px;
    padding: 8px 15px;
    transition: all 0.3s ease;
}

    .search-wrapper:focus-within[b-6s1sprqdsz] {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 3px var(--input-focus);
    }

.search-input[b-6s1sprqdsz] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    outline: none;
}

    .search-input[b-6s1sprqdsz]::placeholder {
        color: var(--light-text);
    }

.search-btn[b-6s1sprqdsz], .search-filter-btn[b-6s1sprqdsz] {
    background: none;
    border: none;
    color: var(--light-text);
    cursor: pointer;
    padding: 5px;
    margin-left: 5px;
    border-radius: 50%;
    transition: all 0.3s ease;
    font-size: 1rem;
}

    .search-btn:hover[b-6s1sprqdsz], .search-filter-btn:hover[b-6s1sprqdsz] {
        color: var(--primary-color);
        background-color: rgba(255, 255, 255, 0.1);
    }

/* ENHANCED: Search Suggestions Dropdown */
.search-suggestions[b-6s1sprqdsz] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    margin-top: 5px;
    display: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

    .search-suggestions.show[b-6s1sprqdsz] {
        display: block;
        animation: slideDown-b-6s1sprqdsz 0.3s ease;
    }

.suggestions-header[b-6s1sprqdsz] {
    padding: 12px 15px;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.8rem;
    color: var(--light-text);
    font-weight: 600;
    text-transform: uppercase;
}

.suggestion-item[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    gap: 10px;
}

    .suggestion-item:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.1);
    }

.suggestion-icon[b-6s1sprqdsz] {
    font-size: 1rem;
    opacity: 0.7;
}

.suggestion-content[b-6s1sprqdsz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.suggestion-name[b-6s1sprqdsz] {
    flex: 1;
}

    .suggestion-name strong[b-6s1sprqdsz] {
        color: var(--primary-color);
    }

.suggestion-price[b-6s1sprqdsz] {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}

/* ENHANCED: Search Filters Panel */
.search-filters[b-6s1sprqdsz] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    margin-top: 5px;
    display: none;
    z-index: 1000;
    padding: 1.5rem;
}

    .search-filters.show[b-6s1sprqdsz] {
        display: block;
        animation: slideDown-b-6s1sprqdsz 0.3s ease;
    }

.filters-header[b-6s1sprqdsz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

    .filters-header span[b-6s1sprqdsz] {
        font-weight: 600;
        color: var(--primary-color);
    }

.close-filters[b-6s1sprqdsz] {
    background: none;
    border: none;
    color: var(--light-text);
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .close-filters:hover[b-6s1sprqdsz] {
        color: var(--primary-color);
    }


.filter-options[b-6s1sprqdsz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.filter-option[b-6s1sprqdsz] {
    padding: 6px 12px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    color: var(--text-color);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

    .filter-option:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: var(--primary-color);
    }

    .filter-option.active[b-6s1sprqdsz] {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: white;
    }

/* ENHANCED: Mobile Search Overlay */
.search-overlay[b-6s1sprqdsz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 2000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .search-overlay.show[b-6s1sprqdsz] {
        display: block;
        opacity: 1;
    }

.search-overlay-content[b-6s1sprqdsz] {
    padding: 2rem;
    height: 100%;
    overflow-y: auto;
}

.search-overlay-header[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.search-overlay-input[b-6s1sprqdsz] {
    flex: 1;
    background-color: var(--input-background);
    border: 1px solid var(--input-border);
    border-radius: 25px;
    padding: 15px 20px;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
}

    .search-overlay-input[b-6s1sprqdsz]::placeholder {
        color: var(--light-text);
    }

.close-search-overlay[b-6s1sprqdsz] {
    background: none;
    border: none;
    color: var(--light-text);
    font-size: 2rem;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .close-search-overlay:hover[b-6s1sprqdsz] {
        color: var(--primary-color);
    }

.search-overlay-suggestions[b-6s1sprqdsz] {
    display: grid;
    gap: 2rem;
}

.suggestion-category h4[b-6s1sprqdsz] {
    color: var(--primary-color);
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.suggestion-category .suggestion-item[b-6s1sprqdsz] {
    padding: 1rem;
    background-color: var(--card-background);
    border-radius: 8px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .suggestion-category .suggestion-item:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.1);
    }



/* Animations */
@keyframes slideDown-b-6s1sprqdsz {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero[b-6s1sprqdsz] {
        flex-direction: column;
        text-align: center;
    }

    .hero-content[b-6s1sprqdsz] {
        padding: 0;
        margin-bottom: 3rem;
    }

        .hero-content h1[b-6s1sprqdsz] {
            font-size: 2.5rem;
        }

    .about-content[b-6s1sprqdsz] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    header .container[b-6s1sprqdsz] {
        flex-wrap: wrap;
    }

    .search-container[b-6s1sprqdsz] {
        order: 3;
        width: 100%;
        margin: 1rem 0 0 0;
        max-width: none;
    }

    nav[b-6s1sprqdsz] {
        order: 2;
    }

    .header-icons[b-6s1sprqdsz] {
        order: 1;
    }
}

@media (max-width: 768px) {



    .search-container[b-6s1sprqdsz] {
        margin: 1rem 0;
        display: none;
    }

    .search-filters[b-6s1sprqdsz] {
        width: 100%;
        right: auto;
        left: 0;
    }

    .newsletter-container[b-6s1sprqdsz] {
        flex-direction: column;
        text-align: center;
    }

    nav ul[b-6s1sprqdsz] {
        justify-content: center;
        flex-wrap: wrap;
    }

        nav ul li[b-6s1sprqdsz] {
            margin: 0.5rem 0.8rem;
        }

    .header-icons[b-6s1sprqdsz] {
        gap: 1rem;
    }

    .products-grid[b-6s1sprqdsz] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .hero-buttons[b-6s1sprqdsz] {
        justify-content: center;
    }

    .search-input:focus[b-6s1sprqdsz] {
        pointer-events: none;
    }
}

@media (max-width: 576px) {
    .hero-content h1[b-6s1sprqdsz] {
        font-size: 2rem;
    }

    .newsletter-form .btn[b-6s1sprqdsz] {
        width: 100%;
    }

    .logo[b-6s1sprqdsz] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
    }

        .logo h1[b-6s1sprqdsz] {
            font-size: 1.5rem;
        }

    header .container[b-6s1sprqdsz] {
        flex-direction: column;
    }

    .header-icons[b-6s1sprqdsz] {
        margin: 1rem 0;
    }

    .search-wrapper[b-6s1sprqdsz] {
        padding: 10px 15px;
    }

    .search-input[b-6s1sprqdsz] {
        font-size: 1rem;
    }

    .products-grid[b-6s1sprqdsz] {
        grid-template-columns: 1fr;
    }
}

/* Header scroll behavior for mobile */
@media (max-width: 768px) {

    header.scrolled[b-6s1sprqdsz] {
        padding: 0;
    }

        header.scrolled .container[b-6s1sprqdsz] {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        header.scrolled .logo-image[b-6s1sprqdsz] {
            height: 30px;
        }

        header.scrolled .logo h1[b-6s1sprqdsz] {
            font-size: 1.4rem;
        }

        header.scrolled nav ul li[b-6s1sprqdsz] {
            margin: 0.3rem 0.6rem;
            font-size: 0.9rem;
        }

        header.scrolled .header-icons[b-6s1sprqdsz] {
            gap: 0.8rem;
            font-size: 0.9rem;
        }

        header.scrolled .search-container[b-6s1sprqdsz] {
            margin: 0.5rem 0;
        }
}

/* ==========================================================================
   REDESIGNED DROPDOWNS (Language, Country, Search)
   ========================================================================== */

/* Base Dropdown Glassmorphism Style */
.header-dropdown[b-6s1sprqdsz] {
    position: fixed;
    top: 80px;
    background-color: rgba(25, 25, 25, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    color: #fff; /* Ensures text is visible on dark glass */
    overflow: hidden;
}

/* Scrollbar styling for dropdown bodies */
.dropdown-body[b-6s1sprqdsz] {
    overflow-y: auto;
    max-height: 50vh;
}

    .dropdown-body[b-6s1sprqdsz]::-webkit-scrollbar {
        width: 6px;
    }

    .dropdown-body[b-6s1sprqdsz]::-webkit-scrollbar-track {
        background: transparent;
    }

    .dropdown-body[b-6s1sprqdsz]::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 10px;
    }

/* Common Header for all dropdowns */
.dropdown-header[b-6s1sprqdsz] {
    padding: 12px 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* Sizing specific variables */
.dropdown-small[b-6s1sprqdsz] {
    width: 220px;
    right: 20px;
}

.dropdown-large[b-6s1sprqdsz] {
    width: 100%;
    max-width: 650px;
    left: 50%;
    transform: translateX(-50%);
}

/* --- LANGUAGE & COUNTRY ROWS --- */
.dropdown-row[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .dropdown-row:last-child[b-6s1sprqdsz] {
        border-bottom: none;
    }

    .dropdown-row:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .dropdown-row.active[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.15);
        border-left: 3px solid var(--primary-color, #ff6b00);
    }

.dropdown-row-flag[b-6s1sprqdsz] {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .dropdown-row-flag img[b-6s1sprqdsz] {
        width: 28px;
        height: 20px;
        object-fit: cover;
        border-radius: 3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }

.dropdown-row-text[b-6s1sprqdsz] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 500;
}

/* --- SEARCH RESULTS --- */
.search-header-title[b-6s1sprqdsz] {
    text-align: left;
    font-size: 0.85rem;
    color: #fff;
}

.search-type-header[b-6s1sprqdsz] {
    padding: 8px 20px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color, #ff6b00);
    background-color: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .search-type-header:first-child[b-6s1sprqdsz] {
        border-top: none;
    }

.search-results-group[b-6s1sprqdsz] {
    display: flex;
    flex-direction: column;
}

.search-dropdown-item[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    gap: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background-color 0.2s ease;
}

    .search-dropdown-item:last-child[b-6s1sprqdsz] {
        border-bottom: none;
    }

    .search-dropdown-item:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.08);
    }

.item-image[b-6s1sprqdsz] {
    flex-shrink: 0;
}

    .item-image img[b-6s1sprqdsz] {
        height: 48px;
        width: 48px;
        border-radius: 8px;
        object-fit: cover;
        background-color: #fff; /* fallback for transparent images */
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

.item-info[b-6s1sprqdsz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; /* Prevents text from pushing bounds */
}

.item-title[b-6s1sprqdsz] {
    font-size: 0.95rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

.item-subtitle[b-6s1sprqdsz] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-price[b-6s1sprqdsz] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--primary-color, #ff6b00);
    white-space: nowrap;
    padding-left: 10px;
}

.item-actions[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-btn[b-6s1sprqdsz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .action-btn:hover[b-6s1sprqdsz] {
        background-color: rgba(255, 255, 255, 0.15);
        transform: scale(1.05);
    }

    .action-btn img[b-6s1sprqdsz] {
        height: 18px;
        width: 18px;
        filter: brightness(0) invert(1); /* Makes the dark icon white */
    }

/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 768px) {
    .dropdown-small[b-6s1sprqdsz] {
        width: 180px;
        right: 15px;
        top: 70px;
    }

    .dropdown-large[b-6s1sprqdsz] {
        width: 95%;
        top: 130px; /* Gives room for mobile header */
        max-height: 60vh;
    }

    .search-dropdown-item[b-6s1sprqdsz] {
        padding: 10px 15px;
        gap: 10px;
    }

    .item-image img[b-6s1sprqdsz] {
        height: 40px;
        width: 40px;
    }

    .item-title[b-6s1sprqdsz] {
        font-size: 0.85rem;
    }

    .item-price[b-6s1sprqdsz] {
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .dropdown-small[b-6s1sprqdsz] {
        top: 100px;
    }

    .dropdown-large[b-6s1sprqdsz] {
        top: 160px; /* Adjusts for wrapped mobile header items */
    }
}

/* Header icon overlays (chevron + language/earth badges) */
.header-icon-chevron[b-6s1sprqdsz] {
    position: absolute;
    width: 25px;
    height: 15px;
}

.header-icon-overlay[b-6s1sprqdsz] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 20px;
    height: 20px;
}

/* B2B link */
.header-icon-b2b[b-6s1sprqdsz] {
    display: flex;
    gap: 10px;
}

.header-b2b-badge[b-6s1sprqdsz] {
    background-color: var(--primary-color);
    padding: 5px;
    border-radius: 10px;
    font-weight: 700;
}

/* Invisible full-screen backdrop to close dropdowns */
.header-dropdown-backdrop[b-6s1sprqdsz] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    z-index: 99;
}

/* #region HEADER - USER DROPDOWN */

.header-user-dropdown[b-6s1sprqdsz] {
    width: 200px;
    position: fixed;
    top: 90px;
    right: 20px;
    border-radius: 15px;
    border: 1px solid gray;
    overflow-y: auto;
    background-color: rgba(20, 20, 20, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.header-user-dropdown-header[b-6s1sprqdsz] {
    border-bottom: 1px solid gray;
    height: 30px;
    display: flex;
}

.header-user-dropdown-header-item[b-6s1sprqdsz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

    .header-user-dropdown-header-item a[b-6s1sprqdsz] {
        cursor: pointer;
    }

.header-user-dropdown-row[b-6s1sprqdsz] {
    border-bottom: 1px solid gray;
    height: 50px;
    display: flex;
}

.header-user-dropdown-row-image[b-6s1sprqdsz] {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-user-dropdown-row-flag img[b-6s1sprqdsz] {
    width: 25px;
    height: 25px;
}

.header-user-dropdown-row-text[b-6s1sprqdsz] {
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
}

    .header-user-dropdown-row-text input[b-6s1sprqdsz] {
        width: 90%;
        height: 50%;
        border-radius: 20px;
        background: transparent;
        outline: none;
        border: 1px solid white;
        color: var(--text-color);
        padding: 15px;
        background-color: rgb(50, 50, 50);
    }

.header-user-dropdown-row button[b-6s1sprqdsz] {
    margin: 5px;
    width: 100%;
}

/* #endregion */

@media (max-width: 768px) {

    .header-user-dropdown[b-6s1sprqdsz] {
        width: auto;
        background-color: rgb(50, 50, 50);
        position: fixed;
        top: 25%;
        right: 80px;
        left: 80px;
        border-radius: 15px;
        border: 1px solid gray;
        overflow-y: auto;
        z-index: 100;
    }
}
/* /Components/Parts/Loader.razor.rz.scp.css */
/* #region VANILLA LOADER */

.vanilla-loader[b-tslyz29nok] {
    display: inline-block;
    width: 100px;
}

.vanilla-loader-img-1[b-tslyz29nok] {
    display: unset;
    width: 25%;
    animation: flash-b-tslyz29nok 2s infinite ease-in-out;
    animation-delay: 0s;
}

.vanilla-loader-img-2[b-tslyz29nok] {
    display: unset;
    width: 25%;
    animation: flash-b-tslyz29nok 2s infinite ease-in-out;
    animation-delay: 0.5s;
}

.vanilla-loader-img-3[b-tslyz29nok] {
    display: unset;
    width: 25%;
    animation: flash-b-tslyz29nok 2s infinite ease-in-out;
    animation-delay: 1s;
}

@keyframes flash-b-tslyz29nok {

    0% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* #endregion */
/* /Components/Parts/Newsletter.razor.rz.scp.css */
/* Newsletter Section */
.newsletter-container[b-k7bfx8cpmp] {
    background-color: var(--card-background);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    color: white;
    border-radius: 12px;
    padding: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.newsletter-content[b-k7bfx8cpmp] {
    flex: 1;
    min-width: 300px;
}

    .newsletter-content h2[b-k7bfx8cpmp] {
        margin-bottom: 1rem;
        color: var(--primary-color);
    }

.newsletter-form[b-k7bfx8cpmp] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    flex: 1;
    min-width: 300px;
}

    .newsletter-form input[b-k7bfx8cpmp] {
        flex: 1;
        min-width: 200px;
        padding: 12px 20px;
        border: none;
        border-radius: 30px;
        font-family: 'Poppins', sans-serif;
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
        border: 1px solid var(--border-color);
    }

        .newsletter-form input[b-k7bfx8cpmp]::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

    .newsletter-form .btn[b-k7bfx8cpmp] {
        background-color: var(--accent-color);
    }

        .newsletter-form .btn:hover[b-k7bfx8cpmp] {
            background-color: var(--primary-color);
        }