@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/WMBlazorOverlayScrollbars/WMBlazorOverlayScrollbars.bundle.scp.css';

/* /Pages/About.razor.rz.scp.css */
/* ============================================================
   About Page - Scoped CSS
   ============================================================ */

.about-page[b-scbfs508n6] {
    background: #fff;
    min-height: 100vh;
}

/* ── Hero ─────────────────────────────────────────────────── */
.page-hero[b-scbfs508n6] {
    position: relative;
    height: 100vh;
    max-height: 700px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-hero[b-scbfs508n6] {
    background-image: url('/assets/home/home.jpg');
}

.hero-overlay[b-scbfs508n6] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.hero-content[b-scbfs508n6] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding: 0 1rem;
    padding-top: 80px;
}

.hero-title[b-scbfs508n6] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hero-subtitle[b-scbfs508n6] {
    max-width: 600px;
    margin: 0 auto 2rem;
    font-size: 16px;
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
}

.hero-cta-btn[b-scbfs508n6] {
    display: inline-block;
    padding: 0.875rem 2.5rem;
    background: #8D744C;
    color: #fff;
    border-radius: 24px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    transition: background 0.2s;
}

.hero-cta-btn:hover[b-scbfs508n6] {
    background: #7a6340;
    color: #fff;
}

/* ── Features Section ─────────────────────────────────────── */
.features-section[b-scbfs508n6] {
    padding: 4rem 1.5rem;
}

.features-container[b-scbfs508n6] {
    max-width: 860px;
    margin: 0 auto;
}

.features-header[b-scbfs508n6] {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.features-title[b-scbfs508n6] {
    font-size: 2.25rem;
    font-weight: 600;
    color: #0D0D0D;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.features-desc[b-scbfs508n6] {
    font-size: 15px;
    color: #808080;
    line-height: 1.6;
}

/* Feature Cards */
.feature-card[b-scbfs508n6] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    flex-direction: row;
}

@media (max-width: 600px) {
    .feature-card[b-scbfs508n6] {
        flex-direction: column;
    }
}

