/* /Pages/AboutCompany.razor.rz.scp.css */
.about-container[b-xl8ceiibr8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px;
}

.page-title[b-xl8ceiibr8] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 48px;
    text-align: center;
}

.section-title[b-xl8ceiibr8] {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 24px;
}

/* Секция с фактами */
.facts-grid[b-xl8ceiibr8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-bottom: 48px;
}

.fact-card[b-xl8ceiibr8] {
    background: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    text-align: center;
    transition: transform 0.3s ease;
}

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

.fact-number[b-xl8ceiibr8] {
    font-size: 36px;
    font-weight: 700;
    color: rgb(32, 23, 87);
    margin-bottom: 12px;
}

.fact-text[b-xl8ceiibr8] {
    font-size: 16px;
    color: #666;
}

/* Секция миссии */
.mission-cards[b-xl8ceiibr8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-bottom: 48px;
}

.mission-card[b-xl8ceiibr8] {
    background: white;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.mission-icon[b-xl8ceiibr8] {
    font-size: 32px;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

/* Основной контент */
.content-section[b-xl8ceiibr8] {
    margin-bottom: 48px;
}

.content-block[b-xl8ceiibr8] {
    background: white;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    line-height: 1.6;
}

/* История */
.timeline[b-xl8ceiibr8] {
    position: relative;
    padding: 32px 0;
}

.timeline-item[b-xl8ceiibr8] {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

.timeline-date[b-xl8ceiibr8] {
    font-size: 20px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

.timeline-content[b-xl8ceiibr8] {
    background: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Контакты */
.contacts-grid[b-xl8ceiibr8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.contact-card[b-xl8ceiibr8] {
    background: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.contact-list[b-xl8ceiibr8] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-list li[b-xl8ceiibr8] {
    margin-bottom: 12px;
}

.social-links[b-xl8ceiibr8] {
    display: flex;
    gap: 16px;
}

.social-link[b-xl8ceiibr8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgb(32, 23, 87);
    color: white;
    text-decoration: none;
    transition: all 0.2s ease;
}

.social-link:hover[b-xl8ceiibr8] {
    background: #1a1654;
    transform: translateY(-2px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .about-container[b-xl8ceiibr8] {
        padding: 20px;
    }

    .page-title[b-xl8ceiibr8] {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .section-title[b-xl8ceiibr8] {
        font-size: 20px;
    }

    .fact-card[b-xl8ceiibr8] {
        padding: 20px;
    }

    .fact-number[b-xl8ceiibr8] {
        font-size: 28px;
    }

    .timeline-item[b-xl8ceiibr8] {
        grid-template-columns: 1fr;
    }

    .timeline-date[b-xl8ceiibr8] {
        margin-bottom: 8px;
    }
}
/* /Pages/AnalyticsPage.razor.rz.scp.css */
:root[b-ls6t5cpu2p] {
    --blue: #0757d8;
    --blue-dark: #003b9f;
    --green: #16a34a;
    --green-bg: #eaf8ef;
    --red: #ef4444;
    --orange: #f59e0b;
    --text: #172033;
    --muted: #6b7280;
    --line: #e5eaf2;
    --bg: #f4f7fb;
    --card: #ffffff;
    --shadow: 0 8px 24px rgba(20, 38, 80, 0.08);
    --radius: 18px;
}

.analytics-page[b-ls6t5cpu2p] {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.analytics-page .app[b-ls6t5cpu2p] {
    max-width: 480px;
    margin: 0 auto;
    min-height: 100vh;
    background: var(--bg);
    position: relative;
}

.topbar[b-ls6t5cpu2p] {
    height: 118px;
    background: linear-gradient(135deg, #003b9f, #0066ef);
    color: #fff;
    padding: 16px 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 10;
}

.topbar-left[b-ls6t5cpu2p],
.topbar-right[b-ls6t5cpu2p] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.icon-btn[b-ls6t5cpu2p] {
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.logo[b-ls6t5cpu2p] {
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
}

.logo span:first-child[b-ls6t5cpu2p] { color: #00a4ef; }
.logo span:last-child[b-ls6t5cpu2p] { color: #ffd21f; }

.badge[b-ls6t5cpu2p] {
    position: absolute;
    top: -4px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ffd21f;
    color: #122033;
    font-size: 11px;
    font-weight: 800;
    display: grid;
    place-items: center;
}

.sheet[b-ls6t5cpu2p] {
    margin-top: -18px;
    background: #fff;
    border-radius: 28px 28px 0 0;
    padding: 22px 16px 100px;
    min-height: calc(100vh - 100px);
}

.analytics-spinner[b-ls6t5cpu2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 20px 0;
}

.title-row[b-ls6t5cpu2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

h1[b-ls6t5cpu2p] {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;
}

.filter-link[b-ls6t5cpu2p] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    cursor: pointer;
}

.field-label[b-ls6t5cpu2p] {
    color: #667085;
    font-size: 15px;
    margin: 0 0 8px 14px;
}

.select[b-ls6t5cpu2p] {
    position: relative;
    height: 54px;
    width: 100%;
    border: 1px solid #d7deea;
    border-radius: 10px;
    background: #fff;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.supplier-select[b-ls6t5cpu2p] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #1f2937;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
}

.payment-mode-switch[b-ls6t5cpu2p] {
    margin-bottom: 22px;
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    box-shadow: var(--shadow);
}

.payment-mode-switch .switch-label[b-ls6t5cpu2p] {
    font-size: 14px;
    color: #475467;
    margin-bottom: 10px;
}

.switch-buttons[b-ls6t5cpu2p] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.switch-btn[b-ls6t5cpu2p] {
    border: 1px solid #d7deea;
    background: #f8fafc;
    color: #334155;
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    justify-content: center;
    min-height: 44px;
}

.switch-btn.active[b-ls6t5cpu2p] {
    background: #e8f1ff;
    border-color: #0757d8;
    color: #0757d8;
}

.switch-btn[b-ls6t5cpu2p]::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #94a3b8;
    background: #fff;
    display: inline-block;
    transition: background .2s ease, border-color .2s ease;
}

.switch-btn.active[b-ls6t5cpu2p]::before {
    background: #0757d8;
    border-color: #0757d8;
}

.payment-count-picker[b-ls6t5cpu2p] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-left: 14px;
}

.payment-count-picker label[b-ls6t5cpu2p] {
    color: #334155;
    font-weight: 600;
}

.pagination-dropdown[b-ls6t5cpu2p] {
    min-width: 84px;
    border: 1px solid #d7deea;
    border-radius: 10px;
    background: #fff;
    padding: 10px 14px;
    font-size: 14px;
    color: #1f2937;
    cursor: pointer;
}

.supplier-select:focus[b-ls6t5cpu2p] {
    outline: none;
}

.select-icon[b-ls6t5cpu2p] {
    position: absolute;
    right: 14px;
    pointer-events: none;
}

.summary[b-ls6t5cpu2p] {
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 18px 12px;
    gap: 10px;
    margin-bottom: 16px;
    overflow: hidden;
}

.summary-item[b-ls6t5cpu2p] {
    padding: 0 10px;
    border-right: 1px solid var(--line);
    min-width: 0;
}

.summary-item:last-child[b-ls6t5cpu2p] {
    border-right: 0;
}

.summary-label[b-ls6t5cpu2p] {
    font-size: 13px;
    line-height: 1.25;
    color: #3f4a5f;
    margin-bottom: 8px;
    min-height: 32px;
}

.summary-value[b-ls6t5cpu2p] {
    font-size: 24px;
    font-weight: 800;
    color: var(--blue);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.summary-value.green[b-ls6t5cpu2p] { color: var(--green); }

.actions[b-ls6t5cpu2p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.btn[b-ls6t5cpu2p] {
    min-height: 48px;
    border-radius: 10px;
    border: 1px solid #dce3ef;
    background: #fff;
    color: var(--blue);
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.btn-primary[b-ls6t5cpu2p],
.btn-green[b-ls6t5cpu2p] {
    border: 0;
    color: #fff;
    min-height: 56px;
    flex-direction: column;
    gap: 2px;
    line-height: 1.15;
    box-shadow: 0 8px 16px rgba(7, 87, 216, .22);
}

.btn-primary[b-ls6t5cpu2p] { background: linear-gradient(135deg, #0757d8, #0058ed); }
.btn-green[b-ls6t5cpu2p] { background: linear-gradient(135deg, #16a34a, #0c8e3c); box-shadow: 0 8px 16px rgba(22, 163, 74, .22); }

.btn small[b-ls6t5cpu2p] {
    font-size: 12px;
    font-weight: 500;
    opacity: .95;
}

.btn-fullwidth[b-ls6t5cpu2p] {
    grid-column: 1 / -1;
    width: 100%;
}

.document-list[b-ls6t5cpu2p] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc-card[b-ls6t5cpu2p] {
    background: #fff;
    border: 1px solid #e7edf6;
    border-radius: 16px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 34px 1fr 20px;
    gap: 10px;
    box-shadow: 0 4px 14px rgba(20, 38, 80, 0.04);
}

.simple-payment-card[b-ls6t5cpu2p] {
    grid-template-columns: 1fr;
    padding: 18px 20px;
}

.simple-payment-card .doc-title[b-ls6t5cpu2p] {
    font-size: 16px;
    margin-bottom: 4px;
}

.simple-payment-meta[b-ls6t5cpu2p] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    color: #475467;
    font-size: 13px;
    margin-bottom: 12px;
}

.simple-payment-stats[b-ls6t5cpu2p] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
}

.simple-payment-footer[b-ls6t5cpu2p] {
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}

.simple-payment-footer-row[b-ls6t5cpu2p] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: end;
}

.simple-payment-footer-block[b-ls6t5cpu2p] {
    flex: 1 1 200px;
    display: grid;
    gap: 8px;
}

.simple-payment-confirm[b-ls6t5cpu2p] {
    margin-top: 18px;
    display: grid;
    gap: 12px;
}

.comment-textarea[b-ls6t5cpu2p] {
    width: 100%;
    min-height: 100px;
    border: 1px solid #d7deea;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 14px;
    color: #1f2937;
    resize: vertical;
}

.comment-actions[b-ls6t5cpu2p] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.comment-actions .btn[b-ls6t5cpu2p] {
    min-height: 46px;
    padding: 0 18px;
}

.footer-label[b-ls6t5cpu2p] {
    color: #475467;
    font-size: 13px;
    font-weight: 600;
}

.footer-value[b-ls6t5cpu2p] {
    font-size: 22px;
    font-weight: 800;
    color: var(--blue);
}

.simple-payment-footer-btn[b-ls6t5cpu2p] {
    min-height: 52px;
    padding: 0 24px;
    font-size: 15px;
}

.simple-payment-stats .stat-label[b-ls6t5cpu2p] {
    color: #64748b;
    font-size: 12px;
    margin-bottom: 4px;
}

.simple-payment-stats .stat-value[b-ls6t5cpu2p] {
    font-size: 18px;
    font-weight: 800;
    color: var(--blue);
}

.simple-payment-actions[b-ls6t5cpu2p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 8px;
}

.simple-payment-input label[b-ls6t5cpu2p] {
    display: block;
    color: #475467;
    font-size: 13px;
    margin-bottom: 6px;
}

.simple-payment-btn[b-ls6t5cpu2p] {
    min-height: 48px;
    padding: 0 20px;
}

.simple-payment-list[b-ls6t5cpu2p] {
    margin-top: 18px;
}

.simple-payment-card .payment-message[b-ls6t5cpu2p] {
    margin-top: 12px;
}

.check[b-ls6t5cpu2p] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    display: grid;
    place-items: center;
    margin-top: 3px;
    color: #fff;
    background: #fff;
    font-weight: 900;
    cursor: pointer;
}

.check.active[b-ls6t5cpu2p] {
    background: var(--blue);
    border-color: var(--blue);
}

.doc-content[b-ls6t5cpu2p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc-title[b-ls6t5cpu2p] {
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
    margin-bottom: 3px;
}

.doc-date[b-ls6t5cpu2p] {
    color: #667085;
    font-size: 14px;
    margin-bottom: 10px;
}

.doc-body[b-ls6t5cpu2p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 160px);
    gap: 10px;
    align-items: end;
}

.amount[b-ls6t5cpu2p] {
    font-size: 18px;
    font-weight: 800;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.pay-input[b-ls6t5cpu2p] {
    min-width: 0;
}

.amount.red[b-ls6t5cpu2p] { color: var(--red); }
.amount.green[b-ls6t5cpu2p] { color: var(--green); }
.amount.orange[b-ls6t5cpu2p] { color: var(--orange); }

.pay-input[b-ls6t5cpu2p] {
    height: 42px;
    border: 1px solid #d7deea;
    border-radius: 9px;
    padding: 0 10px;
    font-size: 16px;
    width: 100%;
    color: #344054;
    background: #fff;
    text-align: right;
}

.status-row[b-ls6t5cpu2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

.status[b-ls6t5cpu2p] {
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.status.ready[b-ls6t5cpu2p] {
    color: #15803d;
    background: var(--green-bg);
    border: 1px solid #bce8c9;
}

.status.empty[b-ls6t5cpu2p] {
    color: #475467;
    background: #f6f7f9;
    border: 1px solid #e4e7ec;
}

.chevron[b-ls6t5cpu2p] {
    color: #667085;
    font-size: 28px;
    line-height: 1;
    align-self: center;
}

.bottom-nav[b-ls6t5cpu2p] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 480px;
    height: 78px;
    background: rgba(255, 255, 255, .96);
    border-top: 1px solid #e5eaf2;
    box-shadow: 0 -8px 24px rgba(20, 38, 80, .08);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 7px 4px 10px;
    z-index: 20;
    backdrop-filter: blur(14px);
}

.nav-item[b-ls6t5cpu2p] {
    border: 0;
    background: transparent;
    color: #667085;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    cursor: pointer;
}

.nav-item.active[b-ls6t5cpu2p] { color: var(--blue); }
.nav-icon[b-ls6t5cpu2p] { font-size: 24px; line-height: 1; }

.status-message[b-ls6t5cpu2p],
.payment-message[b-ls6t5cpu2p] {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.4;
}

.payment-message.text-success[b-ls6t5cpu2p] { color: #15803d; }
.payment-message.text-danger[b-ls6t5cpu2p] { color: #dc2626; }

.other-payment-form[b-ls6t5cpu2p] {
    margin-top: 4px;
}

.other-payment-amount-wrap[b-ls6t5cpu2p] {
    width: 220px;
    max-width: 100%;
    margin-bottom: 18px;
    gap: 8px;
}

.other-payment-amount[b-ls6t5cpu2p] {
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.other-payment-currency[b-ls6t5cpu2p] {
    color: #667085;
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
}

.cashflow-dropdown[b-ls6t5cpu2p] {
    position: relative;
    margin-bottom: 18px;
}

.cashflow-trigger[b-ls6t5cpu2p] {
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
    text-align: left;
    height: 54px;
    min-height: 54px;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

.cashflow-trigger.open[b-ls6t5cpu2p] {
    border-color: #0757d8;
    background: #fff;
}

.cashflow-trigger.disabled[b-ls6t5cpu2p] {
    opacity: 0.7;
    cursor: default;
    pointer-events: none;
}

.cashflow-trigger-text[b-ls6t5cpu2p] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1f2937;
    font-size: 16px;
    font-weight: 400;
    padding-right: 28px;
    background: transparent;
}

.cashflow-trigger-text.placeholder[b-ls6t5cpu2p] {
    color: #98a2b3;
}

.cashflow-panel[b-ls6t5cpu2p] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 40;
    background: #fff;
    border: 1px solid #d7deea;
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(20, 38, 80, 0.12);
    overflow: hidden;
}

.cashflow-search-row[b-ls6t5cpu2p] {
    padding: 10px 12px;
    border-bottom: 1px solid #eef2f7;
    background: #f8fafc;
}

.cashflow-search-input[b-ls6t5cpu2p] {
    width: 100%;
    height: 40px;
    border: 1px solid #d7deea;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    color: #1f2937;
    background: #fff;
}

.cashflow-search-input:focus[b-ls6t5cpu2p] {
    outline: none;
    border-color: #0757d8;
}

.cashflow-options[b-ls6t5cpu2p] {
    max-height: 260px;
    overflow-y: auto;
}

.cashflow-option[b-ls6t5cpu2p] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
    text-align: left;
    padding: 12px 14px;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: #1f2937;
}

.cashflow-option:last-child[b-ls6t5cpu2p] {
    border-bottom: 0;
}

.cashflow-option:hover[b-ls6t5cpu2p],
.cashflow-option.selected[b-ls6t5cpu2p] {
    background: #e8f1ff;
}

.cashflow-empty[b-ls6t5cpu2p] {
    padding: 18px 14px;
    color: #64748b;
    font-size: 14px;
}

.other-payment-actions[b-ls6t5cpu2p] {
    margin-top: 8px;
    margin-bottom: 0;
}

.field-error[b-ls6t5cpu2p] {
    color: #dc2626;
    font-size: 13px;
    line-height: 1.3;
    margin: -8px 0 12px 14px;
}

@media (max-width: 390px) {
    .sheet[b-ls6t5cpu2p] { padding-left: 12px; padding-right: 12px; }
    .summary[b-ls6t5cpu2p] { padding: 14px 6px; }
    .summary-label[b-ls6t5cpu2p] { font-size: 12px; }
    .summary-value[b-ls6t5cpu2p] { font-size: 20px; }
    .doc-body[b-ls6t5cpu2p] { grid-template-columns: 1fr; }
    .status-row[b-ls6t5cpu2p] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .actions[b-ls6t5cpu2p] { grid-template-columns: 1fr; }
}
/* /Pages/ChangePassword.razor.rz.scp.css */
/* Страница изменения пароля */
.change-password-page[b-egfbfe758a] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

/* Базовый контейнер */
.auth-container[b-egfbfe758a] {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 0 20px;
}

.auth-form[b-egfbfe758a] {
    background: white;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Группы полей */
.form-group[b-egfbfe758a] {
    margin-bottom: 24px;
}

.form-group label[b-egfbfe758a] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* Поля ввода */
.password-input-container[b-egfbfe758a] {
    position: relative;
    width: 100%;
}

.form-control[b-egfbfe758a] {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    color: #333;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: all 0.2s ease;
    padding-right: 40px;
}

.form-control:focus[b-egfbfe758a] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    background: white;
}

/* Иконка пароля */
.password-toggle[b-egfbfe758a] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.password-toggle:hover[b-egfbfe758a] {
    opacity: 1;
}

/* Кнопка действия */
.action-button[b-egfbfe758a] {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.primary-button[b-egfbfe758a] {
    background: rgb(32, 23, 87);
    color: white;
    border: none;
}

.primary-button:hover[b-egfbfe758a] {
    background: rgb(45, 35, 112);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Подсказки паролей */
.password-group[b-egfbfe758a] {
    position: relative;
    z-index: 1;
}

.password-group.has-suggestions[b-egfbfe758a] {
    z-index: 1002;
}

.password-suggestions[b-egfbfe758a] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
    z-index: 1003;
}

.password-suggestions-header[b-egfbfe758a] {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.password-suggestions ul[b-egfbfe758a] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.password-suggestions li[b-egfbfe758a] {
    padding: 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.password-suggestions li:hover[b-egfbfe758a] {
    background-color: #f5f5f5;
}

/* Для закрытия по клику */
.password-group.has-suggestions[b-egfbfe758a]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    pointer-events: none;
}

/* Адаптивность */
@media (max-width: 640px) {
    .auth-container[b-egfbfe758a] {
        margin: 20px auto;
    }

    .auth-form[b-egfbfe758a] {
        padding: 24px;
    }

    .form-control[b-egfbfe758a] {
        padding: 10px 12px;
        font-size: 14px;
    }

    .form-group label[b-egfbfe758a] {
        font-size: 13px;
    }
}
/* /Pages/CitySelection.razor.rz.scp.css */
.modal-content[b-eowjfjoal3] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    max-width: 900px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* Стили для поиска */
.search-city-container-nav-bar[b-eowjfjoal3] {
    position: relative;
    margin-bottom: 20px;
}

.form-control[b-eowjfjoal3] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.2s ease;
}

.form-control:focus[b-eowjfjoal3] {
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    outline: none;
}

.clear-button-nav-bar[b-eowjfjoal3] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.clear-button-nav-bar:hover[b-eowjfjoal3] {
    opacity: 1;
}

/* Стили для групп городов */
.city-group[b-eowjfjoal3] {
    margin-bottom: 24px;
}

.city-group h5[b-eowjfjoal3] {
    color: rgb(32, 23, 87);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #eee;
}

.city-group ul[b-eowjfjoal3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.city-group li[b-eowjfjoal3] {
    padding: 16px;
    background-color: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 54px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
}

.city-group li:hover[b-eowjfjoal3] {
    background-color: #fff;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}

.selected-city[b-eowjfjoal3] {
    background-color: green !important;
    color: white !important;
    border-color: rgb(32, 23, 87) !important;
    font-weight: 500;
}

/* Кнопка закрытия модального окна */
.close[b-eowjfjoal3] {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 32px;
    height: 32px;
    opacity: 0.6;
    cursor: pointer;
    font-size: 24px;
    color: #666;
    background: none;
    border: none;
    transition: opacity 0.2s;
}

.close:hover[b-eowjfjoal3] {
    opacity: 1;
}

.close[b-eowjfjoal3] {
    position: absolute;
    right: 24px;
    top: -7px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: #666;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.2s ease;
    z-index: 1000;
}

.close:hover[b-eowjfjoal3] {
    opacity: 1;
    color: rgb(32, 23, 87);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 640px) {
    .close[b-eowjfjoal3] {
        right: 16px;
        top: 16px;
    }

    .modal-content[b-eowjfjoal3] {
        width: 95%;
        padding: 16px;
    }

    .city-group ul[b-eowjfjoal3] {
        grid-template-columns: 1fr;
    }

    .city-group li[b-eowjfjoal3] {
        padding: 16px;
        min-height: 56px;
        font-size: 16px;
    }

    .form-control[b-eowjfjoal3] {
        font-size: 16px;
        padding: 14px 16px;
    }

    .close[b-eowjfjoal3] {
        right: 16px;
        top: -10px;
    }
}
/* /Pages/CompletionRegistration.razor.rz.scp.css */
.password-group[b-j2t5ubuk6i] {
    position: relative; /* Важно для правильного позиционирования выпадающего списка */
}

/* Отступ для поля с иконкой очистки */
.password-input-container .form-control[b-j2t5ubuk6i] {
    padding-right: 35px;
}

/* Для полей с двумя иконками (очистка + пароль) */
.password-group .form-control[b-j2t5ubuk6i] {
    padding-right: 70px;
}

.password-group .field-icon[b-j2t5ubuk6i] {
    right: 40px;
}

//* Базовые стили для подсказок пароля */
.password-suggestions[b-j2t5ubuk6i] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
    z-index: 1003;
}

/* Оверлей для закрытия при клике */
.password-group.has-suggestions[b-j2t5ubuk6i]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
}

/* Контейнер с подсказками поверх оверлея */
.password-group.has-suggestions[b-j2t5ubuk6i] {
    position: relative;
    z-index: 1002;
}

.password-suggestions ul[b-j2t5ubuk6i] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.password-suggestions li[b-j2t5ubuk6i] {
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    color: #2c3e50;
    font-family: monospace;
    font-size: 14px;
    transition: all 0.2s ease;
}

.password-suggestions li:hover[b-j2t5ubuk6i] {
    background-color: #f8f9fa;
    color: #16a085;
}

.password-suggestions li:active[b-j2t5ubuk6i] {
    background-color: #e9ecef;
    transform: scale(0.98);
}

/* Мобильная версия */
@media (max-width: 640px) {
    .password-suggestions[b-j2t5ubuk6i] {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 12px;
        z-index: 9998;
        width: 100%;
    }

    .password-group.has-suggestions[b-j2t5ubuk6i] {
        z-index: 9998;
    }

    /* Убираем лишние стили */
    .password-suggestions[b-j2t5ubuk6i]::after,
    .password-suggestions[b-j2t5ubuk6i]::before {
        display: none;
    }

    .password-suggestions li[b-j2t5ubuk6i] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    .password-suggestions li:last-child[b-j2t5ubuk6i] {
        border-bottom: none;
    }

    .password-suggestions li:hover[b-j2t5ubuk6i] {
        background-color: #f5f5f5;
    }

    /* Добавляем белый фон для перекрытия */
    .password-suggestions[b-j2t5ubuk6i]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: -1;
    }

    .password-group[b-j2t5ubuk6i] {
        position: relative;
        z-index: 9998; /* Увеличиваем z-index родителя */
    }

    .password-group:focus-within[b-j2t5ubuk6i] {
        z-index: 1001;
    }
    
    .password-group + .password-group[b-j2t5ubuk6i] {
        z-index: 1;
    }

    .password-suggestions-header[b-j2t5ubuk6i] {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

    .password-suggestions ul[b-j2t5ubuk6i] {
        margin: 0;
        padding: 0;
    }

    .password-suggestions ul li[b-j2t5ubuk6i] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .password-suggestions ul li:last-child[b-j2t5ubuk6i] {
        border-bottom: none;
    }
}

/* Убираем скролл и задаем фиксированную высоту для веб-версии */
@media (min-width: 641px) {
    .password-suggestions[b-j2t5ubuk6i] {
        height: auto;
        overflow: visible;
    }

    /* Убираем затемнение для веб-версии */
    .password-suggestions[b-j2t5ubuk6i]::before {
        display: none;
    }

    .password-suggestions li[b-j2t5ubuk6i] {
        padding: 8px 12px;
        cursor: pointer;
    }
}
/* /Pages/DisplaySpinner.razor.rz.scp.css */

.lds-spinner[b-q7jhxp42q4] {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-spinner div[b-q7jhxp42q4] {
        transform-origin: 40px 40px;
        animation: lds-spinner-b-q7jhxp42q4 1.2s linear infinite;
    }

        .lds-spinner div[b-q7jhxp42q4]:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 6px;
            height: 18px;
            border-radius: 20%;
            background: black;
        }

        .lds-spinner div:nth-child(1)[b-q7jhxp42q4] {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2)[b-q7jhxp42q4] {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3)[b-q7jhxp42q4] {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4)[b-q7jhxp42q4] {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5)[b-q7jhxp42q4] {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6)[b-q7jhxp42q4] {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7)[b-q7jhxp42q4] {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8)[b-q7jhxp42q4] {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9)[b-q7jhxp42q4] {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10)[b-q7jhxp42q4] {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11)[b-q7jhxp42q4] {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12)[b-q7jhxp42q4] {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner-b-q7jhxp42q4 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Pages/Favorites.razor.rz.scp.css */
.page-title[b-ljqtlkxb1r] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 24px;
}

/* Стили для шапки с кнопками */
.favorites-header[b-ljqtlkxb1r] {
    margin-bottom: 24px;
}

.action-buttons[b-ljqtlkxb1r] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.action-btn[b-ljqtlkxb1r] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn.primary[b-ljqtlkxb1r] {
    background-color: rgb(32, 23, 87);
    color: white;
}

.action-btn.secondary[b-ljqtlkxb1r] {
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #dee2e6;
}

.action-btn.warning[b-ljqtlkxb1r] {
    background-color: #dc3545;
    color: white;
}

.action-btn:hover[b-ljqtlkxb1r] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Сетка товаров */
.products-grid[b-ljqtlkxb1r] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Карточка товара */
.product-card[b-ljqtlkxb1r] {
    position: relative;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 16px;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
}

.product-actions[b-ljqtlkxb1r] {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}

.product-info[b-ljqtlkxb1r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 60px;
    cursor: pointer;
}

.product-card:hover[b-ljqtlkxb1r] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Чекбокс */
.checkbox-wrapper[b-ljqtlkxb1r] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}

.checkbox-wrapper input[type="checkbox"][b-ljqtlkxb1r] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* Контейнер изображения */
.image-container[b-ljqtlkxb1r] {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    cursor: pointer;
}

.product-image[b-ljqtlkxb1r],
.default-image[b-ljqtlkxb1r] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-name[b-ljqtlkxb1r] {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    /* Ограничиваем высоту названия */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-article[b-ljqtlkxb1r] {
    font-size: 14px;
    color: #666;
}

.product-type[b-ljqtlkxb1r] {
    font-size: 14px;
    color: #666;
}

.product-price[b-ljqtlkxb1r] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-top: 4px;
}

/* Кнопка добавления в корзину */
.add-to-cart-btn[b-ljqtlkxb1r] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap; /* Предотвращаем перенос текста */
}

.add-to-cart-btn:hover[b-ljqtlkxb1r] {
    background: rgb(45, 35, 112);
}

.cart-button-img[b-ljqtlkxb1r] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

/* Иконка избранного */
.heart-icon-container[b-ljqtlkxb1r] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    z-index: 3;
}

.heart-icon-container:hover[b-ljqtlkxb1r] {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.heart-icon[b-ljqtlkxb1r] {
    color: #e91e63;
    font-size: 16px;
    line-height: 1;
}

/* Пустое состояние */
.empty-state[b-ljqtlkxb1r] {
    text-align: center;
    padding: 48px 20px;
    color: #666;
}

.empty-icon[b-ljqtlkxb1r] {
    font-size: 48px;
    color: #dee2e6;
    margin-bottom: 16px;
}

/* Адаптивность */
@media (max-width: 640px) {
    .action-buttons[b-ljqtlkxb1r] {
        flex-direction: column;
    }

    .action-btn[b-ljqtlkxb1r] {
        width: 100%;
    }

    .products-grid[b-ljqtlkxb1r] {
        grid-template-columns: 1fr;
    }

    .product-card[b-ljqtlkxb1r] {
        padding: 12px;
    }

    .image-container[b-ljqtlkxb1r] {
        height: 160px;
    }

    .product-info[b-ljqtlkxb1r] {
        padding-bottom: 50px;
        cursor: pointer;
    }

    .add-to-cart-btn[b-ljqtlkxb1r] {
        padding: 10px;
    }
}

/* Контейнер для иконки остатков */
.stock-icon-container[b-ljqtlkxb1r] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Текст "Наличие" */
.stock-label[b-ljqtlkxb1r] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Иконка остатков товара */
.stock-icon[b-ljqtlkxb1r] {
    width: 50px;
    height: 30px;
    object-fit: contain;
    cursor: help;
}
/* /Pages/MainPage.razor.rz.scp.css */
/* Общий контейнер */
.page-container[b-c84bmfb026] {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: 85%;
    display: flex;
    flex-direction: column;
}

/* Контейнер для основного контента */
.content-container[b-c84bmfb026] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Секции с товарами */
.products-section[b-c84bmfb026] {
    margin-bottom: 32px;
    width: 100%;
}

.content-wrapper[b-c84bmfb026] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 100%;
}

.section-container[b-c84bmfb026] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    width: 100%;
    max-width: 2200px; /* Максимальная ширина */
    overflow: hidden; /* Предотвращаем горизонтальный скролл */
}

/* Для неавторизованных пользователей (2 строки) */
.products-grid:not(.logged-in)[b-c84bmfb026] {
    grid-template-rows: repeat(2, 1fr);
}

/* Для авторизованных пользователей (1 строка) */
.products-grid.logged-in[b-c84bmfb026] {
    grid-template-rows: 1fr;
}

/* Стилизация скроллбара */
.products-grid[b-c84bmfb026]::-webkit-scrollbar {
    height: 6px;
}

.products-grid[b-c84bmfb026]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.products-grid[b-c84bmfb026]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

/* Сетка товаров */
.products-grid[b-c84bmfb026] {
    display: grid;
    gap: 16px;
    padding: 0;
    grid-auto-flow: column;
    grid-auto-columns: 220px;
    overflow-x: auto;
    margin-left: -16px; /* Компенсируем padding контейнера */
    padding-left: 16px;
    width: 100%;
    max-width: 100%; /* Ограничиваем шириной родителя */
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

/* Информационный баннер */
.center-container[b-c84bmfb026] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 24px;
}

.centered-label[b-c84bmfb026] {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
    max-width: 800px;
}

.products-section:last-child[b-c84bmfb026] {
    margin-bottom: 0;
}

.products-section h4[b-c84bmfb026] {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
    padding: 16px 0;
}

/* Заголовки секций */
h4[b-c84bmfb026] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #2c3e50;
}

/* Карточка товара */
.product-card[b-c84bmfb026] {
    flex: 0 0 220px;
    min-width: 220px;
    max-width: 220px;
    height: 370px;
    padding: 16px;
    position: relative;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    height: 370px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 16px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 12px;
}

/* Убираем ненужные стили из style-тега */
.center-container[b-c84bmfb026],
.centered-label[b-c84bmfb026],
.products-card[b-c84bmfb026],
.image-container[b-c84bmfb026],
.products-price[b-c84bmfb026],
.add-to-cart-btn[b-c84bmfb026],
.products-container[b-c84bmfb026],
.products-wrapper[b-c84bmfb026] {
    display: none;
}

h4[b-c84bmfb026] {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 16px 0;
    padding: 0 20px;
}

/* Контейнер с информацией о товаре */
.product-details[b-c84bmfb026] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0; /* Важно для корректной работы flex */
}

.product-info[b-c84bmfb026] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden; /* Предотвращает выход контента */
    margin-bottom: 12px; /* Отступ для кнопки */
}

/* Название товара */
.product-name[b-c84bmfb026] {
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    height: 60px;
}

.product-meta[b-c84bmfb026] {
    font-size: 12px;
    color: #666;
    height: 35px;
}

.product-price[b-c84bmfb026] {
    font-size: 16px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

.cart-btn[b-c84bmfb026] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    margin-top: auto; /* Прижимает кнопку к низу */
}

/* Контейнер изображения */
.image-wrapper[b-c84bmfb026] {
    width: 100%;
    height: 160px; /* Фиксированная высота */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.product-image[b-c84bmfb026],
.default-image[b-c84bmfb026] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Кнопка избранного */
.favorite-btn[b-c84bmfb026] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all 0.2s ease;
}

/* Стили для иконок сердца */
.favorite-btn .oi[b-c84bmfb026] {
    font-size: 20px;
}

.favorite-btn .oi-heart-empty[b-c84bmfb026] {
    color: #c4c4c4; /* Светло-серый цвет для пустого сердца */
    opacity: 0.8; /* Небольшая прозрачность */
    text-shadow: 0 1px 2px rgba(0,0,0,0.1); /* Тень для лучшей видимости */
}

.favorite-btn .oi-heart[b-c84bmfb026] {
    color: #ff4757; /* Красный цвет для заполненного сердца */
}

/* Эффекты при наведении */
.favorite-btn:hover[b-c84bmfb026] {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.favorite-btn:hover .oi-heart-empty[b-c84bmfb026] {
    color: #ff4757;
    opacity: 0.6;
}

.favorite-btn:hover .oi-heart[b-c84bmfb026] {
    color: #ff3545; /* Немного ярче при наведении */
}

.cart-btn:hover[b-c84bmfb026] {
    background: #1a1654;
}

/* Стили для скроллбара */
.products-grid[b-c84bmfb026]::-webkit-scrollbar {
    height: 8px;
}

.products-grid[b-c84bmfb026]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.products-grid[b-c84bmfb026]::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.heart-icon-container[b-c84bmfb026] {
    position: absolute;
    top: 15px;          /* Отступ сверху */
    right: 15px;        /* Отступ справа */
    cursor: pointer;
    z-index: 10;
    width: 32px;        /* Фиксированная ширина для кликабельной области */
    height: 32px;       /* Фиксированная высота для кликабельной области */
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;  /* Белый фон */
    border-radius: 50%; /* Круглая форма */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Легкая тень */
}

.heart-icon[b-c84bmfb026] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #666;
    transition: color 0.2s;
}

/* Стиль для активного состояния (когда товар в избранном) */
.heart-icon.oi-heart[b-c84bmfb026] {
    color: #e91e63;
}

/* Стили для строк товаров */
.product-row[b-c84bmfb026] {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    position: relative;
    transition: all 0.2s ease;
}

.product-row:hover[b-c84bmfb026] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Контейнер для изображения */
.image-container[b-c84bmfb026] {
    width: 90px; /* Уменьшено на 40% от 150px */
    height: 90px; /* Уменьшено на 40% от 150px */
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.product-image[b-c84bmfb026],
.default-image[b-c84bmfb026] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Информация о товаре */
.product-info[b-c84bmfb026] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Адаптивность */
@media (max-width: 640px) {
    .section-divider[b-c84bmfb026] {
        margin: 24px 0;
    }

    .content-container[b-c84bmfb026] {
        padding-bottom: 100px; /* Увеличенный отступ для футера на мобильных */
    }

    .page-container[b-c84bmfb026] {
        padding: 0 8px;
        max-width: 100%;
    }

    .section-container[b-c84bmfb026] {
        padding: 12px 0;
    }
    
    h4[b-c84bmfb026] {
        padding: 0 12px;
    }

    .products-section[b-c84bmfb026] {
        margin-bottom: 24px;
        width: 93vw;
        margin-left: -12px;
        margin-right: -12px;
    }

    .products-grid[b-c84bmfb026] {
        grid-auto-columns: 180px;
        gap: 12px;
        margin-left: -8px;
        padding-left: 8px;
        width: calc(100% + 16px);
        padding: 12px 0;
        margin: 0 -16px; /* Компенсируем паддинги контейнера */
        padding: 0 16px; /* Добавляем паддинги для отступа от краев */
        scroll-snap-type: x mandatory; /* Добавляем snap-scroll */
        grid-auto-columns: 180px;
    }

    /* Скрываем скроллбар на мобильных */
    .products-grid[b-c84bmfb026]::-webkit-scrollbar {
        display: none;
    }
    
    .products-grid[b-c84bmfb026] {
        scrollbar-width: none;
    }

    .product-details[b-c84bmfb026] {
        padding: 12px;
        min-height: 160px;
        display: flex;
        flex-direction: column;
    }

    h4[b-c84bmfb026] {
        position: sticky;
        top: 0;
        background: white;
        padding: 12px;
        margin: 0;
        z-index: 10;
    }

    /* Корректируем отображение кнопки избранного */
    .heart-icon-container[b-c84bmfb026] {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
    }

    .heart-icon[b-c84bmfb026] {
        width: 16px;
        height: 16px;
    }

    .product-card[b-c84bmfb026] {
        flex: 0 0 180px;
        min-width: 180px;
        max-width: 180px;
        height: 340px; /* Увеличили высоту с 320px на 340px */
        padding: 12px;
    }

    .image-wrapper[b-c84bmfb026] {
        height: 120px;
        margin-bottom: 8px; /* Уменьшили отступ */
    }

    .product-details[b-c84bmfb026] {
        height: 176px; /* Увеличили высоту для контента */
    }

    .product-name[b-c84bmfb026] {
        font-size: 13px;
        line-height: 1.2;
        height: 32px; /* 2 строки по 16px */
        margin-bottom: 4px;
    }

    .product-meta[b-c84bmfb026] {
        font-size: 11px;
        height: 40px; /* Фиксированная высота для артикула */
        margin-bottom: 4px;
    }

    .product-price[b-c84bmfb026] {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .cart-btn[b-c84bmfb026] {
        height: 36px;
        font-size: 13px;
        position: static;
        width: 100%;
        margin-top: 8px;
    }

    .product-details[b-c84bmfb026] {
        padding-bottom: 8px; /* Отступ, чтобы кнопка не перекрывала контент */
    }
}

/* Контейнер для иконки остатков */
.stock-icon-container[b-c84bmfb026] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Текст "Наличие" */
.stock-label[b-c84bmfb026] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Иконка остатков товара */
.stock-icon[b-c84bmfb026] {
    width: 50px;
    height: 30px;
    object-fit: contain;
    cursor: help;
}
/* /Pages/OrderRegistration.razor.rz.scp.css */
.toggle-switch[b-w8iypm43ks] {
    display: flex;
    align-items: center;
}

.google-login-button[b-w8iypm43ks] {
    display: flex;
    align-items: center; /* Vertically centers the elements */
    justify-content: center; /* Horizontally centers the elements */
    background-color: dimgray;
    color: white;
    border: none;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    background-color:dimgray; 
    width:40%;
}

.toggle-switch label[b-w8iypm43ks] {
    margin-right: 10px;
}

.toggle-switch input[type="checkbox"][b-w8iypm43ks] {
    display: none;
}

.img-show-hide-pass[b-w8iypm43ks] {
    height: 40px;
    width: 40px;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    outline: none;
    margin-top: 20px;
}

.toggle-slider[b-w8iypm43ks] {
    width: 50px;
    height: 25px;
    border-radius: 25px;
    background-color: #ccc;
    position: relative;
}

.toggle-slider[b-w8iypm43ks]::before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.3s;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider[b-w8iypm43ks] {
    background-color: #4caf50;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider[b-w8iypm43ks]::before {
    transform: translateX(25px);
}

.clickable-row[b-w8iypm43ks] {
    cursor: pointer;
}

.clickable-row:hover[b-w8iypm43ks] {
    background-color: #f1f1f1;
}

.delivery-tarif-row[b-w8iypm43ks] {
    text-align: center;
}

.summary-item[b-w8iypm43ks] {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.summary-item.total[b-w8iypm43ks] {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}

.password-suggestions ul[b-w8iypm43ks] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.password-suggestions ul li[b-w8iypm43ks] {
    cursor: pointer;
    padding: 5px;
}

.password-suggestions ul li:hover[b-w8iypm43ks] {
    background-color: #f2f2f2;
}

.toggle-link[b-w8iypm43ks] {
    display: inline-block;
    font-size: 1rem;
    color: #007BFF;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #007BFF;
    transition: background-color 0.3s, color 0.3s;
}

.toggle-link:hover[b-w8iypm43ks] {
    background-color: #007BFF;
    color: #ffffff;
}

/*Google auth styling*/
.google-login-button img[b-w8iypm43ks] {
    width: 20px; /* Adjust as needed for icon size */
    height: 20px;
    margin-right: 8px; /* Space between icon and text */
}

.google-login-button span[b-w8iypm43ks] {
    font-family: Arial, sans-serif;
}

.google-login-button:hover[b-w8iypm43ks] {
    background-color: #505050; /* Darken on hover for a visual effect */
}

.table[b-w8iypm43ks] {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Стили для карточек товаров */
.product-row[b-w8iypm43ks] {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    position: relative;
    transition: all 0.2s ease;
}

.product-row:hover[b-w8iypm43ks] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Контейнер для изображения */
.image-row[b-w8iypm43ks] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    border-bottom-width: 0px;
}

.order-info[b-w8iypm43ks] {
    width: 100%;
}

.image-container[b-w8iypm43ks] {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Информация о товаре */
.product-info[b-w8iypm43ks] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    border-bottom-width: 0px;
}

.product-description[b-w8iypm43ks] {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

.product-price[b-w8iypm43ks] {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.product-sum[b-w8iypm43ks] {
    font-size: 18px;
    font-weight: 600;
}

.delivery-info[b-w8iypm43ks] {
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-top: auto;
}

/* Итоговая информация */
.summary-item[b-w8iypm43ks] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 16px;
}

.summary-item.total[b-w8iypm43ks] {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 15px;
}

.summary-item.total strong[b-w8iypm43ks] {
    font-size: 18px;
}

.order-registration-info[b-w8iypm43ks] {
    width: 100%;
    max-width: 800px;
    padding: 20px;
}

.order-info-row[b-w8iypm43ks] {
    min-height: 50px;
    margin-bottom: 15px;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-label[b-w8iypm43ks] {
    flex: 1;
    min-width: 200px;
}

.info-label.full-width[b-w8iypm43ks] {
    width: 100%;
}

.info-label label[b-w8iypm43ks] {
    margin: 0;
    font-size: 16px;
    color: #333;
}

.info-control[b-w8iypm43ks] {
    width: 60px;
    display: flex;
    justify-content: flex-end;
}

.toggle-switch[b-w8iypm43ks] {
    position: relative;
    width: 50px;
    height: 24px;
}

.toggle-switch input[b-w8iypm43ks] {
    display: none;
}

.toggle-slider[b-w8iypm43ks] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.toggle-slider[b-w8iypm43ks]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

input:checked + .toggle-slider[b-w8iypm43ks] {
    background-color: rgb(32, 23, 87);
}

input:checked + .toggle-slider[b-w8iypm43ks]:before {
    transform: translateX(26px);
}

.auth-buttons[b-w8iypm43ks] {
    display: flex;
    gap: 15px;
    margin: 20px 0;
}

.social-auth-button[b-w8iypm43ks] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 200px;
}

.google-login-button[b-w8iypm43ks] {
    background-color: dimgray;
}

.facebook-login-button[b-w8iypm43ks] {
    background-color: dimgray;
}

.social-auth-button img[b-w8iypm43ks] {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.social-auth-button:hover[b-w8iypm43ks] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили для кнопок управления заказом */
.order-actions[b-w8iypm43ks] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.action-button[b-w8iypm43ks] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 300px;
}

.primary-button[b-w8iypm43ks] {
    background-color: rgb(32, 23, 87);
    color: white;
}

.secondary-button[b-w8iypm43ks] {
    background-color: white;
    color: rgb(32, 23, 87);
    border: 1px solid rgb(32, 23, 87);
}

.action-button:hover[b-w8iypm43ks] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили для выбора города */
.city-selector[b-w8iypm43ks] {
    margin: 15px 0;
}

.city-select-wrapper[b-w8iypm43ks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.city-select-wrapper:hover[b-w8iypm43ks] {
    border-color: rgb(32, 23, 87);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.city-info[b-w8iypm43ks] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.city-label[b-w8iypm43ks] {
    font-size: 14px;
    color: #666;
}

.city-name[b-w8iypm43ks] {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.city-select-wrapper .oi[b-w8iypm43ks] {
    color: rgb(32, 23, 87);
    font-size: 20px;
}

.form-group[b-w8iypm43ks] {
    margin-bottom: 20px;
}

.form-group label[b-w8iypm43ks] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

.form-control[b-w8iypm43ks] {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #333;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.form-control:focus[b-w8iypm43ks] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    background-color: white;
}

.form-control[b-w8iypm43ks]::placeholder {
    color: #adb5bd;
}

/* Специальные стили для поля телефона */
#phoneInput[b-w8iypm43ks] {
    letter-spacing: 1px;
    font-family: monospace;
}

/* Стили для обязательных полей */
.form-group label[b-w8iypm43ks]:after {
    content: "(*)";
    color: rgb(32, 23, 87);
    margin-left: 4px;
}

/* Стили для кнопки определения адреса */
.location-button[b-w8iypm43ks] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.location-button:hover[b-w8iypm43ks] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
}

.location-button .oi[b-w8iypm43ks] {
    font-size: 16px;
}

.password-group[b-w8iypm43ks] {
    position: relative;
}

.password-input-container[b-w8iypm43ks] {
    position: relative;
    display: flex;
    align-items: center;
}

.password-toggle[b-w8iypm43ks] {
    position: absolute;
    right: 12px;
    top: 55%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.password-toggle:hover[b-w8iypm43ks] {
    opacity: 1;
}

.field-icon[b-w8iypm43ks] {
    position: absolute;
    right: 12px;
    top: 45%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    color: #666;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-icon:hover[b-w8iypm43ks] {
    opacity: 1;
    color: rgb(32, 23, 87);
}

.field-icon .oi[b-w8iypm43ks] {
    font-size: 14px;
}

/* Отступ для поля с иконкой очистки */
.password-input-container .form-control[b-w8iypm43ks] {
    padding-right: 35px;
}

/* Для полей с двумя иконками (очистка + пароль) */
.password-group .form-control[b-w8iypm43ks] {
    padding-right: 70px;
}

.password-group .field-icon[b-w8iypm43ks] {
    right: 40px;
}

/* Базовые стили для подсказок пароля */
.password-suggestions[b-w8iypm43ks] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
    z-index: 1003;
}

/* Оверлей для закрытия при клике */
.password-group.has-suggestions[b-w8iypm43ks]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
}

/* Контейнер с подсказками поверх оверлея */
.password-group.has-suggestions[b-w8iypm43ks] {
    position: relative;
    z-index: 1002;
}

.password-suggestions ul[b-w8iypm43ks] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.password-suggestions li[b-w8iypm43ks] {
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.password-suggestions li:hover[b-w8iypm43ks] {
    background-color: #f8f9fa;
    color: rgb(32, 23, 87);
}

#emailInput[b-w8iypm43ks] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#emailInput:valid[b-w8iypm43ks] {
    border-color: #28a745;
    background-color: #f8fff8;
}

#emailInput:invalid:not(:placeholder-shown)[b-w8iypm43ks] {
    border-color: #dc3545;
    background-color: #fff8f8;
}

/* Иконка для email */
.email-group[b-w8iypm43ks] {
    position: relative;
}

.email-group[b-w8iypm43ks]:before {
    content: "@";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 16px;
    pointer-events: none;
}

.form-group label[b-w8iypm43ks] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 700; /* Делаем все метки жирными */
}

/* Стили для поля адреса */
#deliveryAddressInput[b-w8iypm43ks] {
    margin-bottom: 10px;
}

/* Стили для кнопки определения местоположения */
.location-button-wrapper[b-w8iypm43ks] {
    margin-top: 10px;
}

/* Стили для кнопки геолокации */
.location-button[b-w8iypm43ks] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.location-button:hover[b-w8iypm43ks] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
}

.location-button .oi[b-w8iypm43ks] {
    font-size: 16px;
}

.input-container[b-w8iypm43ks] {
    position: relative;
    display: flex;
    align-items: center;
}

.clear-input[b-w8iypm43ks] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-input:hover[b-w8iypm43ks] {
    opacity: 1;
}

.clear-input .oi[b-w8iypm43ks] {
    color: #666;
    font-size: 16px;
}

/* Отступ для иконки, если есть другие иконки справа */
.has-right-icon .clear-input[b-w8iypm43ks] {
    right: 40px;
}

.cdek-delivery-table[b-w8iypm43ks] {
    width: 100%;
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 0 8px;
}

/* Стили для строк с пунктами выдачи */
.delivery-point-row[b-w8iypm43ks] {
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.delivery-point-row:hover[b-w8iypm43ks] {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}

/* Стили для информации о пункте выдачи */
.delivery-point-info[b-w8iypm43ks] {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery-point-address[b-w8iypm43ks] {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.delivery-point-note[b-w8iypm43ks] {
    font-size: 14px;
    color: #666;
}

.delivery-point-work-time[b-w8iypm43ks] {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.delivery-point-distance[b-w8iypm43ks] {
    font-size: 14px;
    color: rgb(32, 23, 87);
    font-weight: 500;
}

/* Стили для ссылки показать/скрыть */
.toggle-link[b-w8iypm43ks] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 15px 0;
    color: rgb(32, 23, 87);
    text-decoration: none;
    border: 1px solid rgb(32, 23, 87);
    border-radius: 6px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.toggle-link:hover[b-w8iypm43ks] {
    background-color: rgb(32, 23, 87);
    color: white;
}

/* Заголовок секции */
h4[b-w8iypm43ks] {
    margin: 20px 0 10px;
    color: #333;
    font-weight: 600;
}

/* Ссылка на карту СДЭК */
.cdek-map-link[b-w8iypm43ks] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 15px;
    display: inline-block;
}

.cdek-map-link:hover[b-w8iypm43ks] {
    text-decoration: underline;
}

.store-map-link[b-w8iypm43ks] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    color: green;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.store-map-link:hover[b-w8iypm43ks] {
    color: rgb(45, 35, 112);
    text-decoration: underline;
}

.store-map-link .oi[b-w8iypm43ks] {
    font-size: 14px;
}

.order-summary[b-w8iypm43ks] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 30px;
}

.summary-title[b-w8iypm43ks] {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.summary-items[b-w8iypm43ks] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.summary-item[b-w8iypm43ks] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 16px;
}

.item-label[b-w8iypm43ks] {
    color: #666;
}

.item-value[b-w8iypm43ks] {
    font-weight: 500;
    color: #333;
}

.summary-item.total[b-w8iypm43ks] {
    border-top: 2px solid #eee;
    margin-top: 8px;
    padding-top: 16px;
}

.summary-item.total .item-label[b-w8iypm43ks],
.summary-item.total .item-value[b-w8iypm43ks] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

/* Стили для кнопки оплаты */
.primary-button[b-w8iypm43ks] {
    margin-top: 20px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.primary-button:hover[b-w8iypm43ks] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.primary-button .oi[b-w8iypm43ks] {
    font-size: 18px;
}

/* Медиа-запросы для мобильных устройств */
@media (max-width: 640px) {
    .password-suggestions[b-w8iypm43ks] {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 12px;
        z-index: 9998;
        width: 100%;
    }

    .password-group.has-suggestions[b-w8iypm43ks] {
        z-index: 9998;
    }

    /* Убираем лишние стили */
    .password-suggestions[b-w8iypm43ks]::after,
    .password-suggestions[b-w8iypm43ks]::before {
        display: none;
    }

    .password-suggestions li[b-w8iypm43ks] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    .password-suggestions li:last-child[b-w8iypm43ks] {
        border-bottom: none;
    }

    .password-suggestions li:hover[b-w8iypm43ks] {
        background-color: #f5f5f5;
    }

    /* Добавляем белый фон для перекрытия */
    .password-suggestions[b-w8iypm43ks]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: -1;
    }

    .password-group[b-w8iypm43ks] {
        position: relative;
        z-index: 9998; /* Увеличиваем z-index родителя */
    }

    .password-group:focus-within[b-w8iypm43ks] {
        z-index: 1001;
    }
    
    .password-group + .password-group[b-w8iypm43ks] {
        z-index: 1;
    }

    .password-suggestions-header[b-w8iypm43ks] {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

    .password-suggestions ul[b-w8iypm43ks] {
        margin: 0;
        padding: 0;
    }

    .password-suggestions ul li[b-w8iypm43ks] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .password-suggestions ul li:last-child[b-w8iypm43ks] {
        border-bottom: none;
    }

    .form-control[b-w8iypm43ks] {
        padding: 10px 12px;
        font-size: 14px;
    }

    .form-group label[b-w8iypm43ks] {
        font-size: 13px;
    }

    .location-button[b-w8iypm43ks] {
        width: 100%;
        justify-content: center;
    }

    .order-info-row[b-w8iypm43ks] {
        padding: 8px 12px;
    }

    .info-label[b-w8iypm43ks] {
        min-width: 150px;
    }

    .info-label label[b-w8iypm43ks] {
        font-size: 14px;
    }

    .product-row[b-w8iypm43ks] {
        flex-direction: column;
        padding: 12px;
    }

    .image-row[b-w8iypm43ks] {
        width: 100%;
        height: 120px;
        margin: 0 0 12px 0;
    }

    .product-info[b-w8iypm43ks] {
        width: 100%;
        padding: 0;
    }

    .order-registration-info[b-w8iypm43ks] {
        width: 100% !important;
    }

    .btn-success[b-w8iypm43ks], 
    .btn-warning[b-w8iypm43ks],
    .google-login-button[b-w8iypm43ks] {
        width: 100% !important;
    }

    .auth-buttons[b-w8iypm43ks] {
        flex-direction: column;
    }

    .social-auth-button[b-w8iypm43ks] {
        width: 100%;
    }

    .order-actions[b-w8iypm43ks] {
        flex-direction: column;
    }

    .action-button[b-w8iypm43ks] {
        width: 100%;
    }

    .city-selector[b-w8iypm43ks] {
        margin: 10px 0;
    }

    .city-select-wrapper[b-w8iypm43ks] {
        padding: 12px;
    }

    .city-label[b-w8iypm43ks] {
        font-size: 12px;
    }

    .city-name[b-w8iypm43ks] {
        font-size: 14px;
    }

    .location-button[b-w8iypm43ks] {
        width: 100%;
        justify-content: center;
    }

    .delivery-point-info[b-w8iypm43ks] {
        padding: 12px;
    }

    .delivery-point-address[b-w8iypm43ks] {
        font-size: 14px;
    }

    .delivery-point-note[b-w8iypm43ks],
    .delivery-point-work-time[b-w8iypm43ks],
    .delivery-point-distance[b-w8iypm43ks] {
        font-size: 12px;
    }

    .order-summary[b-w8iypm43ks] {
        padding: 16px;
        margin-top: 20px;
    }

    .summary-title[b-w8iypm43ks] {
        font-size: 18px;
    }

    .summary-item[b-w8iypm43ks] {
        font-size: 14px;
    }

    .summary-item.total .item-label[b-w8iypm43ks],
    .summary-item.total .item-value[b-w8iypm43ks] {
        font-size: 16px;
    }
}

/* Убираем скролл и задаем фиксированную высоту для веб-версии */
@media (min-width: 641px) {
    .password-suggestions[b-w8iypm43ks] {
        height: auto;
        overflow: visible;
    }

    /* Убираем затемнение для веб-версии */
    .password-suggestions[b-w8iypm43ks]::before {
        display: none;
    }

    .password-suggestions li[b-w8iypm43ks] {
        padding: 8px 12px;
        cursor: pointer;
    }
}

/* /Pages/PaymentOnline.razor.rz.scp.css */
.payment-container[b-079f3wj68b] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}

.payment-header[b-079f3wj68b] {
    text-align: center;
    margin-bottom: 48px;
}

.payment-logo[b-079f3wj68b] {
    margin-bottom: 24px;
    transition: transform 0.3s ease;
    height: 70px;
    width: 100px;
}

.payment-logo:hover[b-079f3wj68b] {
    transform: scale(1.05);
}

.page-title[b-079f3wj68b] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.payment-content[b-079f3wj68b] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 32px;
}

.payment-section[b-079f3wj68b] {
    color: #2c3e50;
    font-size: 16px;
    line-height: 1.8;
}

.payment-section p[b-079f3wj68b] {
    margin-bottom: 24px;
}

.payment-section strong[b-079f3wj68b] {
    color: rgb(32, 23, 87);
    font-weight: 600;
}

.payment-section a[b-079f3wj68b] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    border-bottom: 1px solid rgba(32, 23, 87, 0.2);
    transition: all 0.2s;
}

.payment-section a:hover[b-079f3wj68b] {
    border-color: rgb(32, 23, 87);
}

.payment-methods[b-079f3wj68b] {
    margin: 32px 0;
    padding: 24px;
    background: #f8f9fc;
    border-radius: 8px;
}

.payment-methods h2[b-079f3wj68b] {
    font-size: 20px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.payment-methods ul[b-079f3wj68b] {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.payment-methods li[b-079f3wj68b] {
    background: white;
    padding: 8px 16px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.payment-support[b-079f3wj68b] {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
}

.payment-support h2[b-079f3wj68b] {
    font-size: 20px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .payment-container[b-079f3wj68b] {
        padding: 20px 16px;
    }

    .page-title[b-079f3wj68b] {
        font-size: 24px;
    }

    .payment-content[b-079f3wj68b] {
        padding: 20px 16px;
    }

    .payment-section[b-079f3wj68b] {
        font-size: 14px;
    }

    .payment-methods ul[b-079f3wj68b] {
        flex-direction: column;
        gap: 8px;
    }
}

/* Анимации */
.payment-content[b-079f3wj68b] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn-b-079f3wj68b 0.5s ease forwards;
}

@keyframes fadeIn-b-079f3wj68b {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Pages/PersonalAccount.razor.rz.scp.css */
.account-container[b-xzu1bud0iz] {
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    background-color: #f5f7fa;
}

.account-content[b-xzu1bud0iz] {
    width: 100%;
    max-width: 1400px; /* Увеличиваем максимальную ширину */
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 32px;
}

.account-header[b-xzu1bud0iz] {
    text-align: center;
    margin-bottom: 48px;
}

.page-title[b-xzu1bud0iz] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.account-section[b-xzu1bud0iz] {
    margin-bottom: 40px;
}

.account-section:not(:last-child)[b-xzu1bud0iz] {
    border-bottom: 1px solid #eee;
    padding-bottom: 32px;
}

.section-title[b-xzu1bud0iz] {
    font-size: 24px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 24px;
}

.form-grid[b-xzu1bud0iz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
}

.form-group[b-xzu1bud0iz] {
    margin-bottom: 20px;
}

.form-group label[b-xzu1bud0iz] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2c3e50;
}

.form-control[b-xzu1bud0iz] {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.2s;
}

.form-control:focus[b-xzu1bud0iz] {
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    outline: none;
}

.city-select-btn[b-xzu1bud0iz] {
    width: 100%;
    padding: 12px;
    background: #f8f9fc;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
}

.city-select-btn:hover[b-xzu1bud0iz] {
    background: #f0f2f5;
}

/* Контейнер для поля с паролем */
.password-input[b-xzu1bud0iz] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Стили для кнопки переключения видимости пароля */
.toggle-password[b-xzu1bud0iz] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-password img[b-xzu1bud0iz] {
    width: 24px;
    height: 24px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.toggle-password:hover img[b-xzu1bud0iz] {
    opacity: 1;
}

/* Отступ справа для поля ввода, чтобы иконка не наезжала на текст */
.password-input input[b-xzu1bud0iz] {
    padding-right: 40px;
}

/* Стили для всех инпутов с паролем */
.password-input-container[b-xzu1bud0iz] {
    position: relative;
    width: 100%;
}

.password-toggle[b-xzu1bud0iz] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.password-toggle:hover[b-xzu1bud0iz] {
    opacity: 1;
}

/* Базовые стили для подсказок пароля */
.password-suggestions[b-xzu1bud0iz] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
    z-index: 1003;
}

/* Оверлей для закрытия при клике */
.password-group.has-suggestions[b-xzu1bud0iz]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
}

/* Контейнер с подсказками поверх оверлея */
.password-group.has-suggestions[b-xzu1bud0iz] {
    position: relative;
    z-index: 1002;
}

.password-suggestions ul[b-xzu1bud0iz] {
    list-style: none;
    padding: 8px 0;
    margin: 0;
}

.password-suggestions li[b-xzu1bud0iz] {
    padding: 8px 16px;
    cursor: pointer;
    transition: background 0.2s;
}

.password-suggestions li:hover[b-xzu1bud0iz] {
    background: #f8f9fc;
}

.btn[b-xzu1bud0iz] {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
}

.btn i[b-xzu1bud0iz] {
    font-size: 18px;
}

.btn-primary[b-xzu1bud0iz] {
    background: rgb(32, 23, 87);
    color: white;
}

.btn-primary:hover[b-xzu1bud0iz] {
    background: rgb(25, 18, 68);
}

.btn-secondary[b-xzu1bud0iz] {
    background: #f8f9fc;
    color: rgb(32, 23, 87);
    border: 1px solid rgb(32, 23, 87);
}

.btn-secondary:hover[b-xzu1bud0iz] {
    background: #f0f2f5;
}

.btn-danger[b-xzu1bud0iz] {
    background: #dc3545;
    color: white;
}

.btn-danger:hover[b-xzu1bud0iz] {
    background: #c82333;
}

.save-btn[b-xzu1bud0iz] {
    margin-top: 24px;
    width: 100%;
}

.change-password-btn[b-xzu1bud0iz] {
    margin-top: 24px;
    width: 100%;
}

.logout-btn[b-xzu1bud0iz] {
    width: 100%;
    margin-top: 32px;
}

/* Адаптивность */
@media (max-width: 640px) {
    .password-suggestions[b-xzu1bud0iz] {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 12px;
        z-index: 9999;
        width: 100%;
    }

    .password-group.has-suggestions[b-xzu1bud0iz] {
        z-index: 9999;
    }

    /* Убираем лишние стили */
    .password-suggestions[b-xzu1bud0iz]::after,
    .password-suggestions[b-xzu1bud0iz]::before {
        display: none;
    }

    .password-suggestions li[b-xzu1bud0iz] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    .password-suggestions li:last-child[b-xzu1bud0iz] {
        border-bottom: none;
    }

    .password-suggestions li:hover[b-xzu1bud0iz] {
        background-color: #f5f5f5;
    }

    /* Добавляем белый фон для перекрытия */
    .password-suggestions[b-xzu1bud0iz]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: -1;
    }

    .password-group[b-xzu1bud0iz] {
        position: relative;
        z-index: 9999; /* Увеличиваем z-index родителя */
    }

    .password-group:focus-within[b-xzu1bud0iz] {
        z-index: 1001;
    }
    
    .password-group + .password-group[b-xzu1bud0iz] {
        z-index: 1;
    }

    .password-suggestions-header[b-xzu1bud0iz] {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

    .password-suggestions ul[b-xzu1bud0iz] {
        margin: 0;
        padding: 0;
    }

    .password-suggestions ul li[b-xzu1bud0iz] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .password-suggestions ul li:last-child[b-xzu1bud0iz] {
        border-bottom: none;
    }

    .account-container[b-xzu1bud0iz] {
        padding: 20px 16px;
    }

    .account-content[b-xzu1bud0iz] {
        padding: 20px 16px;
    }

    .page-title[b-xzu1bud0iz] {
        font-size: 24px;
    }

    .section-title[b-xzu1bud0iz] {
        font-size: 20px;
    }

    .form-grid[b-xzu1bud0iz] {
        grid-template-columns: 1fr;
    }
}

/* Анимации */
.account-section[b-xzu1bud0iz] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn-b-xzu1bud0iz 0.5s ease forwards;
}

@keyframes fadeIn-b-xzu1bud0iz {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Убираем скролл и задаем фиксированную высоту для веб-версии */
@media (min-width: 641px) {
    .password-suggestions[b-xzu1bud0iz] {
        height: auto;
        overflow: visible;
    }

    /* Убираем затемнение для веб-версии */
    .password-suggestions[b-xzu1bud0iz]::before {
        display: none;
    }

    .password-suggestions li[b-xzu1bud0iz] {
        padding: 8px 12px;
        cursor: pointer;
    }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
.privacy-container[b-y4jh1px5gp] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}

.privacy-header[b-y4jh1px5gp] {
    text-align: center;
    margin-bottom: 48px;
}

.page-title[b-y4jh1px5gp] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.subtitle[b-y4jh1px5gp] {
    font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.privacy-content[b-y4jh1px5gp] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 32px;
}

.privacy-section[b-y4jh1px5gp] {
    margin-bottom: 40px;
}

.privacy-section:not(:last-child)[b-y4jh1px5gp] {
    border-bottom: 1px solid #eee;
    padding-bottom: 32px;
}

.section-title[b-y4jh1px5gp] {
    font-size: 24px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 24px;
    padding-bottom: 8px;
}

.section-content[b-y4jh1px5gp] {
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.8;
}

.section-content p[b-y4jh1px5gp] {
    margin-bottom: 16px;
}

.section-content b[b-y4jh1px5gp] {
    color: rgb(32, 23, 87);
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin: 24px 0 16px;
}

.section-content ul[b-y4jh1px5gp] {
    list-style: none;
    padding-left: 24px;
    margin: 16px 0;
}

.section-content li[b-y4jh1px5gp] {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.section-content li[b-y4jh1px5gp]:before {
    content: "•";
    position: absolute;
    left: 0;
    color: rgb(32, 23, 87);
}

/* Ссылки */
.section-content a[b-y4jh1px5gp] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    border-bottom: 1px solid rgba(32, 23, 87, 0.2);
    transition: all 0.2s;
}

.section-content a:hover[b-y4jh1px5gp] {
    border-color: rgb(32, 23, 87);
}

/* Подписи */
.signature[b-y4jh1px5gp] {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid #eee;
    color: #666;
    font-size: 14px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .privacy-container[b-y4jh1px5gp] {
        padding: 20px 16px;
    }

    .page-title[b-y4jh1px5gp] {
        font-size: 24px;
    }

    .subtitle[b-y4jh1px5gp] {
        font-size: 16px;
    }

    .privacy-content[b-y4jh1px5gp] {
        padding: 20px 16px;
    }

    .section-title[b-y4jh1px5gp] {
        font-size: 20px;
    }

    .section-content[b-y4jh1px5gp] {
        font-size: 14px;
    }

    .section-content b[b-y4jh1px5gp] {
        font-size: 16px;
    }
}

/* Анимации */
.privacy-section[b-y4jh1px5gp] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn-b-y4jh1px5gp 0.5s ease forwards;
}

@keyframes fadeIn-b-y4jh1px5gp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Улучшение читаемости */
body[b-y4jh1px5gp] {
    background-color: #f5f7fa;
}

.privacy-content[b-y4jh1px5gp] {
    background-color: #ffffff;
}

.section-content[b-y4jh1px5gp] {
    white-space: pre-line;
    word-wrap: break-word;
}
/* /Pages/ProductCart.razor.rz.scp.css */
.control-container[b-lb39b9orhi] {
    height: 300px;
    margin: 0 auto;
    width: 300px;
    border-color: transparent !important; /* Make the border transparent */
}

.control-container .img-container[b-lb39b9orhi] {
    border-color: transparent !important; /* Make the border transparent */
}

.e-carousel-item[b-lb39b9orhi] {
    border-color: transparent !important; /* Make the border transparent */
}

.e-carousel .e-carousel-items .e-carousel-item .img-container[b-lb39b9orhi] {
    height: 100%;
}

.e-carousel .e-carousel-items .e-carousel-item .img-caption[b-lb39b9orhi] {
    bottom: 4em;
    color: black;
    font-size: 12pt;
    height: 2em;
    position: relative;
    padding: 0.3em 1em;
    text-align: center;
    width: 100%;
}

.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon[b-lb39b9orhi],
.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon[b-lb39b9orhi] {
    color: black;
    font-size: 25px;
}

/*18.09.24 styling full screen view*/
.e-dialog .e-dlg-header[b-lb39b9orhi] {
    background-color: white;
    opacity: 0.6;
    backdrop-filter: blur(10px);
}

.e-dlg-overlay[b-lb39b9orhi] {
    background-color: white;
    opacity: 0.6;
    backdrop-filter: blur(10px);
}

.e-dialog[b-lb39b9orhi] {
    background-color: white;
    opacity: 1;
    backdrop-filter: blur(10px);
}

.e-dialog .e-dlg-content[b-lb39b9orhi] {
    box-shadow: none;
    border: none;
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit:contain;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close[b-lb39b9orhi] {
    font-weight: bold; /* Make the close button bold */
    font-size: 1.5rem; /* Increase the size for prominence */
    opacity: 1; /* Ensure visibility */
}

.catalog-back-btn[b-lb39b9orhi] {
    width: 200px;
    padding: 10px;
    color: white;
    background-color: rgb(32, 23, 87);
    font-size: x-large;
    line-height: 1rem;
    border-radius: 5px;
}

.heart-icon[b-lb39b9orhi] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

.heart-icon-sp[b-lb39b9orhi] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Секция похожих товаров */
.same-products-container[b-lb39b9orhi] {
    margin-top: 48px;
    width: 100%;
    max-width: 83vw;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Сетка товаров */
.products-grid[b-lb39b9orhi] {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    overflow-x: auto;
    padding: 20px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    width: 100%;
}

/* Карточка товара */
.product-card[b-lb39b9orhi] {
    flex: 0 0 280px; /* Уменьшаем ширину карточки */
    min-width: 280px;
    max-width: 280px;
    position: relative;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 16px;
    height: 470px;
}

/* Стилизация скроллбара */
.products-grid[b-lb39b9orhi]::-webkit-scrollbar {
    height: 8px;
}

.products-grid[b-lb39b9orhi]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.products-grid[b-lb39b9orhi]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.products-grid[b-lb39b9orhi]::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.product-info[b-lb39b9orhi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Контейнер для кнопки корзины */
.product-actions[b-lb39b9orhi] {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    height: 48px; /* Фиксированная высота для кнопки */
}

/* Характеристики товара */
.product-characteristics[b-lb39b9orhi] {
    margin-top: 32px;
    background: white;
    border-radius: 12px;
    padding: 24px;
    max-width: 100%;
}

.product-characteristics h4[b-lb39b9orhi] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 24px;
}

.product-card:hover[b-lb39b9orhi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Контейнер изображения */
.image-container[b-lb39b9orhi] {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.product-image[b-lb39b9orhi],
.default-image[b-lb39b9orhi] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Текстовые элементы */
.product-name[b-lb39b9orhi] {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-article[b-lb39b9orhi] {
    font-size: 14px;
    color: #666;
}

.product-type[b-lb39b9orhi] {
    font-size: 14px;
    color: #666;
}

.product-price[b-lb39b9orhi] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-top: 4px;
}

.cart-button-img[b-lb39b9orhi] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

/* Иконка избранного */
.heart-icon-container[b-lb39b9orhi] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    z-index: 2;
}

.heart-icon-container:hover[b-lb39b9orhi] {
    transform: scale(1.1);
}

.heart-icon[b-lb39b9orhi] {
    color: #666;
    transition: color 0.2s;
}

.heart-icon.oi-heart[b-lb39b9orhi] {
    color: #e91e63;
}

.characteristic[b-lb39b9orhi] {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Изменили пропорции */
    align-items: baseline;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    line-height: 1.4;
}

.characteristic:last-child[b-lb39b9orhi] {
    border-bottom: none;
}

.char-title[b-lb39b9orhi] {
    color: #666;
    font-size: 14px;
    padding-right: 16px; /* Отступ от значения */
    word-break: normal; /* Предотвращаем ненужные переносы */
    hyphens: auto; /* Разрешаем переносы с дефисом если нужно */
}

.char-value[b-lb39b9orhi] {
    color: #333;
    font-size: 14px;
    word-break: normal;
    hyphens: auto;
    text-align: right; /* Выравнивание по правому краю */;
}

/* Кнопки "Показать больше/меньше" */
#showMoreBtn[b-lb39b9orhi],
#hideMoreBtn[b-lb39b9orhi] {
    display: inline-block;
    color: rgb(32, 23, 87);
    text-decoration: none;
    margin-top: 16px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s;
    font-weight: 600;
}

#showMoreBtn:hover[b-lb39b9orhi],
#hideMoreBtn:hover[b-lb39b9orhi] {
    color: rgb(45, 35, 112);
    text-decoration: underline;
}

/* Основной контейнер информации о товаре */
.product-main-info[b-lb39b9orhi] {
    display: grid;
    grid-template-columns: minmax(300px, 2fr) 3fr;
    gap: 48px;
    margin-bottom: 48px;
    padding: 24px;
    background: white;
    border-radius: 12px;
}

/* Галерея изображений */
.product-gallery[b-lb39b9orhi] {
    position: relative;
}

.control-container[b-lb39b9orhi] {
    width: 90%;
    height: 300px;
    margin: 0 auto;
}

.img-container[b-lb39b9orhi] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-container img[b-lb39b9orhi] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: pointer;
}

/* Информация о товаре */
.product-details[b-lb39b9orhi] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.product-title[b-lb39b9orhi] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.product-meta[b-lb39b9orhi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #666;
    font-size: 14px;
}

.product-price-block[b-lb39b9orhi] {
    margin: 16px 0;
}

.price[b-lb39b9orhi] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

.stock-status[b-lb39b9orhi] {
    font-size: 14px;
    margin-top: 8px;
}

.out-of-stock[b-lb39b9orhi] {
    color: #dc3545;
}

.delivery-info[b-lb39b9orhi] {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 14px;
    width: 50vh;
}

/* Кнопка добавления в корзину */
.add-to-cart-btn[b-lb39b9orhi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 50vh;
    margin-top: auto;
}

.add-to-cart-btn-same-products[b-lb39b9orhi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: auto;
    width: 100%;
}

.add-to-cart-btn:hover[b-lb39b9orhi] {
    background: rgb(45, 35, 112);
}

.cart-button-img[b-lb39b9orhi] {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

/* Иконка избранного */
.heart-icon-container[b-lb39b9orhi] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 2;
    transition: transform 0.2s;
}

.heart-icon-container:hover[b-lb39b9orhi] {
    transform: scale(1.1);
}

.heart-icon[b-lb39b9orhi] {
    color: #666;
    font-size: 20px;
    transition: color 0.2s;
}

.heart-icon.oi-heart[b-lb39b9orhi] {
    color: #e91e63;
}

@media (max-width: 640.98px) {
    .same-products-container[b-lb39b9orhi] {
        padding: 0 16px;
        max-width: 100vw;
    }

    .products-grid[b-lb39b9orhi] {
        gap: 12px;
        padding: 12px 0;
    }

    .product-card[b-lb39b9orhi] {
        flex: 0 0 240px; /* Еще меньше на мобильных */
        min-width: 240px;
        max-width: 240px;
        height: 410px;
    }

    .product-main-info[b-lb39b9orhi] {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 16px;
    }

    .control-container[b-lb39b9orhi] {
        height: 300px;
    }

    .product-title[b-lb39b9orhi] {
        font-size: 20px;
    }

    .price[b-lb39b9orhi] {
        font-size: 24px;
    }

    .product-characteristics h4[b-lb39b9orhi] {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .product-characteristics[b-lb39b9orhi] {
        padding: 16px;
        margin-top: 24px;
    }

    .characteristic[b-lb39b9orhi] {
        grid-template-columns: 1fr 1.5fr; /* Изменили пропорции для мобильных */
        padding: 8px 12px;
        gap: 8px;
    }

    .char-title[b-lb39b9orhi],
    .char-value[b-lb39b9orhi] {
        font-size: 13px;
    }

    /* Скрываем скроллбар на мобильных */
    .products-grid[b-lb39b9orhi]::-webkit-scrollbar {
        display: none;
    }
    
    .products-grid[b-lb39b9orhi] {
        scrollbar-width: none;
    }

    .image-container[b-lb39b9orhi] {
        height: 160px;
    }

    .add-to-cart-btn[b-lb39b9orhi] {
        padding: 10px;
    }

    .product-row[b-lb39b9orhi] {
        flex-direction: column;
        padding: 12px;
    }

    .image-container[b-lb39b9orhi] {
        width: 100%;
        height: 160px;
        margin: 0 0 12px 0;
        padding: 10px;
    }

    .add-to-cart-btn[b-lb39b9orhi] {
        width: 37vh;
    }

    .heart-icon-container[b-lb39b9orhi] {
        top: 10px;
        right: 10px;
    }

    .table-header[b-lb39b9orhi] {
        display: none;
    }

    .product-info[b-lb39b9orhi] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        border: none;
    }

    .product-group-info[b-lb39b9orhi] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        border: none;
    }

    .product-price[b-lb39b9orhi] {
        margin-bottom: 5px;
        font-weight: bold;
    }

    .product-article[b-lb39b9orhi] {
        font-weight: bold;
    }

    .image-container[b-lb39b9orhi] {
        display: flex;
        justify-content: center;
        align-items: center;
        /* width: 150px;
        height: 85%; */
        border: none;
    }

    .same-products-card[b-lb39b9orhi] {
        display: flex;
        gap: 10px;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    .product-row[b-lb39b9orhi] {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 10px;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    .img-thumbnail[b-lb39b9orhi] {
        /* width: 100%;
        height: 60%; */
        border: none;
    }

    .e-carousel-navigators[b-lb39b9orhi] {
        display: none;
    }

    .e-indicator-bars[b-lb39b9orhi] {
        display: none;
    }

    .product-filters-table[b-lb39b9orhi] {
        display: grid;
        justify-items: start;
    }

    .same-products-info[b-lb39b9orhi] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        border: none;
    }

    .same-products-description[b-lb39b9orhi] {
        font-size: 0.9em;
        color: #555;
        margin-bottom: 10px;
        max-height: 3em; /* Adjust as needed to control the number of visible lines */
        overflow: hidden; /* Hide overflowing text */
        text-overflow: ellipsis; /* Add ellipses (...) to the overflowed text */
        /* white-space: nowrap; /* Ensure text does not wrap to the next line */
    }
    
    .same-products-image-container[b-lb39b9orhi] {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        height: 100%;
    }

    .same-products-img-thumbnail[b-lb39b9orhi] {
        width: 80%;
        border: none;
    }

    .same-products-grid[b-lb39b9orhi] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Responsive grid */
        gap: 10px; /* Spacing between rows and columns */
        max-height: 600px; /* Limit the height */
        overflow-y: auto; /* Add vertical scrolling */
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box; /* Ensure padding and border don't affect layout */
    }

    .heart-icon-container[b-lb39b9orhi] {
        position: absolute;
        cursor: pointer;
        z-index: 10;
        border: none;
        right: 10px;
    }

    .heart-icon-container-sp[b-lb39b9orhi] {
        /* position: fixed; */
        cursor: pointer;
        z-index: 10;
        border: none;
        padding-bottom: 120px;
        padding-left: 20px;
    }

    .delivery-info[b-lb39b9orhi] {
        width: 37vh;
    }
}

/* Контейнер для иконки остатков */
.stock-icon-container[b-lb39b9orhi] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Текст "Наличие" */
.stock-label[b-lb39b9orhi] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* Иконка остатков товара */
.stock-icon[b-lb39b9orhi] {
    width: 60px;
    height: 40px;
    object-fit: contain;
    cursor: help;
}
/* /Pages/ProductsCatalog.razor.rz.scp.css */
.table[b-74vvz976t3] {
    display: table;
    width: 100%;
    border-collapse: collapse;
    overflow-y: auto;
    margin-top: 20px;
}

.product-row:hover[b-74vvz976t3] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Контейнер для изображения */
.image-container[b-74vvz976t3] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}

/* Изображения для товаров */
.product-info .product-image[b-74vvz976t3],
.product-info .default-image[b-74vvz976t3] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Изображения для групп */
.product-group-info .product-image[b-74vvz976t3],
.product-group-info .default-image[b-74vvz976t3] {
    max-width: 70%; /* Уменьшаем для групп */
    max-height: 70%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.product-description[b-74vvz976t3] {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

.product-article[b-74vvz976t3] {
    font-size: 14px;
    color: #666;
}

.product-type[b-74vvz976t3] {
    font-size: 14px;
    color: #666;
}

.product-price[b-74vvz976t3] {
    font-size: 18px;
    font-weight: 600;
}

.add-to-cart-btn:hover[b-74vvz976t3] {
    background: rgb(45, 35, 112);
}

.cart-button-img[b-74vvz976t3] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

/* Иконка избранного */
.heart-icon-container[b-74vvz976t3] {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 10;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.heart-icon-container:hover[b-74vvz976t3] {
    transform: scale(1.1);
}

.heart-icon[b-74vvz976t3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #666;
    transition: color 0.2s;
}

.heart-icon.oi-heart[b-74vvz976t3] {
    color: #e91e63;
}

.product-row[b-74vvz976t3] {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    position: relative;
    transition: all 0.2s ease;
}

/* Информация о товаре */
.product-info[b-74vvz976t3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Распределяем пространство */
    gap: 10px;
    padding: 10px 0;
}

/* Стили для групп товаров */
.product-group-info[b-74vvz976t3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
}

.product-description-group[b-74vvz976t3] {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

/* Кнопка добавления в корзину */
.add-to-cart-btn[b-74vvz976t3] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    padding: 10px 16px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.2s;
    margin-top: auto; /* Прижимаем к низу */
}

.group-image-wrapper[b-74vvz976t3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    margin-right: 20px;
    flex-shrink: 0;
    border-radius: 4px;
}

.group-image[b-74vvz976t3] {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 640px) {
    .group-image-wrapper[b-74vvz976t3] {
        width: 100%;
        height: 140px;
        margin: 0 0 10px 0;
    }
    
    .group-image[b-74vvz976t3] {
        max-width: 80%;
        max-height: 80%;
    }

    .product-group-info[b-74vvz976t3] {
        text-align: center;
        padding: 0 10px;
    }

    .product-row[b-74vvz976t3] {
        flex-direction: column;
        padding: 12px;
    }

    .image-container[b-74vvz976t3] {
        width: 100%;
        height: 160px;
        margin: 0 0 12px 0;
        padding: 10px;
    }

    /* Мобильные стили для товаров */
    .product-info .product-image[b-74vvz976t3],
    .product-info .default-image[b-74vvz976t3] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Мобильные стили для групп */
    .product-group-info .product-image[b-74vvz976t3],
    .product-group-info .default-image[b-74vvz976t3] {
        max-width: 60%;
        max-height: 60%;
        width: auto;
        height: auto;
    }

    .add-to-cart-btn[b-74vvz976t3] {
        margin-top: 10px;
        width: 100%;
    }

    .product-image[b-74vvz976t3],
    .default-image[b-74vvz976t3] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .product-description-group[b-74vvz976t3] {
        font-size: 16px;
        padding: 0 10px;
    }
}

/* Обновленные стили для карусели */
.control-container[b-74vvz976t3] {
    background-color: transparent;
    height: 300px;
    width: 300px;
    margin: 0 auto;
    border: none !important;
}

.control-container .img-container[b-74vvz976t3] {
    border: none !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-container img[b-74vvz976t3] {
    max-width: 85%;
    max-height: 85%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Сохраняем существующие стили для карусели */
.control-container[b-74vvz976t3] {
    border-color: transparent !important;
}

.control-container[b-74vvz976t3] {
    background-color: black;
    height: 300px;
    margin: 0 auto;
    width: 300px;
    border-color: transparent !important; /* Make the border transparent */
}

.control-container .img-container[b-74vvz976t3] {
    border-color: transparent !important; /* Make the border transparent */
}

.e-carousel-item[b-74vvz976t3] {
    border-color: transparent !important; /* Make the border transparent */
}

.e-carousel .e-carousel-items .e-carousel-item .img-container[b-74vvz976t3] {
    height: 100%;
}

.e-carousel .e-carousel-items .e-carousel-item .img-caption[b-74vvz976t3] {
    bottom: 4em;
    color: black;
    font-size: 12pt;
    height: 2em;
    position: relative;
    padding: 0.3em 1em;
    text-align: center;
    width: 100%;
}

.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon[b-74vvz976t3],
.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon[b-74vvz976t3] {
    color: black;
    font-size: 25px;
}

/*18.09.24 styling full screen view*/
.e-dialog .e-dlg-header[b-74vvz976t3] {
    background-color: white;
    opacity: 0.6;
    backdrop-filter: blur(10px);
}
.e-dlg-overlay[b-74vvz976t3] {
    background-color: white;
    opacity: 0.6;
    backdrop-filter: blur(10px);
}

.e-dialog[b-74vvz976t3] {
    background-color: white;
    opacity: 1;
    backdrop-filter: blur(10px);
}

.e-dialog .e-dlg-content[b-74vvz976t3] {
    box-shadow: none;
    border: none;
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit:contain;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close[b-74vvz976t3] {
    font-weight: bold; /* Make the close button bold */
    font-size: 1.5rem; /* Increase the size for prominence */
    opacity: 1; /* Ensure visibility */
}

.catalog-back-btn[b-74vvz976t3] {
    width: 200px;
    padding: 10px;
    color: white;
    background-color: rgb(32, 23, 87);
    font-size: x-large;
    line-height: 1rem;
    border-radius: 5px;
}

.heart-icon[b-74vvz976t3] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ===== Фильтр "Только в наличии" ===== */
.catalog-filter-bar[b-74vvz976t3] {
    display: flex;
    align-items: center;
    padding: 8px 0 12px 0;
}

.catalog-toggle[b-74vvz976t3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    margin: 0;
}

.catalog-toggle input[type="checkbox"][b-74vvz976t3] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.catalog-toggle-track[b-74vvz976t3] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    background-color: #ccc;
    border-radius: 13px;
    transition: background-color 0.25s;
    flex-shrink: 0;
}

.catalog-toggle-track.catalog-toggle-on[b-74vvz976t3] {
    background-color: rgb(32, 23, 87);
}

.catalog-toggle-thumb[b-74vvz976t3] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    transition: transform 0.25s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

.catalog-toggle-track.catalog-toggle-on .catalog-toggle-thumb[b-74vvz976t3] {
    transform: translateX(20px);
}

.catalog-toggle-text[b-74vvz976t3] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    transition: color 0.2s, font-weight 0.2s;
}

.catalog-toggle-text.catalog-toggle-text-on[b-74vvz976t3] {
    color: rgb(32, 23, 87);
    font-weight: 700;
}

/* Контейнер для иконки остатков */
.stock-icon-container[b-74vvz976t3] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Текст "Наличие" */
.stock-label[b-74vvz976t3] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Иконка остатков товара */
.stock-icon[b-74vvz976t3] {
    width: 50px;
    height: 30px;
    object-fit: contain;
    cursor: help;
}

/* /Pages/RefundPolicy.razor.rz.scp.css */
.refund-container[b-tca9z5wc9g] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}

.refund-header[b-tca9z5wc9g] {
    text-align: center;
    margin-bottom: 48px;
}

.page-title[b-tca9z5wc9g] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.subtitle[b-tca9z5wc9g] {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.refund-content[b-tca9z5wc9g] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 32px;
}

.refund-intro[b-tca9z5wc9g] {
    font-size: 16px;
    line-height: 1.8;
    color: #2c3e50;
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
}

.section-title[b-tca9z5wc9g] {
    font-size: 24px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 24px;
}

.step-card[b-tca9z5wc9g] {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    padding: 24px;
    background: #f8f9fc;
    border-radius: 12px;
    transition: transform 0.2s;
}

.step-card:hover[b-tca9z5wc9g] {
    transform: translateY(-2px);
}

.step-number[b-tca9z5wc9g] {
    width: 40px;
    height: 40px;
    background: rgb(32, 23, 87);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    flex-shrink: 0;
}

.step-content[b-tca9z5wc9g] {
    flex: 1;
}

.step-content h3[b-tca9z5wc9g] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 12px;
}

.step-content p[b-tca9z5wc9g] {
    color: #2c3e50;
    margin-bottom: 16px;
    line-height: 1.6;
}

.step-image[b-tca9z5wc9g], .section-image[b-tca9z5wc9g] {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin: 16px 0;
}

.refund-section[b-tca9z5wc9g] {
    margin: 40px 0;
    padding-top: 24px;
    border-top: 1px solid #eee;
}

.refund-support[b-tca9z5wc9g] {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #eee;
    text-align: center;
    color: #666;
}

.refund-support a[b-tca9z5wc9g] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    border-bottom: 1px solid rgba(32, 23, 87, 0.2);
    transition: all 0.2s;
}

.refund-support a:hover[b-tca9z5wc9g] {
    border-color: rgb(32, 23, 87);
}

/* Адаптивность */
@media (max-width: 768px) {
    .refund-container[b-tca9z5wc9g] {
        padding: 20px 16px;
    }

    .page-title[b-tca9z5wc9g] {
        font-size: 24px;
    }

    .subtitle[b-tca9z5wc9g] {
        font-size: 16px;
    }

    .refund-content[b-tca9z5wc9g] {
        padding: 20px 16px;
    }

    .section-title[b-tca9z5wc9g] {
        font-size: 20px;
    }

    .step-card[b-tca9z5wc9g] {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .step-content h3[b-tca9z5wc9g] {
        font-size: 16px;
    }
}

/* Анимации */
.step-card[b-tca9z5wc9g] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn-b-tca9z5wc9g 0.5s ease forwards;
}

@keyframes fadeIn-b-tca9z5wc9g {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.step-card:nth-child(2)[b-tca9z5wc9g] { animation-delay: 0.1s; }
.step-card:nth-child(3)[b-tca9z5wc9g] { animation-delay: 0.2s; }
.step-card:nth-child(4)[b-tca9z5wc9g] { animation-delay: 0.3s; }
/* /Pages/SaleHistory.razor.rz.scp.css */
/* Контейнер страницы */
.page-container[b-eht0tml2wt] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Заголовок страницы */
.page-title[b-eht0tml2wt] {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 24px;
}

/* Панель фильтров */
.filters-panel[b-eht0tml2wt] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
    padding: 16px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.date-range[b-eht0tml2wt] {
    display: flex;
    gap: 16px;
}

.form-group[b-eht0tml2wt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label[b-eht0tml2wt] {
    font-size: 14px;
    color: #666;
}

.date-input[b-eht0tml2wt] {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
}

.refresh-button[b-eht0tml2wt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.refresh-button:hover[b-eht0tml2wt] {
    background: #1a1654;
}

/* Таблица продаж */
.sales-table[b-eht0tml2wt] {
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden;
}

.table-header[b-eht0tml2wt] {
    display: grid;
    grid-template-columns: 60px 1fr 2fr 2fr 1.5fr 1.5fr 1fr 1fr;
    gap: 16px;
    padding: 16px;
    background: #f8f9fa;
    
}

.table-row[b-eht0tml2wt] {
    display: grid;
    grid-template-columns: 60px 1fr 2fr 2fr 1.5fr 1.5fr 1fr 1fr;
    gap: 16px;
    padding: 16px;
    transition: background-color 0.2s;
}

.table-row:hover[b-eht0tml2wt] {
    background-color: #f8f9fa;
}

.table-cell[b-eht0tml2wt] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

/* Статусы */
.status-badge[b-eht0tml2wt] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}

.status-completed[b-eht0tml2wt] {
    background: #e1f7e3;
    color: #2ecc71;
}

.status-processing[b-eht0tml2wt] {
    background: #fff3cd;
    color: #ffa502;
}

.status-cancelled[b-eht0tml2wt] {
    background: #ffe4e6;
    color: #ff4757;
}

/* Кнопка действий */
.action-button[b-eht0tml2wt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s;
}

.action-button:hover[b-eht0tml2wt] {
    background: #eff2f7;
    border-color: #ccc;
}

/* Панель с товарами */
.products-panel[b-eht0tml2wt] {
    display: none;
    padding: 16px;
    background: #f8f9fa;
    
}

.products-table[b-eht0tml2wt] {
    background: white;
    border-radius: 6px;
    overflow: hidden;
}

.products-header[b-eht0tml2wt] {
    display: grid;
    grid-template-columns: 120px 3fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 12px 16px;
    background: #f8f9fa;
    
}

.product-row[b-eht0tml2wt] {
    display: grid;
    grid-template-columns: 120px 3fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 12px 16px;
    
}

.product-cell[b-eht0tml2wt] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

/* Кнопка возврата */
.return-button[b-eht0tml2wt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #ff4757;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.return-button:hover[b-eht0tml2wt] {
    background: #ff3545;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .table-header[b-eht0tml2wt],
    .table-row[b-eht0tml2wt] {
        grid-template-columns: 60px 1fr 1fr 1fr 1fr 1fr 1fr 80px;
    }

    .products-header[b-eht0tml2wt],
    .product-row[b-eht0tml2wt] {
        grid-template-columns: 100px 2fr 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .filters-panel[b-eht0tml2wt] {
        flex-direction: column;
        align-items: stretch;
    }

    .date-range[b-eht0tml2wt] {
        flex-direction: column;
    }

    .sales-table[b-eht0tml2wt] {
        overflow-x: auto;
    }
}
/* /Pages/SearchProducts.razor.rz.scp.css */
.btn-filter[b-ru4o2apd5a] {
    white-space: nowrap;
    flex: 0 0 auto;
    height: 100%;
    object-fit: contain;
}

.clear-button[b-ru4o2apd5a] {
    /*position: absolute;  Allows placement over the input field */
    /*right: 5px; /* Distance from the right edge of the input */
    /*top: 45%; /* Centers vertically */
    /* transform: translateY(-50%); /* Adjusts vertical alignment */
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.2em; /* Adjust as needed */
    color: #888; /* Optional: style for the button */
}

.heart-icon-container[b-ru4o2apd5a] {
    position: absolute;
    top: 15px;          /* Отступ сверху */
    right: 15px;        /* Отступ справа */
    cursor: pointer;
    z-index: 10;
    width: 32px;        /* Фиксированная ширина для кликабельной области */
    height: 32px;       /* Фиксированная высота для кликабельной области */
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;  /* Белый фон */
    border-radius: 50%; /* Круглая форма */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Легкая тень */
}

.heart-icon[b-ru4o2apd5a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #666;
    transition: color 0.2s;
}

/* Стиль для активного состояния (когда товар в избранном) */
.heart-icon.oi-heart[b-ru4o2apd5a] {
    color: #e91e63;
}

.filter-carousel-container[b-ru4o2apd5a] {
    width: 100%;
    margin: 24px 0;
    padding: 0 20px;
}

.filter-carousel-wrapper[b-ru4o2apd5a] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.filter-carousel[b-ru4o2apd5a] {
    display: flex;
    flex-wrap: nowrap; /* Изменено для предотвращения переноса */
    gap: 8px;
    min-width: min-content; /* Чтобы контент не сжимался */
}

.btn-filter[b-ru4o2apd5a] {
    background: #f8f9fc;
    border: 1px solid #e0e0e0;
    color: #2c3e50;
    padding: 8px 16px;
    border-radius: 8px; /* Унифицированные углы */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex: 0 0 auto; /* Предотвращает сжатие кнопок */
}

.btn-filter:hover[b-ru4o2apd5a] {
    background: #f0f2f5;
    border-color: rgb(32, 23, 87);
    transform: translateY(-1px);
}

.btn-filter.active[b-ru4o2apd5a] {
    background: rgb(32, 23, 87);
    color: white;
    border-color: rgb(32, 23, 87);
}

.btn-filter.active:hover[b-ru4o2apd5a] {
    background: rgb(25, 18, 68);
}

/* Стили для скроллбара */
.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar {
    height: 6px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

@keyframes fadeInUp-b-ru4o2apd5a {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Задержка анимации для каждой кнопки */
.btn-filter:nth-child(1)[b-ru4o2apd5a] { animation-delay: 0.1s; }
.btn-filter:nth-child(2)[b-ru4o2apd5a] { animation-delay: 0.15s; }
.btn-filter:nth-child(3)[b-ru4o2apd5a] { animation-delay: 0.2s; }
.btn-filter:nth-child(4)[b-ru4o2apd5a] { animation-delay: 0.25s; }
.btn-filter:nth-child(5)[b-ru4o2apd5a] { animation-delay: 0.3s; }

/* Скроллбар */
.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar {
    height: 6px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.filter-carousel-wrapper[b-ru4o2apd5a]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Базовые стили для карточек товаров */
.product-row[b-ru4o2apd5a] {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    position: relative; /* Важно для абсолютного позиционирования сердечка */
}

.image-container[b-ru4o2apd5a] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 20px;
}

.product-image[b-ru4o2apd5a],
.default-image[b-ru4o2apd5a] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-info[b-ru4o2apd5a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-description[b-ru4o2apd5a] {
    font-size: 16px;
    color: #333;
}

.product-article[b-ru4o2apd5a] {
    font-size: 14px;
    color: #666;
}

.product-type[b-ru4o2apd5a] {
    font-size: 14px;
    color: #666;
}

.product-price[b-ru4o2apd5a] {
    font-size: 18px;
    font-weight: 600;
}

.add-to-cart-btn[b-ru4o2apd5a] {
    width: auto;
    padding: 8px 16px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.heart-icon-container[b-ru4o2apd5a] {
    margin-left: auto;
    cursor: pointer;
}

.search-container:focus-within[b-ru4o2apd5a] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.search-icon[b-ru4o2apd5a] {
    color: #666;
    font-size: 18px;
    flex-shrink: 0;
}

.search-input:focus[b-ru4o2apd5a] {
    outline: none;
}

.search-input[b-ru4o2apd5a]::placeholder {
    color: #999;
}

.clear-button[b-ru4o2apd5a] {
    background: none;
    border: none;
    padding: 8px;
    color: #666;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
    flex-shrink: 0;
}

.clear-button:hover[b-ru4o2apd5a] {
    opacity: 1;
}

.search-wrapper[b-ru4o2apd5a] {
    width: 100%;
    margin: 24px 0;
    padding: 0 20px;
    max-width: 1400px;
}

.search-container[b-ru4o2apd5a] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 8px 16px;
    width: 600px; /* фиксированная ширина */
    margin-left: 0; /* Убираем margin слева */
}

.search-input[b-ru4o2apd5a] {
    flex: 1;
    min-width: 0; /* Важно для правильного сжатия в flex-контейнере */
    border: none;
    padding: 12px 0;
    font-size: 16px;
    background: transparent;
    color: #333;
}

.search-button[b-ru4o2apd5a] {
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.search-button:hover[b-ru4o2apd5a] {
    background: rgb(25, 18, 68);
    transform: translateY(-1px);
}

.search-button:active[b-ru4o2apd5a] {
    transform: translateY(0);
}

.sorting-container[b-ru4o2apd5a] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
    flex-wrap: wrap;
}

.sorting-label[b-ru4o2apd5a] {
    font-weight: 500;
    color: #2c3e50;
    margin: 0;
}

.sorting-dropdown[b-ru4o2apd5a] {
    padding: 10px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    color: #2c3e50;
    min-width: 200px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s;
}

.sorting-dropdown:focus[b-ru4o2apd5a] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
}

.change-price[b-ru4o2apd5a] {
    background: rgb(32, 23, 87) !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 500 !important;
    transition: all 0.2s !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.change-price:hover[b-ru4o2apd5a] {
    background: rgb(25, 18, 68) !important;
    transform: translateY(-1px);
}

.change-price:active[b-ru4o2apd5a] {
    transform: translateY(0);
}

/* Стили для диалога фильтра цены */
.price-filter-form[b-ru4o2apd5a] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.price-filter-form label[b-ru4o2apd5a] {
    font-weight: 500;
    color: #2c3e50;
    margin-bottom: 8px;
    display: block;
}

.price-filter-form .form-control[b-ru4o2apd5a] {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.2s;
}

.price-filter-form .form-control:focus[b-ru4o2apd5a] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
}

/* Стили для слайдера цены */
[b-ru4o2apd5a] .e-slider-container {
    margin: 16px 0;
}

[b-ru4o2apd5a] .e-slider .e-handle {
    background-color: rgb(32, 23, 87);
    border-color: rgb(32, 23, 87);
}

[b-ru4o2apd5a] .e-slider .e-range {
    background-color: rgb(32, 23, 87);
}

.button-group[b-ru4o2apd5a] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.button-group .btn[b-ru4o2apd5a] {
    flex: 1;
    padding: 12px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s;
}

.button-group .btn-success[b-ru4o2apd5a] {
    background: rgb(32, 23, 87);
    border: none;
}

.button-group .btn-success:hover[b-ru4o2apd5a] {
    background: rgb(25, 18, 68);
}

.button-group .btn-secondary[b-ru4o2apd5a] {
    background: #f8f9fc;
    color: rgb(32, 23, 87);
    border: 1px solid rgb(32, 23, 87);
}

.button-group .btn-secondary:hover[b-ru4o2apd5a] {
    background: #f0f2f5;
}

.filters-container[b-ru4o2apd5a] {
    width: 100%;
    margin: 32px 0; /* Увеличили отступ сверху с 24px до 32px */
    padding: 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: white; /* Добавляем белый фон */
    border-radius: 12px; /* Добавляем скругление углов */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* Добавляем тень */
    padding-top: 16px; /* Добавляем внутренний отступ сверху */
}

.filters-wrapper[b-ru4o2apd5a] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px 0 16px 0; /* Изменили отступы */
    min-width: min-content;
}

.filter-button[b-ru4o2apd5a] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    flex: 0 0 auto;
}

.filter-button.active[b-ru4o2apd5a] {
    background: rgb(32, 23, 87);
    color: white;
    border-color: rgb(32, 23, 87);
}

.filter-button:hover[b-ru4o2apd5a] {
    border-color: rgb(32, 23, 87);
    transform: translateY(-1px);
}

.selected-count[b-ru4o2apd5a] {
    margin-left: 8px;
    background: rgba(32, 23, 87, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.85em;
}

/* Стили для скроллбара */
.filters-container[b-ru4o2apd5a]::-webkit-scrollbar {
    height: 6px;
}

.filters-container[b-ru4o2apd5a]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filters-container[b-ru4o2apd5a]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.filters-container[b-ru4o2apd5a]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.clear-filters-btn[b-ru4o2apd5a] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    flex: 0 0 auto;
}

.clear-filters-btn:hover[b-ru4o2apd5a] {
    border-color: rgb(32, 23, 87);
    transform: translateY(-1px);
}

.clear-filters-btn .oi[b-ru4o2apd5a] {
    margin-right: 8px;
}

/* Базовый медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .product-row[b-ru4o2apd5a] {
        flex-direction: column;
    }

    .image-container[b-ru4o2apd5a] {
        width: 100%;
        height: 200px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .add-to-cart-btn[b-ru4o2apd5a] {
        width: 100%;
    }

    .search-wrapper[b-ru4o2apd5a] {
        padding: 0 16px;
    }

    .search-container[b-ru4o2apd5a] {
        width: 100%; /* На мобильных устройствах занимает всю ширину */
    }

    .search-input[b-ru4o2apd5a] {
        font-size: 14px;
        padding: 10px 0;
    }

    .search-button[b-ru4o2apd5a] {
        padding: 10px 16px;
        font-size: 14px;
    }

    .search-icon[b-ru4o2apd5a] {
        font-size: 16px;
    }

    .sorting-container[b-ru4o2apd5a] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .sorting-dropdown[b-ru4o2apd5a] {
        width: 100%;
    }

    .change-price[b-ru4o2apd5a] {
        width: 100%;
    }

    .filter-carousel-container[b-ru4o2apd5a] {
        padding: 0 16px;
    }

    .filter-carousel-wrapper[b-ru4o2apd5a] {
        padding: 12px;
    }

    .btn-filter[b-ru4o2apd5a] {
        font-size: 13px;
        padding: 6px 12px;
    }
}

/* Контейнер для иконки остатков */
.stock-icon-container[b-ru4o2apd5a] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Текст "Наличие" */
.stock-label[b-ru4o2apd5a] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Иконка остатков товара */
.stock-icon[b-ru4o2apd5a] {
    width: 50px;
    height: 30px;
    object-fit: contain;
    cursor: help;
}
/* /Pages/ShoppingCart.razor.rz.scp.css */
/* Базовые стили для таблицы */
/* Базовые стили для таблицы */
.table[b-dv0gbhky25] {
    width: 100%;
    max-width: 1200px;
    margin: 0;  /* Убрали auto для выравнивания слева */
    padding: 0 16px;
}

/* Контейнер изображения */
.image-container[b-dv0gbhky25] {
    width: 120px;  /* Увеличили на 20% с 100px */
    height: 120px; /* Увеличили на 20% с 100px */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
}

/* Контролы количества */
.qty-btn-div[b-dv0gbhky25] {
    display: flex;
    align-items: stretch; /* Растягиваем все элементы по высоте */
    gap: 8px;
    margin-top: auto;
    height: 38px; /* Фиксированная высота для всего блока */
}

.qty-change-btn[b-dv0gbhky25] {
    padding: 0 12px;
    color: white;
    background-color: rgb(32, 23, 87);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Растягиваем на всю высоту родителя */
}

.qty-input[b-dv0gbhky25] {
    width: 50px;
    text-align: center;
    padding: 6px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    height: 100%; /* Растягиваем на всю высоту родителя */
}

/* Строка товара */
.product-row[b-dv0gbhky25] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    padding: 16px;
    margin-bottom: 16px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    align-items: start;
}

.product-image[b-dv0gbhky25],
.default-image[b-dv0gbhky25] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Информация о товаре */
.product-info[b-dv0gbhky25] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.product-description[b-dv0gbhky25] {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
}

.product-sum[b-dv0gbhky25] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

.product-price[b-dv0gbhky25] {
    font-size: 14px;
    color: #666;
}

/* Итоговая информация */
.cart-summary[b-dv0gbhky25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    padding: 16px;
    background: white;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.product-row:hover[b-dv0gbhky25] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.img-thumbnail[b-dv0gbhky25] {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Стили для кнопок действий */
.btn-warning[b-dv0gbhky25] {
    background-color: white;
    border: 1px solid #ddd;
    color: #333;
    padding: 10px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s;
    width: 300px;
}

.btn-warning:hover[b-dv0gbhky25] {
    background-color: #f8f9fa;
    border-color: #ddd;
}

.btn-success[b-dv0gbhky25] {
    background-color: rgb(32, 23, 87) !important;
    border: none;
    width: 300px;
    padding: 12px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.delivery-info[b-dv0gbhky25] {
    margin-bottom: 5px;
    font-weight: bold;
    font-style: oblique;
    font-size: smaller;
}

.product-price[b-dv0gbhky25] {
    margin-bottom: 5px;
    font-weight: bold;
    font-style: oblique;
}

/* Медиа-запросы для мобильных устройств */
@media (max-width: 640px) {
    .product-row[b-dv0gbhky25] {
        grid-template-columns: 80px 1fr;
        gap: 12px;
        padding: 12px;
    }

    .image-container[b-dv0gbhky25] {
        width: 96px;  /* Увеличили на 20% с 80px */
        height: 96px; /* Увеличили на 20% с 80px */
    }

    .qty-btn-div[b-dv0gbhky25] {
        height: 34px; /* Немного меньше для мобильной версии */
    }

    .product-info[b-dv0gbhky25] {
        gap: 8px;
    }

    .product-description[b-dv0gbhky25] {
        font-size: 14px;
    }

    .product-sum[b-dv0gbhky25] {
        font-size: 16px;
    }

    .product-price[b-dv0gbhky25] {
        font-size: 13px;
    }

    .qty-change-btn[b-dv0gbhky25] {
        padding: 4px 8px;
        font-size: 14px;
    }

    .cart-summary[b-dv0gbhky25] {
        flex-direction: column;
        gap: 16px;
    }

    .cart-total[b-dv0gbhky25] {
        text-align: center;
        width: 100%;
    }

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

    .order-info-row[b-dv0gbhky25] {
        width: 100%;
    }
}
/* /Pages/SignInSignUpPage.razor.rz.scp.css */
.auth-container[b-00npb1web5] {
    max-width: 480px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Стили для вкладок */
.auth-tabs[b-00npb1web5] {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}

.tab-button[b-00npb1web5] {
    flex: 1;
    padding: 16px;
    border: none;
    border-radius: 8px;
    background: #f8f9fa;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-button .oi[b-00npb1web5] {
    font-size: 18px;
}

.tab-button.active[b-00npb1web5] {
    background: rgb(32, 23, 87);
    color: white;
}

.tab-button:hover:not(.active)[b-00npb1web5] {
    background: #e9ecef;
    color: rgb(32, 23, 87);
}

/* Стили для формы */
.auth-form[b-00npb1web5] {
    background: white;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.form-group[b-00npb1web5] {
    margin-bottom: 24px;
}

.form-group label[b-00npb1web5] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.input-container[b-00npb1web5] {
    position: relative;
}

.form-control[b-00npb1web5] {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    color: #333;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.form-control:focus[b-00npb1web5] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    background: white;
}

/* Кнопка очистки поля */
.clear-input[b-00npb1web5] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 4px;
}

.clear-input:hover[b-00npb1web5] {
    color: rgb(32, 23, 87);
}

/* Переключатель видимости пароля */
.password-toggle[b-00npb1web5] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.password-toggle:hover[b-00npb1web5] {
    opacity: 1;
}

/* Кнопки действий */
.action-button[b-00npb1web5] {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 16px;
}

.primary-button[b-00npb1web5] {
    background: rgb(32, 23, 87);
    color: white;
    border: none;
}

.primary-button:hover[b-00npb1web5] {
    background: rgb(45, 35, 112);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.secondary-button[b-00npb1web5] {
    background: white;
    color: rgb(32, 23, 87);
    border: 1px solid rgb(32, 23, 87);
}

.secondary-button:hover[b-00npb1web5] {
    background: #f8f9fa;
}

/* Социальные кнопки */
.social-auth[b-00npb1web5] {
    margin-top: 32px;
}

.social-auth-divider[b-00npb1web5] {
    text-align: center;
    position: relative;
    margin-bottom: 24px;
}

.social-auth-divider[b-00npb1web5]:before,
.social-auth-divider[b-00npb1web5]:after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 60px);
    height: 1px;
    background: #dee2e6;
}

.social-auth-divider[b-00npb1web5]:before {
    left: 0;
}

.social-auth-divider[b-00npb1web5]:after {
    right: 0;
}

.social-auth-divider span[b-00npb1web5] {
    background: white;
    padding: 0 16px;
    color: #666;
    font-size: 14px;
}

.social-buttons[b-00npb1web5] {
    display: flex;
    gap: 16px;
}

.social-button[b-00npb1web5] {
    flex: 1;
    padding: 12px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: white;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.social-button img[b-00npb1web5] {
    width: 20px;
    height: 20px;
}

.social-button:hover[b-00npb1web5] {
    background: #f8f9fa;
    border-color: rgb(32, 23, 87);
}

.toggle-switch[b-00npb1web5] {
    display: flex;
    align-items: center;
}

.google-login-button[b-00npb1web5] {
    display: flex;
    align-items: center; /* Vertically centers the elements */
    justify-content: center; /* Horizontally centers the elements */
    background-color: dimgray;
    color: white;
    border: none;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    background-color:dimgray; 
    width:40%;
}

.toggle-switch label[b-00npb1web5] {
    margin-right: 10px;
}

.toggle-switch input[type="checkbox"][b-00npb1web5] {
    display: none;
}

.img-show-hide-pass[b-00npb1web5] {
    height: 40px;
    width: 40px;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    outline: none;
    margin-top: 20px;
}

.toggle-slider[b-00npb1web5] {
    width: 50px;
    height: 25px;
    border-radius: 25px;
    background-color: #ccc;
    position: relative;
}

.toggle-slider[b-00npb1web5]::before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.3s;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider[b-00npb1web5] {
    background-color: #4caf50;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider[b-00npb1web5]::before {
    transform: translateX(25px);
}

.clickable-row[b-00npb1web5] {
    cursor: pointer;
}

.clickable-row:hover[b-00npb1web5] {
    background-color: #f1f1f1;
}

.delivery-tarif-row[b-00npb1web5] {
    text-align: center;
}

.summary-item[b-00npb1web5] {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.summary-item.total[b-00npb1web5] {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}

.password-suggestions ul[b-00npb1web5] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.password-suggestions ul li[b-00npb1web5] {
    cursor: pointer;
    padding: 5px;
}

.password-suggestions ul li:hover[b-00npb1web5] {
    background-color: #f2f2f2;
}

.toggle-link[b-00npb1web5] {
    display: inline-block;
    font-size: 1rem;
    color: #007BFF;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #007BFF;
    transition: background-color 0.3s, color 0.3s;
}

.toggle-link:hover[b-00npb1web5] {
    background-color: #007BFF;
    color: #ffffff;
}

/*Google auth styling*/
.google-login-button img[b-00npb1web5] {
    width: 20px; /* Adjust as needed for icon size */
    height: 20px;
    margin-right: 8px; /* Space between icon and text */
}

.google-login-button span[b-00npb1web5] {
    font-family: Arial, sans-serif;
}

.google-login-button:hover[b-00npb1web5] {
    background-color: #505050; /* Darken on hover for a visual effect */
}

.table[b-00npb1web5] {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Стили для карточек товаров */
.product-row[b-00npb1web5] {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    position: relative;
    transition: all 0.2s ease;
}

.product-row:hover[b-00npb1web5] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Контейнер для изображения */
.image-row[b-00npb1web5] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    border-bottom-width: 0px;
}

.order-info[b-00npb1web5] {
    width: 100%;
}

.image-container[b-00npb1web5] {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Информация о товаре */
.product-info[b-00npb1web5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    border-bottom-width: 0px;
}

.product-description[b-00npb1web5] {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

.product-price[b-00npb1web5] {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.product-sum[b-00npb1web5] {
    font-size: 18px;
    font-weight: 600;
}

.delivery-info[b-00npb1web5] {
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-top: auto;
}

/* Итоговая информация */
.summary-item[b-00npb1web5] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 16px;
}

.summary-item.total[b-00npb1web5] {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 15px;
}

.summary-item.total strong[b-00npb1web5] {
    font-size: 18px;
}

.order-registration-info[b-00npb1web5] {
    width: 100%;
    max-width: 800px;
    padding: 20px;
}

.order-info-row[b-00npb1web5] {
    min-height: 50px;
    margin-bottom: 15px;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-label[b-00npb1web5] {
    flex: 1;
    min-width: 200px;
}

.info-label.full-width[b-00npb1web5] {
    width: 100%;
}

.info-label label[b-00npb1web5] {
    margin: 0;
    font-size: 16px;
    color: #333;
}

.info-control[b-00npb1web5] {
    width: 60px;
    display: flex;
    justify-content: flex-end;
}

.toggle-switch[b-00npb1web5] {
    position: relative;
    width: 50px;
    height: 24px;
}

.toggle-switch input[b-00npb1web5] {
    display: none;
}

.toggle-slider[b-00npb1web5] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.toggle-slider[b-00npb1web5]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

input:checked + .toggle-slider[b-00npb1web5] {
    background-color: rgb(32, 23, 87);
}

input:checked + .toggle-slider[b-00npb1web5]:before {
    transform: translateX(26px);
}

.auth-buttons[b-00npb1web5] {
    display: flex;
    gap: 15px;
    margin: 20px 0;
}

.social-auth-button[b-00npb1web5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 200px;
}

.google-login-button[b-00npb1web5] {
    background-color: dimgray;
}

.facebook-login-button[b-00npb1web5] {
    background-color: dimgray;
}

.social-auth-button img[b-00npb1web5] {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.social-auth-button:hover[b-00npb1web5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили для кнопок управления заказом */
.order-actions[b-00npb1web5] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.action-button[b-00npb1web5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 300px;
}

.primary-button[b-00npb1web5] {
    background-color: rgb(32, 23, 87);
    color: white;
}

.secondary-button[b-00npb1web5] {
    background-color: white;
    color: rgb(32, 23, 87);
    border: 1px solid rgb(32, 23, 87);
}

.action-button:hover[b-00npb1web5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили для выбора города */
.city-selector[b-00npb1web5] {
    margin: 15px 0;
}

.city-select-wrapper[b-00npb1web5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.city-select-wrapper:hover[b-00npb1web5] {
    border-color: rgb(32, 23, 87);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.city-info[b-00npb1web5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.city-label[b-00npb1web5] {
    font-size: 14px;
    color: #666;
}

.city-name[b-00npb1web5] {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.city-select-wrapper .oi[b-00npb1web5] {
    color: rgb(32, 23, 87);
    font-size: 20px;
}

.form-group[b-00npb1web5] {
    margin-bottom: 20px;
}

.form-group label[b-00npb1web5] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

.form-control[b-00npb1web5] {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #333;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.form-control:focus[b-00npb1web5] {
    outline: none;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 0 0 2px rgba(32, 23, 87, 0.1);
    background-color: white;
}

.form-control[b-00npb1web5]::placeholder {
    color: #adb5bd;
}

/* Специальные стили для поля телефона */
#phoneInput[b-00npb1web5] {
    letter-spacing: 1px;
    font-family: monospace;
}

/* Стили для обязательных полей */
.form-group label[b-00npb1web5]:after {
    content: "(*)";
    color: rgb(32, 23, 87);
    margin-left: 4px;
}

/* Стили для кнопки определения адреса */
.location-button[b-00npb1web5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.location-button:hover[b-00npb1web5] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
}

.location-button .oi[b-00npb1web5] {
    font-size: 16px;
}


.password-toggle:hover[b-00npb1web5] {
    opacity: 1;
}

.field-icon[b-00npb1web5], .password-toggle[b-00npb1web5] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
    font-size: 16px;
    z-index: 2;
}

.input-container[b-00npb1web5], .password-input-container[b-00npb1web5] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.field-icon:hover[b-00npb1web5] {
    opacity: 1;
    color: rgb(32, 23, 87);
}

.field-icon .oi[b-00npb1web5] {
    font-size: 14px;
}

/* Отступ для поля с иконкой очистки */
.password-input-container .form-control[b-00npb1web5] {
    padding-right: 35px;
}

/* Основная группа пароля */
.password-group[b-00npb1web5] {
    position: relative;
    z-index: 1;
}

/* Стили для модального окна выбора города */
.city-list-form[b-00npb1web5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000; /* Увеличиваем z-index */
    display: flex;
    align-items: center;
    justify-content: center;
}

.city-list-content[b-00npb1web5] {
    background: white;
    padding: 24px;
    border-radius: 12px;
    width: 90%;
    max-width: 480px;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    z-index: 10001; /* Контент выше оверлея */
}

/* Когда появляются подсказки, увеличиваем z-index */
.password-group.has-suggestions[b-00npb1web5] {
    z-index: 1002; /* Выше чем поле подтверждения */
}

/* Базовые стили для подсказок пароля */
.password-suggestions[b-00npb1web5] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
    z-index: 1003;
}

/* Оверлей для закрытия при клике */
.password-group.has-suggestions[b-00npb1web5]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
}

/* Контейнер с подсказками поверх оверлея */
.password-group.has-suggestions[b-00npb1web5] {
    position: relative;
    z-index: 1002;
}

.password-suggestions ul[b-00npb1web5] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.password-suggestions li[b-00npb1web5] {
    padding: 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.password-suggestions li:hover[b-00npb1web5] {
    background-color: #f5f5f5;
}

/* Увеличиваем z-index для активного поля с подсказками */
.password-group:focus-within[b-00npb1web5] {
    z-index: 1001;
}

/* Поле подтверждения пароля */
.password-group + .password-group[b-00npb1web5] {
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

/* Оверлей для затемнения фона */
.password-suggestions[b-00npb1web5]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Заголовок списка паролей */
.password-suggestions-header[b-00npb1web5] {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.password-suggestions-header[b-00npb1web5] {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.password-suggestions li:active[b-00npb1web5] {
    background-color: #e9ecef;
}

#emailInput[b-00npb1web5] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#emailInput:valid[b-00npb1web5] {
    border-color: #28a745;
    background-color: #f8fff8;
}

#emailInput:invalid:not(:placeholder-shown)[b-00npb1web5] {
    border-color: #dc3545;
    background-color: #fff8f8;
}

/* Иконка для email */
.email-group[b-00npb1web5] {
    position: relative;
}

.email-group[b-00npb1web5]:before {
    content: "@";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 16px;
    pointer-events: none;
}

.form-group label[b-00npb1web5] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 700; /* Делаем все метки жирными */
}

/* Стили для поля адреса */
#deliveryAddressInput[b-00npb1web5] {
    margin-bottom: 10px;
}

/* Стили для кнопки определения местоположения */
.location-button-wrapper[b-00npb1web5] {
    margin-top: 10px;
}

/* Стили для кнопки геолокации */
.location-button[b-00npb1web5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.location-button:hover[b-00npb1web5] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
}

.location-button .oi[b-00npb1web5] {
    font-size: 16px;
}

.clear-input[b-00npb1web5] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-input:hover[b-00npb1web5] {
    opacity: 1;
}

.clear-input .oi[b-00npb1web5] {
    color: #666;
    font-size: 16px;
}

/* Отступ для иконки, если есть другие иконки справа */
.has-right-icon .clear-input[b-00npb1web5] {
    right: 40px;
}

.cdek-delivery-table[b-00npb1web5] {
    width: 100%;
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 0 8px;
}

/* Стили для строк с пунктами выдачи */
.delivery-point-row[b-00npb1web5] {
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.delivery-point-row:hover[b-00npb1web5] {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}

/* Стили для информации о пункте выдачи */
.delivery-point-info[b-00npb1web5] {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery-point-address[b-00npb1web5] {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.delivery-point-note[b-00npb1web5] {
    font-size: 14px;
    color: #666;
}

.delivery-point-work-time[b-00npb1web5] {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.delivery-point-distance[b-00npb1web5] {
    font-size: 14px;
    color: rgb(32, 23, 87);
    font-weight: 500;
}

/* Стили для ссылки показать/скрыть */
.toggle-link[b-00npb1web5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 15px 0;
    color: rgb(32, 23, 87);
    text-decoration: none;
    border: 1px solid rgb(32, 23, 87);
    border-radius: 6px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.toggle-link:hover[b-00npb1web5] {
    background-color: rgb(32, 23, 87);
    color: white;
}

/* Заголовок секции */
h4[b-00npb1web5] {
    margin: 20px 0 10px;
    color: #333;
    font-weight: 600;
}

/* Ссылка на карту СДЭК */
.cdek-map-link[b-00npb1web5] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 15px;
    display: inline-block;
}

.cdek-map-link:hover[b-00npb1web5] {
    text-decoration: underline;
}

.store-map-link[b-00npb1web5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    color: green;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.store-map-link:hover[b-00npb1web5] {
    color: rgb(45, 35, 112);
    text-decoration: underline;
}

.store-map-link .oi[b-00npb1web5] {
    font-size: 14px;
}

.order-summary[b-00npb1web5] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 30px;
}

.summary-title[b-00npb1web5] {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.summary-items[b-00npb1web5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.summary-item[b-00npb1web5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 16px;
}

.item-label[b-00npb1web5] {
    color: #666;
}

.item-value[b-00npb1web5] {
    font-weight: 500;
    color: #333;
}

.summary-item.total[b-00npb1web5] {
    border-top: 2px solid #eee;
    margin-top: 8px;
    padding-top: 16px;
}

.summary-item.total .item-label[b-00npb1web5],
.summary-item.total .item-value[b-00npb1web5] {
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 23, 87);
}

/* Стили для кнопки оплаты */
.primary-button[b-00npb1web5] {
    margin-top: 20px;
    background-color: rgb(32, 23, 87);
    color: white;
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.primary-button:hover[b-00npb1web5] {
    background-color: rgb(45, 35, 112);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.primary-button .oi[b-00npb1web5] {
    font-size: 18px;
}

/* Адаптивность */
@media (max-width: 640px) {

    .password-suggestions[b-00npb1web5] {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 12px;
        z-index: 9998;
        width: 100%;
    }

    .password-group.has-suggestions[b-00npb1web5] {
        z-index: 9998;
    }

    /* Убираем лишние стили */
    .password-suggestions[b-00npb1web5]::after,
    .password-suggestions[b-00npb1web5]::before {
        display: none;
    }

    .password-suggestions li[b-00npb1web5] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    .password-suggestions li:last-child[b-00npb1web5] {
        border-bottom: none;
    }

    .password-suggestions li:hover[b-00npb1web5] {
        background-color: #f5f5f5;
    }

    /* Добавляем белый фон для перекрытия */
    .password-suggestions[b-00npb1web5]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: -1;
    }

    .password-group[b-00npb1web5] {
        position: relative;
        z-index: 9998; /* Увеличиваем z-index родителя */
    }

    .password-group:focus-within[b-00npb1web5] {
        z-index: 1001;
    }
    
    .password-group + .password-group[b-00npb1web5] {
        z-index: 1;
    }

    .password-suggestions-header[b-00npb1web5] {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

    .password-suggestions ul[b-00npb1web5] {
        margin: 0;
        padding: 0;
    }

    .password-suggestions ul li[b-00npb1web5] {
        padding: 12px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .password-suggestions ul li:last-child[b-00npb1web5] {
        border-bottom: none;
    }

    .auth-container[b-00npb1web5] {
        margin: 20px auto;
    }

    .auth-form[b-00npb1web5] {
        padding: 24px;
    }

    .social-buttons[b-00npb1web5] {
        flex-direction: column;
    }

    .form-control[b-00npb1web5] {
        padding: 10px 12px;
        font-size: 14px;
    }

    .form-group label[b-00npb1web5] {
        font-size: 13px;
    }

    .location-button[b-00npb1web5] {
        width: 100%;
        justify-content: center;
    }

    .order-info-row[b-00npb1web5] {
        padding: 8px 12px;
    }

    .info-label[b-00npb1web5] {
        min-width: 150px;
    }

    .info-label label[b-00npb1web5] {
        font-size: 14px;
    }

    .product-row[b-00npb1web5] {
        flex-direction: column;
        padding: 12px;
    }

    .image-row[b-00npb1web5] {
        width: 100%;
        height: 120px;
        margin: 0 0 12px 0;
    }

    .product-info[b-00npb1web5] {
        width: 100%;
        padding: 0;
    }

    .order-registration-info[b-00npb1web5] {
        width: 100% !important;
    }

    .btn-success[b-00npb1web5], 
    .btn-warning[b-00npb1web5],
    .google-login-button[b-00npb1web5] {
        width: 100% !important;
    }

    .auth-buttons[b-00npb1web5] {
        flex-direction: column;
    }

    .social-auth-button[b-00npb1web5] {
        width: 100%;
    }

    .order-actions[b-00npb1web5] {
        flex-direction: column;
    }

    .action-button[b-00npb1web5] {
        width: 100%;
    }

    .city-selector[b-00npb1web5] {
        margin: 10px 0;
    }

    .city-select-wrapper[b-00npb1web5] {
        padding: 12px;
    }

    .city-label[b-00npb1web5] {
        font-size: 12px;
    }

    .city-name[b-00npb1web5] {
        font-size: 14px;
    }

    .location-button[b-00npb1web5] {
        width: 100%;
        justify-content: center;
    }

    .delivery-point-info[b-00npb1web5] {
        padding: 12px;
    }

    .delivery-point-address[b-00npb1web5] {
        font-size: 14px;
    }

    .delivery-point-note[b-00npb1web5],
    .delivery-point-work-time[b-00npb1web5],
    .delivery-point-distance[b-00npb1web5] {
        font-size: 12px;
    }

    .order-summary[b-00npb1web5] {
        padding: 16px;
        margin-top: 20px;
    }

    .summary-title[b-00npb1web5] {
        font-size: 18px;
    }

    .summary-item[b-00npb1web5] {
        font-size: 14px;
    }

    .summary-item.total .item-label[b-00npb1web5],
    .summary-item.total .item-value[b-00npb1web5] {
        font-size: 16px;
    }
}

/* Убираем скролл и задаем фиксированную высоту для веб-версии */
@media (min-width: 641px) {
    .password-suggestions[b-00npb1web5] {
        height: auto;
        overflow: visible;
    }

    /* Убираем затемнение для веб-версии */
    .password-suggestions[b-00npb1web5]::before {
        display: none;
    }

    .password-suggestions li[b-00npb1web5] {
        padding: 8px 12px;
        cursor: pointer;
    }
}
/* /Pages/TermsOfUse.razor.rz.scp.css */
.terms-container[b-kf2w6v921z] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #fff;
}

.terms-header[b-kf2w6v921z] {
    text-align: center;
    margin-bottom: 48px;
}

.page-title[b-kf2w6v921z] {
    font-size: 32px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 16px;
}

.subtitle[b-kf2w6v921z] {
    font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.terms-content[b-kf2w6v921z] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 32px;
}

.terms-intro[b-kf2w6v921z] {
    color: #2c3e50;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
}

.terms-intro p[b-kf2w6v921z] {
    margin-bottom: 16px;
}

.terms-section[b-kf2w6v921z] {
    margin-bottom: 40px;
}

.section-title[b-kf2w6v921z] {
    font-size: 24px;
    font-weight: 600;
    color: rgb(32, 23, 87);
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgb(32, 23, 87);
}

.section-content[b-kf2w6v921z] {
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.8;
}

.section-content p[b-kf2w6v921z] {
    margin-bottom: 16px;
}

.section-content b[b-kf2w6v921z] {
    color: rgb(32, 23, 87);
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin: 24px 0 16px;
}

/* Ссылки */
.section-content a[b-kf2w6v921z] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    border-bottom: 1px solid rgba(32, 23, 87, 0.2);
    transition: all 0.2s;
}

.section-content a:hover[b-kf2w6v921z] {
    border-color: rgb(32, 23, 87);
}

/* Списки */
.section-content ul[b-kf2w6v921z] {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 16px;
}

.section-content li[b-kf2w6v921z] {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.section-content li[b-kf2w6v921z]:before {
    content: "•";
    position: absolute;
    left: 0;
    color: rgb(32, 23, 87);
}

/* Замена <br> на нормальные отступы */
.section-content br + br[b-kf2w6v921z] {
    display: block;
    content: "";
    margin-top: 16px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .terms-container[b-kf2w6v921z] {
        padding: 20px 16px;
    }

    .page-title[b-kf2w6v921z] {
        font-size: 24px;
    }

    .subtitle[b-kf2w6v921z] {
        font-size: 16px;
    }

    .terms-content[b-kf2w6v921z] {
        padding: 20px 16px;
    }

    .section-title[b-kf2w6v921z] {
        font-size: 20px;
    }

    .section-content[b-kf2w6v921z] {
        font-size: 14px;
    }

    .section-content b[b-kf2w6v921z] {
        font-size: 16px;
    }
}

/* Исправление контрастности */
body[b-kf2w6v921z] {
    background-color: #f5f7fa;
}

.terms-content[b-kf2w6v921z] {
    background-color: #ffffff;
}

/* Улучшение читаемости */
.section-content[b-kf2w6v921z] {
    white-space: pre-line;
    word-wrap: break-word;
}

/* Отступы между секциями */
.terms-section:not(:last-child)[b-kf2w6v921z] {
    border-bottom: 1px solid #eee;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.sidebar[b-0exm70uywt] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 900%);
    background: #2c3e50;
}

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

.top-row[b-0exm70uywt]  a, .top-row[b-0exm70uywt]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-0exm70uywt]  a:hover, .top-row[b-0exm70uywt]  .btn-link:hover {
    text-decoration: underline;
}

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

/*11.01.25 cookie form compose styles .cookie_confirmation*/
.cookie_modal_content[b-0exm70uywt] {
    display: flex; /* Enables flexbox layout */
    flex-direction: row; /* Arranges items in a row */
    align-items: center; /* Vertically centers items */
    justify-content: space-between; /* Adds space between items */
    gap: 10px; /* Optional: Adds space between items */
    padding: 10px; /* Optional: Adds padding inside the container */
    background-color: dimgrey; /* Background for better visibility #f9f9f9 */
    border-radius: 5px; /* Optional: Rounds the corners */
    width: 90%;
}

.cookie_modal_content h3[b-0exm70uywt],
.cookie_modal_content p[b-0exm70uywt],
.cookie_modal_content button[b-0exm70uywt],
.cookie_modal_content .close[b-0exm70uywt] {
    margin: 0; /* Removes default margins */
}

.cookie_modal_content p[b-0exm70uywt] {
    flex: 1; /* Makes the paragraph take available space */
    margin-left: 10px; /* Adds spacing between elements */
}

.cookie_modal_content button[b-0exm70uywt] {
    padding: 5px 10px; /* Adjusts button padding */
    background-color: rgb(32, 23, 87); /* Button background color */
    color: white; /* Button text color */
    border: none; /* Removes default border */
    border-radius: 3px; /* Optional: Rounds the button corners */
    cursor: pointer; /* Changes cursor to pointer on hover */
}

.cookie_modal_content .close[b-0exm70uywt] {
    font-size: 20px; /* Adjusts size of the close button */
    cursor: pointer; /* Makes the close icon clickable */
    color: white; /* Close button color */
    position: static;
    margin-right: 10px;
}

.cookie_modal_content .close:hover[b-0exm70uywt] {
    color: red; /* Changes color on hover for emphasis */
}

.cookie_modal_content[b-0exm70uywt] {
    z-index: 1000;
    display: grid;
    grid-template-columns: 2fr;
    position: static;
    margin-top: auto;
    padding: 10px;
    text-align: center;
    display: block;
    text-align: center;
    color: white;
}

.modal_cookie_form[b-0exm70uywt] {
    position: static;
    z-index: 999;
    overflow: auto;
    padding: 20px;
    bottom: 50px;
    position: fixed;
    width: 80%;
}

.cookie_link[b-0exm70uywt] {
    color: black;
}

#bottomPanel[b-0exm70uywt] {
    display: none; /* Hidden by default */
}

/*22.02.25 new styles for popular product catalog*/
.footer__block--popular[b-0exm70uywt] {
    flex: 1;
    min-width: 250px;
    max-width: 100%;
    overflow-wrap: break-word; /* Переносим длинные слова */
    word-wrap: break-word;
}

.footer__title[b-0exm70uywt] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.popular-products[b-0exm70uywt] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.popular-product[b-0exm70uywt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px;
    text-align: center;
}

.popular-product__image[b-0exm70uywt] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
}

.popular-product__name[b-0exm70uywt] {
    font-size: 14px;
    margin: 5px 0;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

    .popular-product__name:hover[b-0exm70uywt] {
        color: #ff6600;
    }

.popular-product__price[b-0exm70uywt] {
    font-size: 14px;
    font-weight: bold;
    color: #ff6600;
}

/* Основные стили футера */
.footer[b-0exm70uywt] {
    background: #2c3e50;
    color: white;
    padding: 48px 24px;
}

.footer .wr[b-0exm70uywt] {
    max-width: 1400px;
    margin: 0; /* Убираем auto для прижатия влево */
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Прижимаем содержимое влево */
}

/* Контейнер для блоков футера */
.footer__block[b-0exm70uywt] {
    flex: 1;
    min-width: 250px;
    max-width: 100%; /* Ограничиваем максимальную ширину */
}

/* Секция с платежными системами - оставляем по центру */
.footer__block--payments[b-0exm70uywt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
}

.footer__payments[b-0exm70uywt] {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 15px 0;
}

/* Копирайт остается по центру */
.footer__block--payments p[b-0exm70uywt] {
    text-align: center;
    width: 100%;
    margin: 16px 0 0;
}

.footer_main_block[b-0exm70uywt] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}

.footer__whatsapp-badge[b-0exm70uywt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 12px;
    background: #25D366;
}

.footer__whatsapp .footer__phone[b-0exm70uywt] {
    width: 100%;
    margin-bottom: 8px;
}

.footer__whatsapp-icon[b-0exm70uywt] {
    width: 16px;
    height: 16px;
}

.footer__whatsapp-badge span[b-0exm70uywt] {
    color: white;
    font-size: 12px;
    font-weight: 600;
}

/* Копирайт */
.footer__container[b-0exm70uywt] {
    width: 100%;
    padding: 24px 0;
    text-align: center;
}

.footer__copyright[b-0exm70uywt] {
    color: #f5f5f5;
    margin: 0;
    font-size: 14px;
}

/* Cookie consent styles */
.cookie-consent[b-0exm70uywt] {
    position: fixed;
    bottom: 24px;
    left: 24px;
    right: 24px;
    max-width: 400px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    animation: slideUp-b-0exm70uywt 0.3s ease-out;
}

.cookie-content[b-0exm70uywt] {
    padding: 20px;
}

.cookie-header[b-0exm70uywt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.cookie-header h3[b-0exm70uywt] {
    margin: 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.cookie-close[b-0exm70uywt] {
    font-size: 24px;
    color: #666;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
}

.cookie-body[b-0exm70uywt] {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.cookie-body p[b-0exm70uywt] {
    margin-bottom: 16px;
}

.cookie-body a[b-0exm70uywt] {
    color: rgb(32, 23, 87);
    text-decoration: none;
    transition: color 0.2s;
}

.cookie-body a:hover[b-0exm70uywt] {
    color: rgb(45, 35, 112);
    text-decoration: underline;
}

.cookie-accept[b-0exm70uywt] {
    width: 100%;
    padding: 12px;
    background: rgb(32, 23, 87);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.cookie-accept:hover[b-0exm70uywt] {
    background: rgb(45, 35, 112);
}

@keyframes slideUp-b-0exm70uywt {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 640.98px) {
    .footer_main_block[b-0exm70uywt] {
        flex-direction: column;
        gap: 24px;
    }

    .footer__block[b-0exm70uywt],
    .footer__block--popular[b-0exm70uywt] {
        min-width: 100%;
    }

    .cookie-consent[b-0exm70uywt] {
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
        border-radius: 12px 12px 0 0;
    }

    .cookie-content[b-0exm70uywt] {
        padding: 16px;
    }

    .cookie-header h3[b-0exm70uywt] {
        font-size: 18px;
    }

    .cookie-body[b-0exm70uywt] {
        font-size: 13px;
    }

    .footer__whatsapp[b-0exm70uywt] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer__block[b-0exm70uywt] {
        margin-right: 0px; /* Убираем отступ справа */
        margin-bottom: 32px;
    }

    .footer__phone[b-0exm70uywt] {
        font-size: 16px;
        width: 130px;
        margin: 0;
    }

    .footer__whatsapp-badge[b-0exm70uywt] {
        margin: 0;
    }

    .footer__whatsapp .footer__phone[b-0exm70uywt] {
        margin: 0;
    }

    .footer__whatsapp-badge[b-0exm70uywt] {
        margin: 0;
        align-self: flex-start; /* Прижимаем бейдж к левому краю */
    }

    .top-row:not(.auth)[b-0exm70uywt] {
        display: none;
    }

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

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

    /* Footer positioning */
    .footer[b-0exm70uywt] {
        display: grid;
        background: #2c3e50;
        color: white;
        padding: 48px 24px;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden; /* Предотвращаем горизонтальный скролл */
    }

    .footer .wr[b-0exm70uywt] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; /* Ensure wrapping on smaller screens */
        max-width: 1200px;
        margin: 0 auto;
        flex-direction: column; /* Stack items vertically on mobile */
        align-items: center;
    }

    /* Add padding for better visibility */
    body[b-0exm70uywt] {
        padding-bottom: 70px;
    }

    .page[b-0exm70uywt] {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    /*14.12.24 mobile compose*/
    .mobile-bottom-panel[b-0exm70uywt] {
        position: fixed;            /* Sticks to the bottom of the viewport */
        bottom: 0;                  /* Aligns to the bottom */
        left: 0;                    /* Stretches full width */
        width: 100%;                /* Full width */
        height: 60px;               /* Fixed height */
        background-color: #ffffff;  /* Panel background color */
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Shadow for elevation */
        display: flex;              /* Flex container for items */
        justify-content: space-around; /* Evenly distribute items */
        align-items: center;        /* Center items vertically */
        z-index: 1000;              /* Ensures it stays above other elements */
    }

    /* Bottom panel item */
    .bottom-panel-item[b-0exm70uywt] {
        display: flex;              /* Flex container for icon and text */
        flex-direction: column;     /* Stack icon and text vertically */
        align-items: center;        /* Center align items */
        text-decoration: none;      /* Remove underline */
        color: #333333;             /* Default text color */
        font-size: 12px;            /* Small text size */
    }

    /* Bottom panel icon */
    .bottom-panel-icon[b-0exm70uywt] {
        width: 24px;                /* Icon width */
        height: 24px;               /* Icon height */
        margin-bottom: 4px;         /* Space between icon and text */
        cursor: pointer;            /* Pointer cursor for icons */
    }

    .bottom-panel-item:hover[b-0exm70uywt] {
        color: #00aaff;             /* Change color on hover */
    }

    .main[b-0exm70uywt] { 
        padding-bottom: 60px;
    }

    .shopping-cart-container[b-0exm70uywt] {
        position: fixed;         /* Position fixed to viewport */
        bottom: 65px;            /* 20px from the bottom of the screen */
        left: 20px;             /* 20px from the right of the screen */
        z-index: 1000;           /* Ensure it stays above other elements */
    }

    /*11.01.25 cookie form compose styles .cookie_confirmation*/
    .cookie_modal_content[b-0exm70uywt] {
        width: 100%;
    }

    .modal_cookie_form[b-0exm70uywt] {
        width: 100%;
    }

    #bottomPanel[b-0exm70uywt] {
        display: flex; /* Show only when screen width is ≤ 640.98px */
    }
}

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

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

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

    .top-row.auth[b-0exm70uywt]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-0exm70uywt], article[b-0exm70uywt] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    /* Footer positioning */
    .footer[b-0exm70uywt] {
        bottom: 0;
        left: 0;
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        margin-top: auto; /* Ensure footer is pushed to the bottom */
        flex: 0 0 auto;
    }

    .footer p[b-0exm70uywt] {
        margin-top: 20px;
    }

    .footer .wr[b-0exm70uywt] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; /* Ensure wrapping on smaller screens */
        margin: 0 auto;
        flex-direction: column; /* Stack items vertically on mobile */
        align-items: flex-start;
    }

    /*14.12.24 mobile compose*/
    .mobile-bottom-panel[b-0exm70uywt] {
        display: none;
    }

    .shopping-cart-container[b-0exm70uywt] {
        position: fixed;         /* Position fixed to viewport */
        bottom: 23px;            /* 20px from the bottom of the screen */
        right: 100px;             /* 20px from the right of the screen */
        z-index: 1000;           /* Ensure it stays above other elements */
    }
}

/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yax9z0e5ww] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

.nav-item[b-yax9z0e5ww]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/*21.11.24 composite for mobile version*/
.additional-row[b-yax9z0e5ww] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.top-row:first-of-type[b-yax9z0e5ww] {
    padding-top: 1rem;
}

.additional-row:last-of-type[b-yax9z0e5ww] {
    padding-bottom: 1rem;
}

.additional-row[b-yax9z0e5ww]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.additional-row[b-yax9z0e5ww]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.additional-row[b-yax9z0e5ww]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.additional-row[b-yax9z0e5ww]  .nav-link.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.additional-row[b-yax9z0e5ww]  link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-yax9z0e5ww] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-yax9z0e5ww] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
    
    /* .additional-row:not(.auth) {
        display: none;
    } */

    .additional-row.auth[b-yax9z0e5ww] {
        justify-content: space-between;
    }

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

    .search-container-nav-bar[b-yax9z0e5ww] {
        display: none;
    }

    .btn-pos-nav-bar[b-yax9z0e5ww] {
        display: none;
    }

    .clear-button-nav-bar[b-yax9z0e5ww] {
        position: absolute;
        right: 5px;
        background: none;
        border: none;
        font-size: 1.2rem;
        cursor: pointer;
        color: #888;
        top: 3px;
    }
}

.modal-content[b-yax9z0e5ww] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    max-width: 900px;
    max-height: 85vh;
    overflow-y: auto;
}

/* Стили для группы городов */
.city-group[b-yax9z0e5ww] {
    margin-bottom: 24px;
    background: none;
    border: none;
}

.city-group h5[b-yax9z0e5ww] {
    color: rgb(32, 23, 87);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #eee;
}

.city-group ul[b-yax9z0e5ww] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
    padding: 0;
    margin: 0;
}

.city-group li[b-yax9z0e5ww] {
    list-style: none;
    padding: 16px;
    background-color: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 54px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
}

.city-group li:hover[b-yax9z0e5ww] {
    background-color: #fff;
    border-color: rgb(32, 23, 87);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}

.selected-city[b-yax9z0e5ww] {
    background-color: green !important;
    color: white !important;
    border-color: rgb(32, 23, 87) !important;
    font-weight: 500;
}

/* Кнопка очистки поиска */
.clear-button-city-search[b-yax9z0e5ww] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.clear-button-city-search:hover[b-yax9z0e5ww] {
    opacity: 1;
}

.nav-scrollable[b-yax9z0e5ww] {
    background: #2c3e50;
    padding: 8px 0;
}

.nav-item[b-yax9z0e5ww] {
    margin: 4px 8px;
}

/* Базовые стили для всех nav-link */
/* Базовые стили для всех nav-link */
.nav-link[b-yax9z0e5ww] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    background: transparent;
    border: 1px solid transparent;
}

/* Цвета для разных типов кнопок */
.nav-link[href="ShoppingCart"][b-yax9z0e5ww] {
    color: #00b894;
}

.nav-link[href="Favorites"][b-yax9z0e5ww] {
    color: #e84393;
}

.nav-link[href="PersonalAccount"][b-yax9z0e5ww] {
    color: #a55eea;
}

.nav-link[onclick*="LogOut"][b-yax9z0e5ww] {
    color: #ff4757;
}

/* Эффект при наведении как у кнопки "Выйти" */
.nav-link:hover[b-yax9z0e5ww] {
    transform: translateX(4px);
    background: currentColor;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Активное состояние */
.nav-link.active[b-yax9z0e5ww] {
    background: currentColor;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Стили для иконок */
.nav-link .oi[b-yax9z0e5ww] {
    font-size: 18px;
    margin-right: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

/* Счетчик корзины */
.nav-link span:last-child:not(.oi)[b-yax9z0e5ww] {
    margin-left: auto;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .page[b-yax9z0e5ww] {
        flex-direction: row;
    }

    .navbar-brand[b-yax9z0e5ww] {
        display: none;
    }

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

    .additional-row.auth[b-yax9z0e5ww]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .btn-pos-nav-bar[b-yax9z0e5ww] {
        border-radius: 60%;
    }

    .clear-button-nav-bar[b-yax9z0e5ww] {
        position: absolute;
        right: 0px;
        background: none;
        border: none;
        font-size: 1.2rem;
        cursor: pointer;
        color: #888;
        top: 3px;
    }

    .modal-content[b-yax9z0e5ww] {
        width: 100%;
        padding: 16px;
    }

    .city-group ul[b-yax9z0e5ww] {
        grid-template-columns: 1fr;
    }

    .city-group li[b-yax9z0e5ww] {
        padding: 16px;
        min-height: 56px;
        font-size: 16px;
    }

    .form-control[b-yax9z0e5ww] {
        font-size: 16px;
        padding: 14px 16px;
    }
}