.feature-card:hover[b-scbfs508n6] {
    background: linear-gradient(180deg, #F2E4CE 0%, #F7F7F7 50%, #EDE3D2 100%);
    box-shadow: 0 8px 20px rgba(88,67,34,0.2);
    transform: translateY(-3px);
}

.feature-card-img[b-scbfs508n6] {
    width: 280px;
    height: 200px;
    border-radius: 16px;
    object-fit: cover;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .feature-card-img[b-scbfs508n6] {
        width: 100%;
        height: 200px;
    }
}

.feature-card-text[b-scbfs508n6] {
    flex: 1;
}

.feature-card-title[b-scbfs508n6] {
    font-size: 1.2rem;
    font-weight: 500;
    color: #0D0D0D;
    margin-bottom: 0.75rem;
}

.feature-card-desc[b-scbfs508n6] {
    font-size: 15px;
    color: #808080;
    line-height: 1.6;
    max-width: 420px;
}

/* ── Location & Support sections reuse same styles as services ─ */
.about-location-section[b-scbfs508n6] {
    padding: 3rem 1.5rem;
    background: #F7F7F7;
}

.location-inner-about[b-scbfs508n6] {
    max-width: 1200px;
    margin: 0 auto;
}

.location-title-about[b-scbfs508n6] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.location-subtitle-about[b-scbfs508n6] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.location-divider-about[b-scbfs508n6] { height: 1px; background: #e5e7eb; margin-bottom: 2rem; }

.location-body-about[b-scbfs508n6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 768px) {
    .location-body-about[b-scbfs508n6] { grid-template-columns: 1fr; }
}

.location-info-about[b-scbfs508n6] { display: flex; gap: 2rem; }
.location-contact-col-about[b-scbfs508n6], .location-hours-col-about[b-scbfs508n6] { flex: 1; }
.location-contact-col-about h4[b-scbfs508n6], .location-hours-col-about h4[b-scbfs508n6] { font-weight: 600; margin-bottom: 1rem; }
.location-contact-col-about p[b-scbfs508n6], .location-hours-col-about p[b-scbfs508n6] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.location-div-vert-about[b-scbfs508n6] { width: 1px; background: #e5e7eb; }

.location-social-about[b-scbfs508n6] { display: flex; gap: 0.5rem; margin: 1rem 0; }
.loc-social-btn-about[b-scbfs508n6] {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #d1d5db;
    display: flex; align-items: center; justify-content: center;
    color: #6b7280; text-decoration: none; font-size: 16px;
    transition: all 0.2s;
}
.loc-social-btn-about:hover[b-scbfs508n6] { border-color: #8D744C; color: #8D744C; }

.get-dir-btn[b-scbfs508n6] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.6rem 1.25rem; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; font-size: 14px; cursor: pointer;
    transition: background 0.2s;
}
.get-dir-btn:hover[b-scbfs508n6] { background: #7a6340; }
.location-map-about[b-scbfs508n6] { height: 300px; border-radius: 16px; overflow: hidden; }

.support-cta-section-about[b-scbfs508n6] { padding: 3rem 1.5rem; background: #F7F7F7; }
.support-cta-card-about[b-scbfs508n6] {
    position: relative; max-width: 1200px; margin: 0 auto; border-radius: 20px;
    overflow: hidden; min-height: 220px; background-image: url('/assets/home/people.jpg');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
}
.support-cta-overlay-about[b-scbfs508n6] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.support-cta-content-about[b-scbfs508n6] {
    position: relative; z-index: 1; text-align: center; color: #fff; padding: 2rem;
}
.support-cta-content-about h2[b-scbfs508n6] { font-size: 1.75rem; font-weight: 600; margin-bottom: 0.75rem; }
.support-cta-content-about p[b-scbfs508n6] { opacity: 0.9; margin-bottom: 1.5rem; }
.support-cta-btn-about[b-scbfs508n6] {
    display: inline-block; padding: 0.75rem 2rem; background: #fff; color: #101828;
    border-radius: 24px; font-weight: 600; text-decoration: none; transition: background 0.2s;
}
.support-cta-btn-about:hover[b-scbfs508n6] { background: #f0f0f0; }
/* /Pages/Checkout.razor.rz.scp.css */
/* ============================================================
   Checkout Page - Scoped CSS
   ============================================================ */

.checkout-page[b-lalhnabyjp] { background: #fff; min-height: 100vh; }

.page-hero[b-lalhnabyjp] {
    position: relative; height: 460px;
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center; padding-top: 80px;
}
.checkout-hero[b-lalhnabyjp] { background-image: url('/assets/home/my_services.png'); }
.hero-overlay[b-lalhnabyjp] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-lalhnabyjp] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-lalhnabyjp] { font-size: 3rem; font-weight: 700; margin: 0; }

/* Checkout Section */
.checkout-section[b-lalhnabyjp] { padding: 4rem 1.5rem; background: #fafafa; }

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

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

.checkout-card[b-lalhnabyjp] {
    background: #fff; border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.checkout-card-title[b-lalhnabyjp] {
    font-size: 1.25rem; font-weight: 600; color: #1a1a1a; margin-bottom: 2rem;
}

/* Fields */
.checkout-fields[b-lalhnabyjp] { display: flex; flex-direction: column; gap: 1.5rem; }

.checkout-field-full[b-lalhnabyjp] { display: flex; flex-direction: column; gap: 0.5rem; }
.checkout-field[b-lalhnabyjp] { display: flex; flex-direction: column; gap: 0.5rem; }

.checkout-fields-3col[b-lalhnabyjp] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
}
@media (max-width: 600px) { .checkout-fields-3col[b-lalhnabyjp] { grid-template-columns: 1fr; } }

.checkout-fields-2col[b-lalhnabyjp] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
}
@media (max-width: 600px) { .checkout-fields-2col[b-lalhnabyjp] { grid-template-columns: 1fr; } }

.checkout-field label[b-lalhnabyjp],
.checkout-field-full label[b-lalhnabyjp] {
    font-size: 13px; color: #6b7280; font-weight: 500;
}

.checkout-input[b-lalhnabyjp] {
    padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 8px;
    font-size: 14px; color: #1a1a1a; outline: none;
    transition: border-color 0.2s; width: 100%;
}
.checkout-input:focus[b-lalhnabyjp] { border-color: #8D744C; }

/* Payment Summary */
.payment-items[b-lalhnabyjp] { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; }

.payment-item-row[b-lalhnabyjp] {
    display: flex; justify-content: space-between; align-items: center;
}
.payment-item-label[b-lalhnabyjp] { font-size: 14px; color: #374151; }
.payment-item-price[b-lalhnabyjp] { font-size: 14px; color: #374151; }

.payment-divider[b-lalhnabyjp] { height: 1px; background: #e5e7eb; margin: 1rem 0; }

.payment-total-row[b-lalhnabyjp] {
    display: flex; justify-content: space-between;
    margin-bottom: 1.5rem;
}
.payment-total-label[b-lalhnabyjp] { font-weight: 700; color: #1a1a1a; }
.payment-total-value[b-lalhnabyjp] { font-weight: 700; color: #1a1a1a; }

.payment-pay-btn[b-lalhnabyjp] {
    width: 100%; padding: 1rem; background: #8B6F47; color: #fff;
    border: none; border-radius: 10px; font-size: 16px; font-weight: 600;
    cursor: pointer; transition: background 0.2s;
}
.payment-pay-btn:hover[b-lalhnabyjp] { background: #7a5f3c; }

/* Location */
.checkout-location-section[b-lalhnabyjp] { padding: 3rem 1.5rem; background: #F7F7F7; }
.checkout-location-inner[b-lalhnabyjp] { max-width: 1200px; margin: 0 auto; }
.location-title-ck[b-lalhnabyjp] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.location-subtitle-ck[b-lalhnabyjp] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.location-divider-ck[b-lalhnabyjp] { height: 1px; background: #e5e7eb; margin-bottom: 2rem; }
.location-body-ck[b-lalhnabyjp] { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 768px) { .location-body-ck[b-lalhnabyjp] { grid-template-columns: 1fr; } }
.location-info-ck[b-lalhnabyjp] { display: flex; gap: 2rem; }
.location-contact-ck[b-lalhnabyjp], .location-hours-ck[b-lalhnabyjp] { flex: 1; }
.location-contact-ck h4[b-lalhnabyjp], .location-hours-ck h4[b-lalhnabyjp] { font-weight: 600; margin-bottom: 1rem; }
.location-contact-ck p[b-lalhnabyjp], .location-hours-ck p[b-lalhnabyjp] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.loc-divider-ck[b-lalhnabyjp] { width: 1px; background: #e5e7eb; }
.location-social-ck[b-lalhnabyjp] { display: flex; gap: 0.5rem; margin: 1rem 0; }
.location-social-ck a[b-lalhnabyjp] {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #d1d5db; display: flex;
    align-items: center; justify-content: center;
    color: #6b7280; text-decoration: none; font-size: 16px;
    transition: all 0.2s;
}
.location-social-ck a:hover[b-lalhnabyjp] { border-color: #8D744C; color: #8D744C; }
.get-dir-ck[b-lalhnabyjp] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.6rem 1.25rem; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; font-size: 14px; cursor: pointer;
    transition: background 0.2s;
}
.get-dir-ck:hover[b-lalhnabyjp] { background: #7a6340; }
.location-map-ck[b-lalhnabyjp] { height: 300px; border-radius: 16px; overflow: hidden; }
/* /Pages/Contact.razor.rz.scp.css */
/* ============================================================
   Contact Page - Scoped CSS
   ============================================================ */

.contact-page[b-gugl41d92h] { background: #fff; min-height: 100vh; }

/* Hero */
.page-hero[b-gugl41d92h] {
    position: relative;
    height: 460px;
    background-size: cover;
    background-position: center;
    display: flex; align-items: center; justify-content: center;
    padding-top: 80px;
}

.contact-hero[b-gugl41d92h] { background-image: url('/assets/home/contact.png'); }
.hero-overlay[b-gugl41d92h] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-gugl41d92h] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-gugl41d92h] { font-size: 3rem; font-weight: 700; margin: 0; letter-spacing: 2px; }

/* Contact Section */
.contact-section[b-gugl41d92h] { padding: 5rem 1.5rem; background: #F7F7F7; }
.contact-container[b-gugl41d92h] {
    max-width: 1200px; margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
}
@media (max-width: 768px) { .contact-container[b-gugl41d92h] { grid-template-columns: 1fr; } }

.contact-form-title[b-gugl41d92h] {
    font-size: 2.25rem; font-weight: 700;
    color: #1a1a1a; margin-bottom: 2rem;
}

.contact-fields-row[b-gugl41d92h] {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 2rem; margin-bottom: 2rem;
}
@media (max-width: 600px) { .contact-fields-row[b-gugl41d92h] { grid-template-columns: 1fr; } }

.contact-field[b-gugl41d92h] { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 1.5rem; }
.contact-field label[b-gugl41d92h] { font-size: 12px; color: #6b7280; }

.contact-input[b-gugl41d92h], .contact-textarea[b-gugl41d92h] {
    border: none; border-bottom: 1px solid #d1d5db;
    padding: 0.5rem 0; font-size: 15px; color: #1a1a1a;
    background: transparent; outline: none; width: 100%;
    transition: border-color 0.2s;
}
.contact-input:focus[b-gugl41d92h], .contact-textarea:focus[b-gugl41d92h] { border-bottom-color: #8D744C; }
.contact-textarea[b-gugl41d92h] { resize: vertical; min-height: 80px; }

.contact-divider[b-gugl41d92h] { height: 1px; background: #B08968; margin: 1.5rem 0; }

.contact-submit-btn[b-gugl41d92h] {
    padding: 0.75rem 2rem; background: #101828; color: #fff;
    border: none; border-radius: 8px; font-size: 14px; font-weight: 500;
    cursor: pointer; transition: background 0.2s;
}
.contact-submit-btn:hover[b-gugl41d92h] { background: #000; }

.contact-info-col[b-gugl41d92h] { padding-top: 0.5rem; }
.contact-info-title[b-gugl41d92h] { font-size: 1.1rem; font-weight: 600; margin-bottom: 2rem; color: #1a1a1a; }
.contact-info-item[b-gugl41d92h] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; font-size: 14px; color: #6b7280; }
.contact-info-icon[b-gugl41d92h] { font-size: 20px; color: #B08968; }

/* Location section - reusing same pattern */
.contact-location-section[b-gugl41d92h] { padding: 3rem 1.5rem; background: #F7F7F7; }
.contact-location-inner[b-gugl41d92h] { max-width: 1200px; margin: 0 auto; }
.location-title-c[b-gugl41d92h] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.location-subtitle-c[b-gugl41d92h] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.location-divider-c[b-gugl41d92h] { height: 1px; background: #e5e7eb; margin-bottom: 2rem; }
.location-body-c[b-gugl41d92h] { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; }
@media (max-width: 768px) { .location-body-c[b-gugl41d92h] { grid-template-columns: 1fr; } }
.location-info-c[b-gugl41d92h] { display: flex; gap: 2rem; }
.location-contact-c[b-gugl41d92h], .location-hours-c[b-gugl41d92h] { flex: 1; }
.location-contact-c h4[b-gugl41d92h], .location-hours-c h4[b-gugl41d92h] { font-weight: 600; margin-bottom: 1rem; }
.location-contact-c p[b-gugl41d92h], .location-hours-c p[b-gugl41d92h] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.loc-div-vert-c[b-gugl41d92h] { width: 1px; background: #e5e7eb; }
.location-social-c[b-gugl41d92h] { display: flex; gap: 0.5rem; margin: 1rem 0; }
.location-social-c a[b-gugl41d92h] {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #d1d5db; display: flex; align-items: center;
    justify-content: center; color: #6b7280; text-decoration: none; font-size: 16px;
    transition: all 0.2s;
}
.location-social-c a:hover[b-gugl41d92h] { border-color: #8D744C; color: #8D744C; }
.get-dir-c[b-gugl41d92h] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.6rem 1.25rem; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; font-size: 14px; cursor: pointer; transition: background 0.2s;
}
.get-dir-c:hover[b-gugl41d92h] { background: #7a6340; }
.location-map-c[b-gugl41d92h] { height: 300px; border-radius: 16px; overflow: hidden; }

/* Support CTA */
.support-cta-section-c[b-gugl41d92h] { padding: 3rem 1.5rem; background: #F7F7F7; }
.support-cta-card-c[b-gugl41d92h] {
    position: relative; max-width: 1200px; margin: 0 auto; border-radius: 20px;
    overflow: hidden; min-height: 220px; background-image: url('/assets/home/people.jpg');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
}
.support-cta-overlay-c[b-gugl41d92h] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.support-cta-content-c[b-gugl41d92h] { position: relative; z-index: 1; text-align: center; color: #fff; padding: 2rem; }
.support-cta-content-c h2[b-gugl41d92h] { font-size: 1.75rem; font-weight: 600; margin-bottom: 0.75rem; }
.support-cta-content-c p[b-gugl41d92h] { opacity: 0.9; margin-bottom: 1.5rem; }
.support-cta-btn-c[b-gugl41d92h] {
    display: inline-block; padding: 0.75rem 2rem; background: #fff; color: #101828;
    border-radius: 24px; font-weight: 600; text-decoration: none; transition: background 0.2s;
}
.support-cta-btn-c:hover[b-gugl41d92h] { background: #f0f0f0; }
/* /Pages/CustomerLogin.razor.rz.scp.css */
/* ============================================================
   CustomerLogin Page - Scoped CSS
   ============================================================ */

.login-page-container[b-cnryc29mgb] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.login-background[b-cnryc29mgb] {
    position: absolute;
    inset: 0;
    background-image: url('/assets/home/wp.png');
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.login-overlay[b-cnryc29mgb] {
    position: absolute;
    inset: 0;
    background: linear-gradient(255deg, rgba(66,66,66,0.24) 23.92%, rgba(33,33,33,0.85) 83.92%);
    z-index: 1;
}

.login-content[b-cnryc29mgb] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.login-grid[b-cnryc29mgb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 768px) {
    .login-grid[b-cnryc29mgb] {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.login-left[b-cnryc29mgb] {
    color: #fff;
}

.government-title[b-cnryc29mgb] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.welcome-title[b-cnryc29mgb] {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.welcome-description[b-cnryc29mgb] {
    max-width: 420px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.5;
}

.login-card[b-cnryc29mgb] {
    background-color: #fff;
    border-radius: 24px;
    padding: 1.25rem;
    max-width: 420px;
    width: 100%;
    margin-left: auto;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
}

.card-subtitle[b-cnryc29mgb] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.card-title[b-cnryc29mgb] {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #1a1a1a;
}

.form-control-lg[b-cnryc29mgb] {
    padding: 0.75rem 1rem;
    font-size: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background-color: #f9fafb;
}

.form-control-lg:focus[b-cnryc29mgb] {
    border-color: #8D744C;
    box-shadow: 0 0 0 3px rgba(141, 116, 76, 0.1);
    outline: none;
    background-color: #fff;
}

.remember-forgot-row[b-cnryc29mgb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.form-check-input[b-cnryc29mgb] {
    width: 18px;
    height: 18px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
}

.form-check-input:checked[b-cnryc29mgb] {
    background-color: #8D744C;
    border-color: #8D744C;
}

.form-check-label[b-cnryc29mgb] {
    font-size: 14px;
    color: #6b7280;
    margin-left: 0.5rem;
    cursor: pointer;
}

.forgot-link[b-cnryc29mgb] {
    font-size: 14px;
    color: #8D744C;
    cursor: pointer;
    font-weight: 500;
}

.btn-submit[b-cnryc29mgb] {
    background-color: #8D744C !important;
    color: #fff !important;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-submit:hover[b-cnryc29mgb] {
    background-color: #7a6340;
}

.divider-row[b-cnryc29mgb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0;
}

.divider-line[b-cnryc29mgb] {
    flex: 1;
    height: 1px;
    background-color: #e5e7eb;
}

.divider-text[b-cnryc29mgb] {
    color: #6b7280;
    font-size: 14px;
}

.btn-social[b-cnryc29mgb] {
    background-color: transparent !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-social:hover[b-cnryc29mgb] {
    background-color: #f9fafb !important;
    border-color: #9ca3af !important;
}

.toggle-text[b-cnryc29mgb] {
    text-align: center;
    margin-top: 2rem;
    font-size: 14px;
    color: #6b7280;
}

.toggle-link[b-cnryc29mgb] {
    color: #8D744C;
    cursor: pointer;
    font-weight: 600;
}

.mb-3[b-cnryc29mgb] {
    margin-bottom: 0.75rem;
}

.mb-2[b-cnryc29mgb] {
    margin-bottom: 0.5rem;
}

.w-100[b-cnryc29mgb] {
    width: 100%;
}

.me-2[b-cnryc29mgb] {
    margin-right: 0.5rem;
}
/* /Pages/Home.razor.rz.scp.css */
/* ============================================================
   Home Page - Scoped CSS
   ============================================================ */

/* Hero Section */
.hero-section[b-dlw046hzps] {
    position: relative;
    height: 100vh;
    background-image: url('/assets/home/home.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-overlay[b-dlw046hzps] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

.hero-content[b-dlw046hzps] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding-top: 5rem;
}

.hero-title[b-dlw046hzps] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hero-description[b-dlw046hzps] {
    max-width: 600px;
    margin: 0 auto 2rem;
    font-size: 16px;
    color: #e0e0e0;
}

.btn-hero[b-dlw046hzps] {
    display: inline-block;
    background-color: #8b6b3d;
    color: #fff;
    padding: 0.875rem 2.5rem;
    border-radius: 1.5rem;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.2s;
}

.btn-hero:hover[b-dlw046hzps] {
    background-color: #745832;
}

.partner-logos[b-dlw046hzps] {
    position: relative;
    width: 100%;
    height: 280px;
    margin-top: 3rem;
}

.logo-card[b-dlw046hzps] {
    position: absolute;
    width: 180px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
    display: none;
}

.logo-card img[b-dlw046hzps] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 768px) {
    .logo-card[b-dlw046hzps] {
        display: block;
    }

    .logo-seha[b-dlw046hzps] {
        top: -50px;
        left: 0;
    }

    .logo-tasheel[b-dlw046hzps] {
        top: -50px;
        right: 0;
    }

    .logo-identity[b-dlw046hzps] {
        top: 100px;
        left: 100px;
    }

    .logo-hayia[b-dlw046hzps] {
        top: 100px;
        right: 100px;
    }
}

/* About Section */
.about-section[b-dlw046hzps] {
    padding: 5rem 2rem;
    background: #fff;
}


.about-container[b-dlw046hzps] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .about-container[b-dlw046hzps] {
        flex-wrap: nowrap;
    }
}

.about-images[b-dlw046hzps] {
    position: relative;
    flex: 1 1 450px;
    max-width: 460px;
    height: 460px;
    flex-shrink: 0;
}

.gradient-bg[b-dlw046hzps] {
    width: 100%;
    height: 100%;
    border-top-left-radius: 10%;
    border-bottom-right-radius: 10%;
    background: linear-gradient(to bottom, #101828, #8D744C);
}

.img-welcome[b-dlw046hzps] {
    position: absolute;
    width: 110%;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    top: 30px;
    left: -10%;
    z-index: 1;
    object-fit: cover;
    max-height: 320px;
}

.img-tech[b-dlw046hzps] {
    position: absolute;
    width: 65%;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    bottom: 20px;
    right: -5%;
    z-index: 2;
    object-fit: cover;
    max-height: 200px;
}

.about-content[b-dlw046hzps] {
    flex: 1;
    max-width: 520px;
}

.about-title[b-dlw046hzps] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.about-description[b-dlw046hzps] {
    color: #6b7280;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.features-list[b-dlw046hzps] {
    margin-bottom: 1.5rem;
}

.feature-item[b-dlw046hzps] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.feature-icon[b-dlw046hzps] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1e3cf;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon img[b-dlw046hzps] {
    width: 20px;
    height: 20px;
}

.feature-title[b-dlw046hzps] {
    font-weight: 500;
    font-size: 16px;
}

.btn-about[b-dlw046hzps] {
    display: inline-block;
    background-color: #111827;
    color: #fff;
    padding: 0.75rem 2rem;
    border-radius: 1.5rem;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.2s;
}

.btn-about:hover[b-dlw046hzps] {
    background-color: #000;
}

/* Services Section */
.services-section[b-dlw046hzps] {
    padding: 3rem 1.5rem;
    background-color: #f7f7f7;
}

.services-container[b-dlw046hzps] {
    max-width: 900px;
    margin: 0 auto;
}

.services-title[b-dlw046hzps] {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3rem;
    background: linear-gradient(to left, #101828, #8D744C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-timeline[b-dlw046hzps] {
    position: relative;
}

.timeline-vertical-line[b-dlw046hzps] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    border-left: 2px dashed #B08D57;
    z-index: 1;
}

.timeline-row[b-dlw046hzps] {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    align-items: center;
    justify-items: center;
    margin-bottom: 3rem;
    position: relative;
    z-index: 2;
}

.timeline-image img[b-dlw046hzps] {
    width: 360px;
    height: 220px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.timeline-marker[b-dlw046hzps] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #8D744C;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #8D744C;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.timeline-content[b-dlw046hzps] {
    max-width: 400px;
    padding: 1.5rem;
    border: 1px solid #E8D7BD;
    border-radius: 16px;
    background-color: #fff;
}

.timeline-title[b-dlw046hzps] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.timeline-desc[b-dlw046hzps] {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
}

/* Category Section - matching OurCategory.tsx */
.category-section[b-dlw046hzps] {
    padding: 4rem 2rem;
    background: #fff;
}

.category-container[b-dlw046hzps] {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.category-title[b-dlw046hzps] {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.75rem;
    background: linear-gradient(to left, #101828, #8D744C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.category-subtitle[b-dlw046hzps] {
    color: #808080;
    font-size: 15px;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.category-list[b-dlw046hzps] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    text-align: left;
}

.category-row-card[b-dlw046hzps] {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 2rem;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.category-row-active[b-dlw046hzps] {
    background: #f1e3cf;
}

.category-row-card:hover[b-dlw046hzps] {
    transform: translateY(-3px);
    background: #f1e3cf;
    box-shadow: 0 8px 20px rgba(88, 67, 34, 0.2);
}

.category-row-icon[b-dlw046hzps] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    flex-shrink: 0;
}

.category-row-icon img[b-dlw046hzps] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.category-row-text[b-dlw046hzps] {
    text-align: left;
}

.category-row-title[b-dlw046hzps] {
    font-weight: 500;
    font-size: 16px;
    color: #1a1a1a;
    margin: 0 0 0.25rem;
}

.category-row-desc[b-dlw046hzps] {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

/* Team Section - matching OurTeam.tsx */
.team-section[b-dlw046hzps] {
    padding: 4rem 2rem;
    background-color: #F7F7F7;
}

.team-container[b-dlw046hzps] {
    max-width: 1000px;
    margin: 0 auto;
}

.team-title[b-dlw046hzps] {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3rem;
    background: linear-gradient(to left, #101828, #8D744C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-grid[b-dlw046hzps] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.team-card[b-dlw046hzps] {
    width: 280px;
    flex-shrink: 0;
}

.team-image-wrapper[b-dlw046hzps] {
    width: 100%;
    height: 380px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.team-image[b-dlw046hzps] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.team-card-overlay[b-dlw046hzps] {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    padding: 1.5rem;
    background: linear-gradient(to bottom, rgba(0,0,0,0.10), rgba(0,0,0,1));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.team-name[b-dlw046hzps] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.team-role[b-dlw046hzps] {
    font-size: 14px;
    opacity: 0.85;
    margin: 0;
}

.team-arrow-btn[b-dlw046hzps] {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #b8955b;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.team-arrow-btn:hover[b-dlw046hzps] {
    background: #a07c45;
}

/* Location Section - from Contact page */
.contact-location-section[b-dlw046hzps] { padding: 3rem 1.5rem; background: #F7F7F7; }
.contact-location-inner[b-dlw046hzps] { max-width: 1200px; margin: 0 auto; }
.location-title-c[b-dlw046hzps] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.location-subtitle-c[b-dlw046hzps] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.location-divider-c[b-dlw046hzps] { height: 1px; background: #e5e7eb; margin-bottom: 2rem; }
.location-body-c[b-dlw046hzps] { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; }
@media (max-width: 768px) { .location-body-c[b-dlw046hzps] { grid-template-columns: 1fr; } }
.location-info-c[b-dlw046hzps] { display: flex; gap: 2rem; }
.location-contact-c[b-dlw046hzps], .location-hours-c[b-dlw046hzps] { flex: 1; }
.location-contact-c h4[b-dlw046hzps], .location-hours-c h4[b-dlw046hzps] { font-weight: 600; margin-bottom: 1rem; }
.location-contact-c p[b-dlw046hzps], .location-hours-c p[b-dlw046hzps] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.loc-div-vert-c[b-dlw046hzps] { width: 1px; background: #e5e7eb; }
.location-social-c[b-dlw046hzps] { display: flex; gap: 0.5rem; margin: 1rem 0; }
.location-social-c a[b-dlw046hzps] {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #d1d5db; display: flex; align-items: center;
    justify-content: center; color: #6b7280; text-decoration: none; font-size: 16px;
    transition: all 0.2s;
}
.location-social-c a:hover[b-dlw046hzps] { border-color: #8D744C; color: #8D744C; }
.get-dir-c[b-dlw046hzps] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.6rem 1.25rem; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; font-size: 14px; cursor: pointer; transition: background 0.2s;
}
.get-dir-c:hover[b-dlw046hzps] { background: #7a6340; }
.location-map-c[b-dlw046hzps] { height: 300px; border-radius: 16px; overflow: hidden; }

/* Support Section - matching SupportSection.tsx */
.support-section[b-dlw046hzps] {
    position: relative;
    padding: 4rem 2rem;
    background-image: url('/assets/home/people.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    overflow: hidden;
    border-radius: 0;
    margin: 2rem 1.5rem;
    border-radius: 20px;
}

.support-overlay[b-dlw046hzps] {
    position: absolute;
    inset: 0;
    background-color: rgba(60, 52, 32, 0.75);
    border-radius: 20px;
}

.support-container[b-dlw046hzps] {
    position: relative;
    z-index: 1;
    max-width: 600px;
    text-align: center;
    color: #fff;
}

.support-title[b-dlw046hzps] {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.support-desc[b-dlw046hzps] {
    margin-bottom: 1.5rem;
    opacity: 0.9;
    font-size: 15px;
}

.btn-support[b-dlw046hzps] {
    display: inline-block;
    background-color: #fff;
    color: #3c3420;
    padding: 0.75rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn-support:hover[b-dlw046hzps] {
    background-color: #f2f2f2;
    color: #3c3420;
}
/* /Pages/MyServices.razor.rz.scp.css */
/* ============================================================
   MyServices Page - Scoped CSS
   ============================================================ */

.my-services-page[b-nit7h957wx] {
    min-height: 100vh;
    background-color: #f9fafb;
}

/* ── Hero Section ─────────────────────────────────────────── */
.services-hero[b-nit7h957wx] {
    position: relative;
    height: 460px;
    background-image: url('/assets/home/my_services.png');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
}

.hero-overlay[b-nit7h957wx] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.55);
}

.hero-content[b-nit7h957wx] {
    position: relative;
    z-index: 1;
    color: #fff;
}

.hero-title[b-nit7h957wx] {
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2px;
}

/* ── Orders Section ───────────────────────────────────────── */
.orders-section[b-nit7h957wx] {
    padding: 3rem 1.5rem;
}

.orders-container[b-nit7h957wx] {
    max-width: 900px;
    margin: 0 auto;
}

/* Tabs */
.tabs-container[b-nit7h957wx] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.tab-btn[b-nit7h957wx] {
    padding: 0.75rem 2rem;
    border: none;
    background-color: #f3f4f6;
    color: #6b7280;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn.active[b-nit7h957wx] {
    background-color: #8b6a3e;
    color: #fff;
}

.tab-btn:hover:not(.active)[b-nit7h957wx] {
    background-color: #e5e7eb;
}

/* Loading */
.loading-state[b-nit7h957wx] {
    text-align: center;
    padding: 3rem;
}

.spinner[b-nit7h957wx] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #8b6a3e;
    border-radius: 50%;
    animation: my-services-spin-b-nit7h957wx 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes my-services-spin-b-nit7h957wx {
    to { transform: rotate(360deg); }
}

/* Orders List */
.orders-list[b-nit7h957wx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.order-card[b-nit7h957wx] {
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(90deg, #f6ebda 0%, #faf6ef 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.order-card:hover[b-nit7h957wx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(141, 116, 76, 0.15);
}

.order-content[b-nit7h957wx] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
}

.order-icon[b-nit7h957wx] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.order-icon img[b-nit7h957wx] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.order-info[b-nit7h957wx] {
    flex: 1;
}

.order-header[b-nit7h957wx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.order-title[b-nit7h957wx] {
    font-weight: 600;
    font-size: 18px;
    color: #1a1a1a;
}

.order-actions[b-nit7h957wx] {
    display: flex;
    gap: 0.5rem;
}

.btn-action[b-nit7h957wx] {
    padding: 0.375rem 1rem;
    border: 1px solid #8b6a3e;
    background-color: transparent;
    color: #8b6a3e;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-action:hover[b-nit7h957wx] {
    background-color: #8b6a3e;
    color: #fff;
}

.order-desc[b-nit7h957wx] {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 1rem;
}

.order-meta[b-nit7h957wx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.meta-item[b-nit7h957wx] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 13px;
    color: #6b7280;
}

.meta-item i[b-nit7h957wx] {
    font-size: 16px;
}

/* Status Bar */
.order-status[b-nit7h957wx] {
    background-color: #8b6a3e;
    color: #fff;
    padding: 0.5rem 1.5rem;
    font-size: 12px;
    font-weight: 500;
}

/* Empty State */
.empty-state[b-nit7h957wx] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-state i[b-nit7h957wx] {
    font-size: 64px;
    color: #d1d5db;
    margin-bottom: 1rem;
    display: block;
}

.empty-state p[b-nit7h957wx] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.btn-browse[b-nit7h957wx] {
    display: inline-block;
    background-color: #8b6a3e;
    color: #fff;
    padding: 0.75rem 2rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s;
}

.btn-browse:hover[b-nit7h957wx] {
    background-color: #7a5f3c;
    color: #fff;
}

/* ── Location Section ─────────────────────────────────────── */
.location-section[b-nit7h957wx] {
    padding: 3rem 1.5rem;
    background: #F7F7F7;
}

.location-container[b-nit7h957wx] {
    max-width: 1200px;
    margin: 0 auto;
}

.location-title[b-nit7h957wx] {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    color: #1a1a1a;
}

.location-map[b-nit7h957wx] {
    border-radius: 16px;
    overflow: hidden;
}

/* ── Support Section ──────────────────────────────────────── */
.support-section[b-nit7h957wx] {
    padding: 3rem 1.5rem;
    background: linear-gradient(135deg, #101828, #8D744C);
    text-align: center;
    color: #fff;
}

.support-container[b-nit7h957wx] {
    max-width: 600px;
    margin: 0 auto;
}

.support-title[b-nit7h957wx] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.support-desc[b-nit7h957wx] {
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.btn-support[b-nit7h957wx] {
    display: inline-block;
    background-color: #fff;
    color: #101828;
    padding: 0.75rem 2rem;
    border-radius: 1.5rem;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s;
}

.btn-support:hover[b-nit7h957wx] {
    background-color: #f1f1f1;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 600px) {
    .order-content[b-nit7h957wx] {
        flex-direction: column;
    }

    .order-header[b-nit7h957wx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Pages/OrderDetailsEdit.razor.rz.scp.css */
/* ============================================================
   OrderDetailsEdit + OrderDetailsPrevious - Shared CSS
   ============================================================ */

.order-details-page[b-8svwkvt5a0] { background: #fff; min-height: 100vh; }

.page-hero[b-8svwkvt5a0] {
    position: relative; height: 400px;
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center; padding-top: 80px;
}
.order-details-hero[b-8svwkvt5a0] { background-image: url('/assets/home/my_services.png'); }
.hero-overlay[b-8svwkvt5a0] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-8svwkvt5a0] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-8svwkvt5a0] { font-size: 3rem; font-weight: 700; margin: 0; }

/* Container */
.order-container[b-8svwkvt5a0] { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }

/* Card */
.order-section[b-8svwkvt5a0] { padding: 3rem 1.5rem; }
.personal-data-section[b-8svwkvt5a0] { padding: 0 1.5rem 2rem; }
.documents-section[b-8svwkvt5a0] { padding: 0 1.5rem 2rem; }
.status-section[b-8svwkvt5a0] { padding: 0 1.5rem 2rem; }
.comments-section[b-8svwkvt5a0] { padding: 0 1.5rem 2rem; }

.order-card[b-8svwkvt5a0] {
    background: #fff; border-radius: 16px;
    padding: 2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Order Card */
.order-card-left[b-8svwkvt5a0] {
    display: flex; align-items: flex-start;
}
.order-card.order-section-card[b-8svwkvt5a0] {
    display: flex; gap: 1.5rem;
    background: linear-gradient(90deg, #f6ebda 0%, #faf6ef 100%);
    padding: 1.5rem;
}
.order-card-icon-box[b-8svwkvt5a0] {
    width: 64px; height: 64px; border-radius: 12px; background: #fff;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.order-icon[b-8svwkvt5a0] { width: 40px; height: 40px; object-fit: contain; }
.order-card-body[b-8svwkvt5a0] { flex: 1; }
.order-card-header[b-8svwkvt5a0] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.order-card-title[b-8svwkvt5a0] { font-weight: 600; font-size: 16px; }
.order-pay-btn[b-8svwkvt5a0] {
    display: inline-block; padding: 0.4rem 1rem;
    border: 1px solid #8D744C; color: #8D744C; border-radius: 8px;
    font-size: 13px; text-decoration: none; transition: all 0.2s;
}
.order-pay-btn:hover[b-8svwkvt5a0] { background: #8D744C; color: #fff; }
.order-card-desc[b-8svwkvt5a0] { font-size: 13px; color: #6b7280; margin-bottom: 1rem; }
.order-card-meta[b-8svwkvt5a0] { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.order-card-meta span[b-8svwkvt5a0] { display: flex; align-items: center; gap: 0.4rem; font-size: 13px; color: #6b7280; }
.order-card-meta i[b-8svwkvt5a0] { font-size: 16px; }

/* Section Headers */
.section-header[b-8svwkvt5a0] { margin-bottom: 1.5rem; }
.section-title[b-8svwkvt5a0] { font-size: 1.25rem; font-weight: 600; color: #1a1a1a; margin-bottom: 0.5rem; }
.section-subtitle[b-8svwkvt5a0] { font-size: 13px; color: #9ca3af; }

/* Personal Data Fields */
.personal-fields-grid[b-8svwkvt5a0] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;
}
@media (max-width: 600px) { .personal-fields-grid[b-8svwkvt5a0] { grid-template-columns: 1fr; } }

.personal-field[b-8svwkvt5a0] { display: flex; flex-direction: column; gap: 0.25rem; }
.personal-field label[b-8svwkvt5a0] { font-size: 12px; color: #9ca3af; }
.personal-input[b-8svwkvt5a0] {
    border: none; border-bottom: 1px solid #d1d5db;
    padding: 0.5rem 0; font-size: 14px; color: #1a1a1a;
    background: transparent; outline: none; width: 100%;
    transition: border-color 0.2s;
}
.personal-input:focus[b-8svwkvt5a0] { border-bottom-color: #8D744C; }

/* Documents Table */
.documents-table[b-8svwkvt5a0] {
    width: 100%; border-collapse: collapse; font-size: 14px;
}
.documents-table thead tr[b-8svwkvt5a0] { background: #8D744C; }
.documents-table th[b-8svwkvt5a0] { color: #fff; padding: 0.75rem 1rem; text-align: left; font-weight: 500; white-space: nowrap; }
.documents-table td[b-8svwkvt5a0] { padding: 0.75rem 1rem; border-bottom: 1px solid #f3f4f6; }
.documents-table tr:hover td[b-8svwkvt5a0] { background: #fafafa; }

.doc-status[b-8svwkvt5a0] {
    display: inline-block; padding: 0.2rem 0.6rem; border-radius: 20px; font-size: 12px; font-weight: 500;
}
.status-pending[b-8svwkvt5a0] { background: #fef9c3; color: #92400e; }
.status-completed[b-8svwkvt5a0] { background: #d1fae5; color: #065f46; }
.status-rejected[b-8svwkvt5a0] { background: #fee2e2; color: #991b1b; }

.upload-btn[b-8svwkvt5a0] {
    display: inline-flex; align-items: center; gap: 0.3rem;
    padding: 0.3rem 0.75rem; background: #8D744C; color: #fff;
    border: none; border-radius: 6px; font-size: 12px; cursor: pointer;
    transition: background 0.2s;
}
.upload-btn:hover[b-8svwkvt5a0] { background: #7a6340; }

/* Status Timeline */
.status-timeline[b-8svwkvt5a0] { display: flex; flex-direction: column; gap: 0; }

.status-step[b-8svwkvt5a0] { display: flex; gap: 1rem; align-items: flex-start; }

.status-step-indicator[b-8svwkvt5a0] { display: flex; flex-direction: column; align-items: center; }

.status-step-icon[b-8svwkvt5a0] {
    width: 40px; height: 40px; border-radius: 50%;
    border: 2px solid #d1d5db; background: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 600; color: #6b7280;
    flex-shrink: 0; transition: all 0.2s;
}

.status-step.completed .status-step-icon[b-8svwkvt5a0] {
    border-color: #8D744C; background: #8D744C; color: #fff;
}

.status-step.active .status-step-icon[b-8svwkvt5a0] {
    border-color: #8D744C; color: #8D744C; background: #fef3e2;
}

.status-connector[b-8svwkvt5a0] {
    width: 2px; height: 40px; background: #e5e7eb;
    margin: 4px 0;
}

.status-step.completed .status-connector[b-8svwkvt5a0] { background: #8D744C; }

.status-step-content[b-8svwkvt5a0] { display: flex; flex-direction: column; padding-top: 10px; padding-bottom: 20px; }
.status-step-label[b-8svwkvt5a0] { font-size: 14px; font-weight: 500; color: #1a1a1a; }
.status-step-date[b-8svwkvt5a0] { font-size: 12px; color: #9ca3af; margin-top: 2px; }

/* Comments */
.comment-input-row[b-8svwkvt5a0] {
    display: flex; gap: 0.75rem; margin-bottom: 1.5rem;
}
.comment-input[b-8svwkvt5a0] {
    flex: 1; padding: 0.75rem 1rem; border: 1px solid #e5e7eb;
    border-radius: 8px; font-size: 14px; outline: none; transition: border-color 0.2s;
}
.comment-input:focus[b-8svwkvt5a0] { border-color: #8D744C; }
.comment-submit-btn[b-8svwkvt5a0] {
    width: 44px; height: 44px; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; cursor: pointer; font-size: 18px;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.2s; flex-shrink: 0;
}
.comment-submit-btn:hover[b-8svwkvt5a0] { background: #7a6340; }

.comment-item[b-8svwkvt5a0] {
    display: flex; gap: 0.75rem; margin-bottom: 1rem;
}
.comment-avatar[b-8svwkvt5a0] {
    width: 36px; height: 36px; border-radius: 50%; background: #f3f4f6;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; color: #9ca3af; flex-shrink: 0;
}
.comment-body[b-8svwkvt5a0] { flex: 1; }
.comment-author[b-8svwkvt5a0] { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.comment-text[b-8svwkvt5a0] { font-size: 14px; color: #6b7280; margin-top: 2px; }

/* Location */
.od-location-section[b-8svwkvt5a0] { padding: 3rem 1.5rem; background: #F7F7F7; }
.od-location-inner[b-8svwkvt5a0] { max-width: 1200px; margin: 0 auto; }
.od-location-inner h2[b-8svwkvt5a0] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.od-location-inner > p[b-8svwkvt5a0] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.od-location-divider[b-8svwkvt5a0] { height: 1px; background: #e5e7eb; margin-bottom: 2rem; }
.od-location-body[b-8svwkvt5a0] { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 768px) { .od-location-body[b-8svwkvt5a0] { grid-template-columns: 1fr; } }
.od-location-info[b-8svwkvt5a0] { display: flex; gap: 2rem; }
.od-location-info h4[b-8svwkvt5a0] { font-weight: 600; margin-bottom: 1rem; }
.od-location-info p[b-8svwkvt5a0] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.od-divider-vert[b-8svwkvt5a0] { width: 1px; background: #e5e7eb; }
.od-location-map[b-8svwkvt5a0] { height: 300px; border-radius: 16px; overflow: hidden; }
/* /Pages/OrderDetailsPrevious.razor.rz.scp.css */
/* ============================================================
   OrderDetailsPrevious - Scoped CSS
   ============================================================ */

.order-prev-page[b-puhsy24urw] { background: #fff; min-height: 100vh; }

.page-hero[b-puhsy24urw] {
    position: relative; height: 400px;
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center; padding-top: 80px;
}
.order-prev-hero[b-puhsy24urw] { background-image: url('/assets/home/my_services.png'); }
.hero-overlay[b-puhsy24urw] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-puhsy24urw] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-puhsy24urw] { font-size: 3rem; font-weight: 700; margin: 0; }

.order-prev-container[b-puhsy24urw] { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }
.order-prev-section[b-puhsy24urw] { padding: 3rem 1.5rem; }
.order-prev-status-section[b-puhsy24urw],
.order-prev-personal-section[b-puhsy24urw],
.order-prev-docs-section[b-puhsy24urw],
.order-prev-comments-section[b-puhsy24urw] { padding: 0 1.5rem 2rem; }

/* Order Card */
.order-prev-card[b-puhsy24urw] {
    display: flex; gap: 1.5rem; padding: 1.5rem;
    border-radius: 16px;
}
.order-prev-icon-box[b-puhsy24urw] {
    width: 64px; height: 64px; border-radius: 12px; background: #fff;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.order-prev-icon-box img[b-puhsy24urw] { width: 40px; height: 40px; object-fit: contain; }
.order-prev-body[b-puhsy24urw] { flex: 1; }
.order-prev-header[b-puhsy24urw] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.order-prev-title[b-puhsy24urw] { font-weight: 600; font-size: 16px; }
.order-prev-status-badge[b-puhsy24urw] {
    display: inline-block; padding: 0.2rem 0.75rem;
    background: #d1fae5; color: #065f46; border-radius: 20px; font-size: 12px; font-weight: 600;
}
.order-prev-desc[b-puhsy24urw] { font-size: 13px; color: #6b7280; margin-bottom: 1rem; }
.order-prev-meta[b-puhsy24urw] { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.order-prev-meta span[b-puhsy24urw] { display: flex; align-items: center; gap: 0.4rem; font-size: 13px; color: #6b7280; }

/* Panel */
.order-prev-panel[b-puhsy24urw] {
    background: #fff; border-radius: 16px; padding: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06); margin-bottom: 2rem;
}
.order-prev-panel-title[b-puhsy24urw] { font-size: 1.25rem; font-weight: 600; color: #1a1a1a; margin-bottom: 0.25rem; }
.order-prev-panel-subtitle[b-puhsy24urw] { font-size: 13px; color: #9ca3af; margin-bottom: 1.5rem; }

/* Status Timeline (shared with OrderDetailsEdit) */
.status-timeline[b-puhsy24urw] { display: flex; flex-direction: column; gap: 0; }
.status-step[b-puhsy24urw] { display: flex; gap: 1rem; align-items: flex-start; }
.status-step-indicator[b-puhsy24urw] { display: flex; flex-direction: column; align-items: center; }
.status-step-icon[b-puhsy24urw] {
    width: 40px; height: 40px; border-radius: 50%;
    border: 2px solid #d1d5db; background: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 600; color: #6b7280; flex-shrink: 0;
}
.status-step.completed .status-step-icon[b-puhsy24urw] { border-color: #8D744C; background: #8D744C; color: #fff; }
.status-step.active .status-step-icon[b-puhsy24urw] { border-color: #8D744C; color: #8D744C; background: #fef3e2; }
.status-connector[b-puhsy24urw] { width: 2px; height: 40px; background: #e5e7eb; margin: 4px 0; }
.connector-done[b-puhsy24urw] { background: #8D744C; }
.status-step-content[b-puhsy24urw] { display: flex; flex-direction: column; padding-top: 10px; padding-bottom: 20px; }
.status-step-label[b-puhsy24urw] { font-size: 14px; font-weight: 500; color: #1a1a1a; }
.status-step-date[b-puhsy24urw] { font-size: 12px; color: #9ca3af; margin-top: 2px; }

/* Personal Data - read-only */
.prev-fields-grid[b-puhsy24urw] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
@media (max-width: 600px) { .prev-fields-grid[b-puhsy24urw] { grid-template-columns: 1fr; } }
.prev-field[b-puhsy24urw] { display: flex; flex-direction: column; gap: 0.25rem; }
.prev-field label[b-puhsy24urw] { font-size: 12px; color: #9ca3af; }
.prev-field span[b-puhsy24urw] { font-size: 14px; color: #1a1a1a; padding-bottom: 0.5rem; border-bottom: 1px solid #f3f4f6; }

/* Documents Table */
.documents-table[b-puhsy24urw] { width: 100%; border-collapse: collapse; font-size: 14px; }
.documents-table thead tr[b-puhsy24urw] { background: #8D744C; }
.documents-table th[b-puhsy24urw] { color: #fff; padding: 0.75rem 1rem; text-align: left; font-weight: 500; white-space: nowrap; }
.documents-table td[b-puhsy24urw] { padding: 0.75rem 1rem; border-bottom: 1px solid #f3f4f6; }
.doc-status[b-puhsy24urw] { display: inline-block; padding: 0.2rem 0.6rem; border-radius: 20px; font-size: 12px; font-weight: 500; }
.status-completed[b-puhsy24urw] { background: #d1fae5; color: #065f46; }

/* Comments */
.no-comments[b-puhsy24urw] { color: #9ca3af; font-size: 14px; text-align: center; padding: 1rem 0; }
.comment-item[b-puhsy24urw] { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.comment-avatar[b-puhsy24urw] {
    width: 36px; height: 36px; border-radius: 50%; background: #f3f4f6;
    display: flex; align-items: center; justify-content: center; font-size: 16px; color: #9ca3af; flex-shrink: 0;
}
.comment-author[b-puhsy24urw] { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.comment-text[b-puhsy24urw] { font-size: 14px; color: #6b7280; margin-top: 2px; }

/* Location */
.op-location-section[b-puhsy24urw] { padding: 3rem 1.5rem; background: #F7F7F7; }
.op-location-inner[b-puhsy24urw] { max-width: 1200px; margin: 0 auto; }
.op-location-inner h2[b-puhsy24urw] { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.op-location-inner > p[b-puhsy24urw] { color: #6b7280; font-size: 14px; margin-bottom: 1.5rem; }
.op-location-body[b-puhsy24urw] { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 768px) { .op-location-body[b-puhsy24urw] { grid-template-columns: 1fr; } }
.op-location-info[b-puhsy24urw] { display: flex; gap: 2rem; }
.op-location-info h4[b-puhsy24urw] { font-weight: 600; margin-bottom: 1rem; }
.op-location-info p[b-puhsy24urw] { font-size: 14px; color: #6b7280; margin-bottom: 0.5rem; }
.op-location-map[b-puhsy24urw] { height: 300px; border-radius: 16px; overflow: hidden; }
/* /Pages/Profile.razor.rz.scp.css */
/* ============================================================
   Profile Page - Scoped CSS
   ============================================================ */

.profile-page[b-nca6tki13x] { background: #fff; min-height: 100vh; }

/* Hero */
.page-hero[b-nca6tki13x] {
    position: relative; height: 460px;
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
    padding-top: 80px;
}
.profile-hero[b-nca6tki13x] { background-image: url('/assets/home/my_services.png'); }
.hero-overlay[b-nca6tki13x] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-nca6tki13x] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-nca6tki13x] { font-size: 3rem; font-weight: 700; margin: 0; letter-spacing: 2px; }

/* Profile Section */
.profile-section[b-nca6tki13x] { padding: 4rem 1.5rem; background: #F7F7F7; min-height: 60vh; }

.profile-container[b-nca6tki13x] {
    max-width: 1100px; margin: 0 auto;
    display: grid; grid-template-columns: 280px 1fr;
    gap: 2rem; align-items: start;
}

@media (max-width: 768px) {
    .profile-container[b-nca6tki13x] { grid-template-columns: 1fr; }
}

/* Sidebar */
.profile-sidebar[b-nca6tki13x] {}

.sidebar-card[b-nca6tki13x] {
    background: #fff; border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.sidebar-title[b-nca6tki13x] {
    font-size: 1.1rem; font-weight: 700;
    color: #1a1a1a; margin-bottom: 1rem;
    padding-bottom: 0.75rem; border-bottom: 1px solid #e5e7eb;
}

.sidebar-menu[b-nca6tki13x] { list-style: none; padding: 0; margin: 0; }
.sidebar-menu li[b-nca6tki13x] { margin-bottom: 0.25rem; }

.sidebar-item[b-nca6tki13x] {
    display: flex; align-items: center; gap: 0.75rem;
    width: 100%; padding: 0.75rem 1rem;
    background: none; border: none; border-radius: 10px;
    font-size: 14px; color: #6b7280; cursor: pointer;
    text-align: left; transition: all 0.2s;
}
.sidebar-item i[b-nca6tki13x] { font-size: 18px; }
.sidebar-item:hover[b-nca6tki13x] { background: #f5f5f5; color: #1a1a1a; }
.sidebar-item.active[b-nca6tki13x] {
    background: linear-gradient(90deg, #F2E4CE 0%, #F7F7F7 100%);
    color: #8D744C; font-weight: 600;
}

/* ── Figma Style Profile Form ───────────────────────────── */
.profile-form-figma[b-nca6tki13x] {
    background: #FFFFFF;
    padding: 2.5rem;
}

.form-title-figma[b-nca6tki13x] {
    font-size: 20px;
    font-weight: 600;
    color: #8D744C;
    margin-bottom: 2rem;
}

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

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

.form-field-figma[b-nca6tki13x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field-figma label[b-nca6tki13x], .section-label-figma[b-nca6tki13x] {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.figma-input[b-nca6tki13x] {
    background: #F5F5F5;
    border: none;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-size: 14px;
    color: #808080;
    outline: none;
}

.figma-input.full-width[b-nca6tki13x] {
    width: 100%;
    margin-bottom: 1rem;
}

.password-section-figma[b-nca6tki13x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.form-actions-figma[b-nca6tki13x] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.btn-cancel-figma[b-nca6tki13x] {
    background: none;
    border: none;
    font-size: 15px;
    color: #000;
    cursor: pointer;
}

.btn-save-figma[b-nca6tki13x] {
    background: #8D744C;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 2.5rem;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.btn-save-figma:hover[b-nca6tki13x] {
    background: #7a6340;
}

/* Main Content */
.profile-main[b-nca6tki13x] {}

.profile-form-card[b-nca6tki13x] {
    background: #fff; border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.profile-section-title[b-nca6tki13x] {
    font-size: 1.5rem; font-weight: 700;
    color: #1a1a1a; margin-bottom: 2rem;
}

.profile-subsection[b-nca6tki13x] {
    font-size: 1.1rem; font-weight: 600;
    color: #1a1a1a; margin-bottom: 1.5rem;
}

.profile-fields-grid[b-nca6tki13x] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;
}

@media (max-width: 600px) { .profile-fields-grid[b-nca6tki13x] { grid-template-columns: 1fr; } }

.profile-field[b-nca6tki13x] { display: flex; flex-direction: column; gap: 0.5rem; }
.profile-field-full[b-nca6tki13x] { grid-column: 1 / -1; }

.profile-field label[b-nca6tki13x] { font-size: 13px; color: #6b7280; font-weight: 500; }

.profile-input[b-nca6tki13x] {
    padding: 0.6rem 0.75rem;
    border: 1px solid #e5e7eb; border-radius: 8px;
    font-size: 14px; color: #1a1a1a; outline: none;
    transition: border-color 0.2s;
}
.profile-input:focus[b-nca6tki13x] { border-color: #8D744C; }

.profile-divider[b-nca6tki13x] { height: 1px; background: #e5e7eb; margin: 2rem 0; }

.profile-actions[b-nca6tki13x] { display: flex; gap: 1rem; margin-top: 2rem; }

.profile-save-btn[b-nca6tki13x] {
    padding: 0.75rem 2rem; background: #8D744C; color: #fff;
    border: none; border-radius: 8px; font-weight: 600; cursor: pointer;
    transition: background 0.2s;
}
.profile-save-btn:hover[b-nca6tki13x] { background: #7a6340; }

.profile-cancel-btn[b-nca6tki13x] {
    padding: 0.75rem 2rem; background: #fff; color: #374151;
    border: 1px solid #e5e7eb; border-radius: 8px; font-weight: 500; cursor: pointer;
    transition: all 0.2s;
}
.profile-cancel-btn:hover[b-nca6tki13x] { border-color: #9ca3af; }

.profile-empty-state[b-nca6tki13x] { color: #9ca3af; font-size: 15px; padding: 2rem 0; text-align: center; }
/* /Pages/ServiceDetails.razor.rz.scp.css */
.details-page[b-8hvf8p28bf] {
    background-color: #fcfcfc;
    min-height: 100vh;
}

.loader-container[b-8hvf8p28bf], .error-container[b-8hvf8p28bf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
    text-align: center;
}

/* Hero Section */
.details-hero[b-8hvf8p28bf] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
}

.hero-bg[b-8hvf8p28bf] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.details-hero:hover .hero-bg[b-8hvf8p28bf] {
    transform: scale(1.05);
}

.hero-overlay[b-8hvf8p28bf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
}

.hero-content[b-8hvf8p28bf] {
    position: relative;
    z-index: 2;
    width: 100%;
}

.breadcrumb[b-8hvf8p28bf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    opacity: 0.9;
}

.breadcrumb a[b-8hvf8p28bf] {
    color: #fff;
    text-decoration: none;
}

.breadcrumb a:hover[b-8hvf8p28bf] {
    text-decoration: underline;
}

.service-title[b-8hvf8p28bf] {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.service-meta[b-8hvf8p28bf] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.meta-item[b-8hvf8p28bf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    background: rgba(255,255,255,0.15);
    padding: 8px 20px;
    border-radius: 30px;
    backdrop-filter: blur(8px);
}

.meta-item i[b-8hvf8p28bf] {
    font-size: 20px;
    color: #F2E4CE;
}

/* Main Grid */
.main-grid[b-8hvf8p28bf] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    margin-top: -60px;
    padding-bottom: 80px;
}

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

.content-col[b-8hvf8p28bf] {
    position: relative;
    z-index: 3;
}

.info-card[b-8hvf8p28bf] {
    background: #fff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.03);
}

.section-label[b-8hvf8p28bf] {
    font-size: 20px;
    font-weight: 600;
    color: #0D0D0D;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-label[b-8hvf8p28bf]::before {
    content: '';
    width: 4px;
    height: 24px;
    background: #8D744C;
    border-radius: 4px;
}

.service-desc[b-8hvf8p28bf] {
    color: #4B5563;
    line-height: 1.8;
    font-size: 16px;
}

.requirements-list[b-8hvf8p28bf] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

@media (max-width: 600px) {
    .requirements-list[b-8hvf8p28bf] {
        grid-template-columns: 1fr;
    }
}

.requirements-list li[b-8hvf8p28bf] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #374151;
    font-size: 15px;
}

.requirements-list li i[b-8hvf8p28bf] {
    color: #10B981;
    font-size: 20px;
}

/* Steps Timeline */
.steps-timeline[b-8hvf8p28bf] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.step-item[b-8hvf8p28bf] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.step-num[b-8hvf8p28bf] {
    width: 40px;
    height: 40px;
    background: #F2E4CE;
    color: #8D744C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.step-text[b-8hvf8p28bf] {
    color: #4B5563;
    font-size: 15px;
}

/* Side Column Sticky Card */
.side-col[b-8hvf8p28bf] {
    position: relative;
    z-index: 3;
}

.sticky-card[b-8hvf8p28bf] {
    position: sticky;
    top: 100px;
    background: #101828;
    color: #fff;
    padding: 35px;
    border-radius: 28px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.price-header[b-8hvf8p28bf] {
    margin-bottom: 25px;
}

.price-label[b-8hvf8p28bf] {
    font-size: 14px;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.price-value[b-8hvf8p28bf] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 5px;
}

.currency[b-8hvf8p28bf] {
    font-size: 1.2rem;
    color: #F2E4CE;
    margin-bottom: 6px;
}

.amount[b-8hvf8p28bf] {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

.fee-breakdown[b-8hvf8p28bf] {
    background: rgba(255,255,255,0.05);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 30px;
}

.fee-row[b-8hvf8p28bf] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 10px;
}

.fee-row:last-child[b-8hvf8p28bf] {
    margin-bottom: 0;
}

.fee-row span:last-child[b-8hvf8p28bf] {
    color: #F2E4CE;
}

.btn-apply[b-8hvf8p28bf] {
    width: 100%;
    padding: 18px;
    background: #F2E4CE;
    color: #101828;
    border: none;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.btn-apply:hover[b-8hvf8p28bf] {
    background: #fff;
    transform: translateY(-2px);
}

.guarantee-text[b-8hvf8p28bf] {
    text-align: center;
    font-size: 13px;
    opacity: 0.6;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
/* /Pages/Services.razor.rz.scp.css */
/* ============================================================
   Services Page - Scoped CSS
   ============================================================ */

.services-page[b-nink5pebib] {
    background-color: #fff;
    min-height: 100vh;
}

/* ── Hero ─────────────────────────────────────────────────── */
.page-hero[b-nink5pebib] {
    position: relative;
    height: 460px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
}

.services-hero[b-nink5pebib] {
    background-image: url('/assets/home/my_services.png');
}

.hero-overlay[b-nink5pebib] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.hero-content[b-nink5pebib] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.hero-title[b-nink5pebib] {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: 2px;
}

/* ── Shared Container ─────────────────────────────────────── */
.section-container[b-nink5pebib] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ── Reliable Section ─────────────────────────────────────── */
.reliable-section[b-nink5pebib] {
    padding: 5rem 0;
    text-align: center;
}

.reliable-title[b-nink5pebib] {
    font-size: 2.25rem;
    font-weight: 600;
    color: #0D0D0D;
    margin-bottom: 1rem;
}

.reliable-subtitle[b-nink5pebib] {
    font-size: 16px;
    color: #808080;
    max-width: 640px;
    margin: 0 auto 2.5rem;
    line-height: 1.6;
}

.filters-row[b-nink5pebib] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 800px;
    margin: 0 auto;
}

.filter-select-wrapper[b-nink5pebib] {
    position: relative;
    min-width: 40%;
    max-width: 360px;
    flex: 1;
}

.filter-select[b-nink5pebib] {
    width: 100%;
    height: 52px;
    padding: 0 2.5rem 0 1.5rem;
    border: 1px solid #D1D5DB;
    border-radius: 50px;
    background: #ffffff;
    font-size: 15px;
    font-weight: 400;
    color: #6B7280;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease;
}

.filter-arrow[b-nink5pebib] {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #9CA3AF;
    pointer-events: none;
}

/* ── Categories Section ───────────────────────────────────── */
.categories-section[b-nink5pebib] {
    padding: 0 0 4rem;
}

.category-item[b-nink5pebib] {
    margin-bottom: 2rem;
}

.category-header[b-nink5pebib] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: background 0.3s ease;
}

.category-header.active[b-nink5pebib] {
    background: linear-gradient(90deg, #F2E4CE 0%, #F7F7F7 50%, #EDE3D2 100%);
}

.category-icon-img[b-nink5pebib] {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.category-header-title[b-nink5pebib] {
    font-weight: 600;
    font-size: 16px;
    color: #1a1a1a;
}

.category-chevron[b-nink5pebib] {
    font-size: 22px;
    color: #6b7280;
}

/* ── Services Grid ────────────────────────────────────────── */
.services-grid[b-nink5pebib] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.5rem;
    padding: 2rem 0;
}

@media (min-width: 768px) {
    .services-grid[b-nink5pebib] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.service-card[b-nink5pebib] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(242,228,206,0.9) 0%, rgba(247,247,247,0.9) 50%, rgba(237,227,210,0.9) 100%);
    box-shadow: 0 4px 4px -1px rgba(12,12,13,0.1), 0 4px 4px -1px rgba(88,67,34,0.2);
    min-height: 280px;
    transition: transform 0.2s ease;
}

.service-card:hover[b-nink5pebib] {
    transform: translateY(-4px);
}

.service-card-icon img[b-nink5pebib] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.service-card-title[b-nink5pebib] {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #1a1a1a;
}

.service-card-price[b-nink5pebib] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.price-amount[b-nink5pebib] {
    font-size: 2.5rem;
    font-weight: 500;
    color: #8D744C;
}

.price-currency[b-nink5pebib] {
    font-size: 1.2rem;
    color: #8D744C;
}

.service-card-divider[b-nink5pebib] {
    width: 100%;
    height: 1px;
    background: #d1d5db;
}

.service-card-btn[b-nink5pebib] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.5rem;
    background-color: #101828;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
}

/* ── Location Section ─────────────────────────────────────── */
.location-section[b-nink5pebib] {
    padding: 3rem 1.5rem;
    background: #F7F7F7;
}

.location-inner[b-nink5pebib] {
    max-width: 1200px;
    margin: 0 auto;
}

.location-title[b-nink5pebib] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.location-subtitle[b-nink5pebib] {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.location-divider[b-nink5pebib] {
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 2rem;
}

.location-body[b-nink5pebib] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

@media (max-width: 768px) {
    .location-body[b-nink5pebib] {
        grid-template-columns: 1fr;
    }
}

.location-info[b-nink5pebib] {
    display: flex;
    gap: 2rem;
}

.location-social[b-nink5pebib] {
    display: flex;
    gap: 0.5rem;
    margin: 1rem 0;
}

.loc-social-btn[b-nink5pebib] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    text-decoration: none;
}

.get-direction-btn[b-nink5pebib] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    background-color: #8D744C;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}

.location-map[b-nink5pebib] {
    height: 300px;
    border-radius: 16px;
    overflow: hidden;
}
/* /Pages/Terms.razor.rz.scp.css */
/* ============================================================
   Terms Page - Scoped CSS
   ============================================================ */

.terms-page[b-wlw15me56j] { background: #fff; min-height: 100vh; }

.page-hero[b-wlw15me56j] {
    position: relative; height: 460px;
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center; padding-top: 80px;
}
.terms-hero[b-wlw15me56j] { background-image: url('/assets/home/my_services.png'); }
.hero-overlay[b-wlw15me56j] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.hero-content[b-wlw15me56j] { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero-title[b-wlw15me56j] { font-size: 3rem; font-weight: 700; margin: 0; }

.terms-section[b-wlw15me56j] { padding: 5rem 1.5rem; }
.terms-container[b-wlw15me56j] { max-width: 800px; margin: 0 auto; }

.terms-date[b-wlw15me56j] { font-size: 13px; color: #9ca3af; margin-bottom: 1rem; }
.terms-intro[b-wlw15me56j] { font-size: 14px; color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; }

.terms-items[b-wlw15me56j] { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; }

.terms-item[b-wlw15me56j] {}
.terms-item-title[b-wlw15me56j] { font-size: 16px; font-weight: 600; color: #1a1a1a; margin-bottom: 0.5rem; }
.terms-item-body[b-wlw15me56j] { font-size: 14px; color: #6b7280; line-height: 1.7; }

.terms-item-body ul[b-wlw15me56j] { padding-left: 1.5rem; margin: 0.5rem 0; }
.terms-item-body li[b-wlw15me56j] { margin-bottom: 0.25rem; }

.terms-divider[b-wlw15me56j] { height: 1px; background: #e5e7eb; }

/* Support CTA */
.terms-support-section[b-wlw15me56j] { padding: 3rem 1.5rem; background: #F7F7F7; }
.terms-support-card[b-wlw15me56j] {
    position: relative; max-width: 1200px; margin: 0 auto; border-radius: 20px;
    overflow: hidden; min-height: 200px; background-image: url('/assets/home/support.jpg');
    background-size: cover; background-position: center;
    display: flex; align-items: center; justify-content: center;
}
.support-overlay[b-wlw15me56j] { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.support-content[b-wlw15me56j] { position: relative; z-index: 1; text-align: center; color: #fff; padding: 2rem; }
.support-content h2[b-wlw15me56j] { font-size: 1.75rem; font-weight: 600; margin-bottom: 0.75rem; }
.support-content p[b-wlw15me56j] { opacity: 0.9; margin-bottom: 1.5rem; }
.support-btn[b-wlw15me56j] {
    display: inline-block; padding: 0.75rem 2rem; background: #fff; color: #101828;
    border-radius: 24px; font-weight: 600; text-decoration: none; transition: background 0.2s;
}
.support-btn:hover[b-wlw15me56j] { background: #f0f0f0; }
/* /Pages/VerifyOtp.razor.rz.scp.css */
/* ============================================================
   VerifyOtp Page - Scoped CSS
   ============================================================ */

.login-page-container[b-tk649w9sin] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.login-background[b-tk649w9sin] {
    position: absolute;
    inset: 0;
    background-image: url('/assets/home/wp.png');
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.login-overlay[b-tk649w9sin] {
    position: absolute;
    inset: 0;
    background: linear-gradient(255deg, rgba(66,66,66,0.24) 23.92%, rgba(33,33,33,0.85) 83.92%);
    z-index: 1;
}

.login-content[b-tk649w9sin] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.login-grid[b-tk649w9sin] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 768px) {
    .login-grid[b-tk649w9sin] {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.login-left[b-tk649w9sin] {
    color: #fff;
}

.government-title[b-tk649w9sin] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.welcome-title[b-tk649w9sin] {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.welcome-description[b-tk649w9sin] {
    max-width: 420px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.5;
}

.login-card[b-tk649w9sin] {
    background-color: #fff;
    border-radius: 24px;
    padding: 1.25rem;
    max-width: 420px;
    width: 100%;
    margin-left: auto;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
}

.card-subtitle[b-tk649w9sin] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.card-title[b-tk649w9sin] {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #1a1a1a;
}

.otp-description[b-tk649w9sin] {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.otp-description strong[b-tk649w9sin] {
    color: #1a1a1a;
}

.otp-input-container[b-tk649w9sin] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.otp-input[b-tk649w9sin] {
    width: 45px;
    height: 55px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    background-color: #f9fafb;
    transition: all 0.2s;
}

.otp-input:focus[b-tk649w9sin] {
    border-color: #8D744C;
    box-shadow: 0 0 0 3px rgba(141, 116, 76, 0.1);
    outline: none;
    background-color: #fff;
}

.timer-row[b-tk649w9sin] {
    text-align: center;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.timer-text[b-tk649w9sin] {
    font-weight: 600;
    color: #8D744C;
}

.btn-submit[b-tk649w9sin] {
    background-color: #8D744C !important;
    color: #fff !important;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-submit:hover:not(:disabled)[b-tk649w9sin] {
    background-color: #7a6340;
}

.btn-submit:disabled[b-tk649w9sin] {
    opacity: 0.6;
    cursor: not-allowed;
}

.toggle-text[b-tk649w9sin] {
    text-align: center;
    margin-top: 2rem;
    font-size: 14px;
    color: #6b7280;
}

.toggle-link[b-tk649w9sin] {
    color: #8D744C;
    cursor: pointer;
    font-weight: 600;
}

.resend-disabled[b-tk649w9sin] {
    color: #9ca3af;
    cursor: not-allowed;
}

.w-100[b-tk649w9sin] {
    width: 100%;
}
/* /Shared/CustomerFooter.razor.rz.scp.css */
/* ============================================================
   CustomerFooter Scoped CSS
   ============================================================ */

.customer-footer[b-lqryh9h4iq] {
    background-color: #F7F7F7;
}

.footer-container[b-lqryh9h4iq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Footer Top */
.footer-top[b-lqryh9h4iq] {
    padding: 3rem 0;
}

.footer-top .footer-container[b-lqryh9h4iq] {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    gap: 4rem;
    align-items: start;
}

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

.footer-left[b-lqryh9h4iq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-contact-title[b-lqryh9h4iq] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.footer-email-row[b-lqryh9h4iq] {
    display: flex;
    gap: 0.5rem;
    max-width: 360px;
}

.footer-email-input[b-lqryh9h4iq] {
    flex: 1;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    outline: none;
    background: #fff;
    transition: border-color 0.2s;
}

.footer-email-input:focus[b-lqryh9h4iq] {
    border-color: #8D744C;
}

.footer-email-btn[b-lqryh9h4iq] {
    width: 40px;
    height: 40px;
    background-color: #9c7b4a;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: background 0.2s;
    flex-shrink: 0;
}

.footer-email-btn:hover[b-lqryh9h4iq] {
    background-color: #8a6b3f;
}

.footer-info-row[b-lqryh9h4iq] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer-info-item[b-lqryh9h4iq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 14px;
    color: #555;
}

/* Links Grid */
.footer-links-grid[b-lqryh9h4iq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.footer-links-col[b-lqryh9h4iq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-link[b-lqryh9h4iq] {
    color: #808080;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s;
}

.footer-link:hover[b-lqryh9h4iq] {
    color: #1a1a1a;
}

/* Footer Bottom */
.footer-bottom[b-lqryh9h4iq] {
    border-top: 1px solid #e5e7eb;
    padding: 1.25rem 0 2rem;
}

.footer-bottom-inner[b-lqryh9h4iq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-copyright[b-lqryh9h4iq] {
    font-size: 14px;
    color: #1976d2;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-copyright:hover[b-lqryh9h4iq] {
    text-decoration: underline;
    color: #1565c0;
}

.footer-social-icons[b-lqryh9h4iq] {
    display: flex;
    gap: 0.5rem;
}

.footer-social-btn[b-lqryh9h4iq] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
    text-decoration: none;
}

.footer-social-btn:hover[b-lqryh9h4iq] {
    background: #e5e7eb;
}

.footer-social-btn img[b-lqryh9h4iq] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
/* /Shared/CustomerHeader.razor.rz.scp.css */
/* ============================================================
   CustomerHeader Scoped CSS
   ============================================================ */

/* Header Container */
.customer-header[b-vifc07uw1s] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.customer-header.scrolled .header-inner[b-vifc07uw1s] {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* Header Inner Box - Pill shaped white card */
.header-inner[b-vifc07uw1s] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    position: relative;
}

/* Logo */
.header-logo[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.header-logo:hover[b-vifc07uw1s] {
    transform: scale(1.05);
}

.logo-img[b-vifc07uw1s] {
    width: 140px;
    height: 40px;
    object-fit: contain;
}

/* Navigation */
.header-nav[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.nav-link[b-vifc07uw1s] {
    text-decoration: none;
    color: #999696;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.2s;
}

.nav-link[b-vifc07uw1s]::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #1a1a1a;
    transition: width 0.3s ease;
}

.nav-link:hover[b-vifc07uw1s] {
    color: #1a1a1a;
}

.nav-link:hover[b-vifc07uw1s]::after,
.nav-link.active[b-vifc07uw1s]::after {
    width: 100%;
}

.nav-link.active[b-vifc07uw1s] {
    color: #1a1a1a;
    font-weight: 700;
}

/* Actions */
.header-actions[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}

/* Search */
.search-box[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 0.4rem 0.75rem;
    border-radius: 10px;
    gap: 0.5rem;
}

.search-icon[b-vifc07uw1s] {
    color: #555;
    font-size: 16px;
}

.search-input[b-vifc07uw1s] {
    border: none;
    background: transparent;
    outline: none;
    width: 140px;
    font-size: 14px;
    color: #333;
}

/* Language Button */
.lang-btn[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    padding: 0.25rem;
}

.flag-icon[b-vifc07uw1s] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

/* Avatar */
.avatar-wrapper[b-vifc07uw1s] {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.user-avatar[b-vifc07uw1s] {
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-icon[b-vifc07uw1s] {
    font-size: 32px;
    color: #1a1a1a;
}

/* User Dropdown Menu */
.user-menu[b-vifc07uw1s] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    min-width: 180px;
    overflow: hidden;
    z-index: 100;
    animation: fadeInDown-b-vifc07uw1s 0.2s ease;
}

@keyframes fadeInDown-b-vifc07uw1s {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.user-menu-item[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 14px;
    color: #374151;
    text-decoration: none;
    transition: background 0.15s;
    cursor: pointer;
    width: 100%;
    border: none;
    background: none;
    text-align: left;
}

.user-menu-item:hover[b-vifc07uw1s] {
    background: #f5f5f5;
}

.user-menu-divider[b-vifc07uw1s] {
    height: 1px;
    background: #e5e7eb;
    margin: 0.25rem 0;
}

.user-menu-logout[b-vifc07uw1s] {
    color: #dc2626;
}

.user-menu-logout:hover[b-vifc07uw1s] {
    background: #fef2f2;
}

/* Mobile */
.mobile-menu-btn[b-vifc07uw1s] {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #1a1a1a;
    padding: 0.25rem;
}

.mobile-overlay[b-vifc07uw1s] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 990;
}

.mobile-drawer[b-vifc07uw1s] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 280px;
    background: #fff;
    z-index: 995;
    padding: 1.5rem;
    box-shadow: -4px 0 20px rgba(0,0,0,0.15);
    animation: slideInRight-b-vifc07uw1s 0.3s ease;
}

@keyframes slideInRight-b-vifc07uw1s {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.mobile-drawer-header[b-vifc07uw1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.mobile-close-btn[b-vifc07uw1s] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #1a1a1a;
    padding: 0.25rem;
}

.mobile-nav[b-vifc07uw1s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mobile-nav-link[b-vifc07uw1s] {
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: #999696;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    transition: background 0.15s;
}

.mobile-nav-link:hover[b-vifc07uw1s],
.mobile-nav-link.active[b-vifc07uw1s] {
    background: #f5f5f5;
    color: #1a1a1a;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 900px) {
    .header-nav[b-vifc07uw1s],
    .search-box[b-vifc07uw1s],
    .lang-btn[b-vifc07uw1s] {
        display: none;
    }

    .mobile-menu-btn[b-vifc07uw1s] {
        display: flex;
    }
}
/* /Shared/CustomerLayout.razor.rz.scp.css */
/* ============================================================
   CustomerLayout - Global Customer Font Override
   Ensures Inter font is used in all customer-facing pages,
   matching the Next.js design system exactly.
   ============================================================ */

.customer-layout[b-9jshmhlv8r],
.customer-layout *[b-9jshmhlv8r] {
    font-family: 'Inter', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    box-sizing: border-box;
}

.customer-layout[b-9jshmhlv8r] {
    min-height: 100vh;
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: none !important;
    --tw-shadow: none !important;
}

/* Reset Bootstrap blue glow on all customer interactive elements */
.customer-layout *:focus[b-9jshmhlv8r] {
    outline: none !important;
    box-shadow: none !important;
}

.customer-layout input:focus[b-9jshmhlv8r],
.customer-layout textarea:focus[b-9jshmhlv8r],
.customer-layout select:focus[b-9jshmhlv8r] {
    outline: none !important;
    box-shadow: none !important;
    border-color: #8D744C !important;
}

/* Reset any heading margins from Bootstrap/Global */
.customer-layout h1[b-9jshmhlv8r],
.customer-layout h2[b-9jshmhlv8r],
.customer-layout h3[b-9jshmhlv8r],
.customer-layout h4[b-9jshmhlv8r],
.customer-layout h5[b-9jshmhlv8r],
.customer-layout h6[b-9jshmhlv8r],
.customer-layout p[b-9jshmhlv8r] {
    margin: 0;
    padding: 0;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-iz01r4qvx1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-iz01r4qvx1] {
    flex: 1;
}

.sidebar[b-iz01r4qvx1] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-iz01r4qvx1] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-iz01r4qvx1]  a, .top-row .btn-link[b-iz01r4qvx1] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-iz01r4qvx1] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-iz01r4qvx1] {
        display: none;
    }

    .top-row.auth[b-iz01r4qvx1] {
        justify-content: space-between;
    }

    .top-row a[b-iz01r4qvx1], .top-row .btn-link[b-iz01r4qvx1] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-iz01r4qvx1] {
        flex-direction: row;
    }

    .sidebar[b-iz01r4qvx1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-iz01r4qvx1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-iz01r4qvx1], article[b-iz01r4qvx1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7rtx9q8b09] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-7rtx9q8b09] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-7rtx9q8b09] {
    font-size: 1.1rem;
}

.oi[b-7rtx9q8b09] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-7rtx9q8b09] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-7rtx9q8b09] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-7rtx9q8b09] {
    padding-bottom: 1rem;
}

.nav-item[b-7rtx9q8b09]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-7rtx9q8b09]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item[b-7rtx9q8b09]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(0, 0, 0);
}

@media (min-width: 641px) {
    .navbar-toggler[b-7rtx9q8b09] {
        display: none;
    }

    .collapse[b-7rtx9q8b09] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-7rtx9q8b09] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Custom Sidebar Styles */
[b-7rtx9q8b09] .side-menu__logout {
    color: #e11d48 !important;
    /* Rose-600 */
}

[b-7rtx9q8b09] .side-menu__logout:hover {
    color: #be123c !important;
    /* Rose-700 */
    background-color: rgba(225, 29, 72, 0.1) !important;
}

[b-7rtx9q8b09] .side-menu__logout .side-menu__icon {
    color: inherit !important;
}