/* _content/CreditPayments/Pages/Catalog.razor.rz.scp.css */
/* Header - styles now in site.css */

.catalog-page-wrap[b-r9nl2dzu8r] {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif;
    color: #1f2a44;
    line-height: 1.6;
    background: linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);
    min-height: 100vh;
    padding: 40px 0;
}

.catalog-header-content[b-r9nl2dzu8r] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-header-left[b-r9nl2dzu8r],
.catalog-header-right[b-r9nl2dzu8r] {
    display: flex;
    gap: 32px;
    align-items: center;
}

.catalog-header-item[b-r9nl2dzu8r] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4b5563;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.2s ease;
    letter-spacing: -0.2px;
}

.catalog-header-item svg[b-r9nl2dzu8r] {
    flex-shrink: 0;
}

.catalog-header-item:hover[b-r9nl2dzu8r] {
    color: #1f2a44;
}

.catalog-header-phone[b-r9nl2dzu8r] {
    color: #6a62e4;
}

.catalog-header-phone:hover[b-r9nl2dzu8r] {
    color: #5a52d4;
}

.catalog-page-wrap .container[b-r9nl2dzu8r] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

.catalog-page-header[b-r9nl2dzu8r] {
    margin-bottom: 48px;
}

.catalog-page-header h1[b-r9nl2dzu8r] {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -1.2px;
    margin: 0;
    color: #111827;
    background: linear-gradient(135deg, #111827 0%, #4b5563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Category tabs */
.category-tabs[b-r9nl2dzu8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
}

.category-tab[b-r9nl2dzu8r] {
    padding: 6px 14px;
    border-radius: 20px;
    border: none;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.category-tab:hover[b-r9nl2dzu8r] {
    background: #e5e7eb;
    color: #374151;
}

.category-tab.active[b-r9nl2dzu8r] {
    background-color: rgb(79 70 229);
    color: #fff;
}

.category-tab.active:hover[b-r9nl2dzu8r] {
    background-color: rgb(67 56 202);
}

/* Products grid */
.products-grid[b-r9nl2dzu8r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
}

.product-card[b-r9nl2dzu8r] {
    max-width: 100%;
}

/* Loading and empty states */
.loading-state[b-r9nl2dzu8r],
.empty-state[b-r9nl2dzu8r] {
    text-align: center;
    padding: 80px 20px;
    color: #6b7280;
    font-size: 18px;
}

.empty-state p[b-r9nl2dzu8r] {
    margin: 0;
}

/* Responsive */
@media (min-width: 640px) {
    .products-grid[b-r9nl2dzu8r] {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

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

@media (min-width: 1024px) {
    .products-grid[b-r9nl2dzu8r] {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }
    
    .catalog-page-header h1[b-r9nl2dzu8r] {
        font-size: 56px;
    }
}

@media (min-width: 1400px) {
    .products-grid[b-r9nl2dzu8r] {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }
}

@media (max-width: 600px) {
    .catalog-page-wrap[b-r9nl2dzu8r] {
        padding: 24px 0;
    }
    
    .catalog-page-wrap .container[b-r9nl2dzu8r] {
        padding: 0 16px;
    }
    
    .catalog-page-header[b-r9nl2dzu8r] {
        margin-bottom: 32px;
    }
    
    .catalog-page-header h1[b-r9nl2dzu8r] {
        font-size: 32px;
    }
    
    .category-tabs[b-r9nl2dzu8r] {
        gap: 8px;
        margin-bottom: 32px;
        padding-bottom: 20px;
    }
    
    .category-tab[b-r9nl2dzu8r] {
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .products-grid[b-r9nl2dzu8r] {
        gap: 24px;
    }
}

/* _content/CreditPayments/Pages/Landing.razor.rz.scp.css */
.landing-wrap[b-ut7r8h3lk2]{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#1f2a44;line-height:1.6}

/* Header */
.header[b-ut7r8h3lk2]{background:#fff;position:sticky;top:0;z-index:100}
.header-content[b-ut7r8h3lk2]{max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;justify-content:flex-end;align-items:center}
.header-right[b-ut7r8h3lk2]{display:flex;gap:32px;align-items:center}
.header-item[b-ut7r8h3lk2]{display:flex;align-items:center;gap:8px;color:#4b5563;text-decoration:none;font-weight:500;font-size:15px;transition:color 0.2s ease;letter-spacing:-0.2px}
.header-item svg[b-ut7r8h3lk2]{flex-shrink:0}
.header-item:hover[b-ut7r8h3lk2]{color:#1f2a44}
.header-phone[b-ut7r8h3lk2]{color:#6a62e4}
.header-phone:hover[b-ut7r8h3lk2]{color:#5a52d4}

.hero[b-ut7r8h3lk2]{padding:100px 16px 80px;background:linear-gradient(135deg,#6658f6,#6a5eea,#6b63de);position:relative;overflow:hidden}
.hero-decoration[b-ut7r8h3lk2]{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%)}
.hero-content[b-ut7r8h3lk2]{max-width:900px;margin:0 auto;color:#fff;text-align:center;position:relative;z-index:1}
.hero h1[b-ut7r8h3lk2]{font-weight:800;letter-spacing:-1.2px;margin:0 0 24px 0;font-size:64px;line-height:1.1;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.hero .subtitle[b-ut7r8h3lk2]{opacity:.95;font-size:22px;margin:0 0 48px 0;font-weight:400;letter-spacing:-0.3px;line-height:1.6;max-width:680px;margin-left:auto;margin-right:auto}
.hero-features[b-ut7r8h3lk2]{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.hero-feature[b-ut7r8h3lk2]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;letter-spacing:-0.2px}
.hero-feature-icon[b-ut7r8h3lk2]{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}

.calculator-section[b-ut7r8h3lk2]{padding:32px 16px}
.calc-card[b-ut7r8h3lk2]{max-width:1120px;margin:0 auto;border-radius:18px;background:linear-gradient(135deg,#6a62e4 0%,#6a5eea 40%,#6b63de 100%);padding:20px;display:grid;gap:20px;grid-template-columns:1.2fr .8fr}
.calc-left[b-ut7r8h3lk2],.calc-right[b-ut7r8h3lk2]{background:#5e59d5;border-radius:14px;padding:20px}
.calc-left[b-ut7r8h3lk2]{background:rgba(255,255,255,.08)}
.calc-right[b-ut7r8h3lk2]{background:#ffffff;color:#1f2a44}

.calc-left h2[b-ut7r8h3lk2]{color:#fff;margin:0 0 12px 0;font-size:32px}
.field[b-ut7r8h3lk2]{margin:18px 0; position:relative}
.field label[b-ut7r8h3lk2]{color:#fff;font-weight:600;display:block;margin-bottom:8px}
.field .muted[b-ut7r8h3lk2]{opacity:.8;font-weight:400}
.field .pill[b-ut7r8h3lk2]{position:absolute;right:0;top:-2px;background:#ffffff;color:#1f2a44;border:1px solid #cfd3ff;border-radius:10px;padding:6px 10px;font-weight:700;letter-spacing:.2px;min-width:110px;max-width:150px;text-align:right;font-size:14px;cursor:text;transition:border .15s ease,box-shadow .15s ease}
.field .pill:focus[b-ut7r8h3lk2]{outline:none;border:1px solid #8c86ff;box-shadow:0 0 0 3px #8c86ff30;background:#fff}
.field .pill:hover[b-ut7r8h3lk2]{border-color:#8c86ff}
.field select.pill[b-ut7r8h3lk2]{cursor:pointer;text-align:left;padding-right:28px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2a44' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}
.field input[type=range][b-ut7r8h3lk2]{width:100%}
.field .range[b-ut7r8h3lk2]{appearance:none;height:8px;border-radius:999px;background:transparent;outline:1px solid #ffffff40;transition:background .15s ease}
.field .range[b-ut7r8h3lk2]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:transparent}
.field .range[b-ut7r8h3lk2]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #6a62e4;margin-top:-9px}
.field .range[b-ut7r8h3lk2]::-moz-range-track{height:8px;border-radius:999px;background:transparent;outline:1px solid #ffffff40}
.field .range[b-ut7r8h3lk2]::-moz-range-progress{height:8px;border-radius:999px;background:transparent}
.field .range[b-ut7r8h3lk2]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #6a62e4}

.contact[b-ut7r8h3lk2]{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
.contact .input[b-ut7r8h3lk2]{padding:12px 14px;border:1px solid #e6e7ef;border-radius:10px;font-size:16px}
.input[b-ut7r8h3lk2]{padding:14px 16px;border-radius:12px;border:1px solid #cfd3ff;background:#f7f8ff;font-size:16px;outline:none;transition:border .15s ease, box-shadow .15s ease}
.input:focus[b-ut7r8h3lk2]{border:1px solid #8c86ff;box-shadow:0 0 0 3px #8c86ff30;background:#fff}
.submit-actions[b-ut7r8h3lk2]{display:flex;gap:12px;margin-top:10px}
.submit-actions .btn[b-ut7r8h3lk2]{flex:1}

.monthly .caption[b-ut7r8h3lk2]{color:#6b6f85;font-weight:600}
.monthly .big[b-ut7r8h3lk2]{font-size:44px;font-weight:800}
.monthly .per[b-ut7r8h3lk2]{font-size:16px;font-weight:600;color:#6b6f85}

.stats[b-ut7r8h3lk2]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.stat[b-ut7r8h3lk2]{background:#f3f4fb;border-radius:12px;padding:14px}
.stat .name[b-ut7r8h3lk2]{font-size:14px;color:#6b6f85}
.stat .num[b-ut7r8h3lk2]{font-size:20px;font-weight:700}

.actions[b-ut7r8h3lk2]{display:flex;gap:12px}
.btn[b-ut7r8h3lk2]{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;font-weight:700;border:0;cursor:pointer;text-decoration:none}
.btn.primary[b-ut7r8h3lk2]{background:#6a62e4;color:#fff}
.btn.primary:disabled[b-ut7r8h3lk2]{opacity:.6;cursor:not-allowed}
.btn.whatsapp[b-ut7r8h3lk2]{background:#10b981;color:#fff}
.message[b-ut7r8h3lk2]{margin-top:12px;color:#0c7a3e;font-weight:600}

.step2[b-ut7r8h3lk2]{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}

/* Container */
.container[b-ut7r8h3lk2]{max-width:1120px;margin:0 auto;padding:0 24px}

/* How it works section */
.how-it-works-section[b-ut7r8h3lk2]{padding:80px 0;background:#fff}
.how-it-works-section h2[b-ut7r8h3lk2]{font-size:40px;font-weight:700;letter-spacing:-0.8px;margin:0 0 56px 0;color:#1f2a44;text-align:center}
.how-it-works-content[b-ut7r8h3lk2]{max-width:1000px;margin:0 auto}
.steps-grid[b-ut7r8h3lk2]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.step-item[b-ut7r8h3lk2]{text-align:center}
.step-number[b-ut7r8h3lk2]{width:56px;height:56px;border-radius:50%;background:#6a62e4;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;letter-spacing:-0.5px}
.step-item h3[b-ut7r8h3lk2]{font-size:20px;font-weight:700;letter-spacing:-0.4px;margin:0 0 12px 0;color:#1f2a44}
.step-item p[b-ut7r8h3lk2]{font-size:15px;line-height:1.7;color:#6b7280;margin:0;letter-spacing:-0.1px}

/* Advantages section */
.advantages-section[b-ut7r8h3lk2]{padding:80px 0;background:#f9fafb}
.advantages-header[b-ut7r8h3lk2]{text-align:center;margin-bottom:64px}
.advantages-section h2[b-ut7r8h3lk2]{font-size:40px;font-weight:700;letter-spacing:-0.8px;margin:0 0 12px 0;color:#1f2a44}
.advantages-subtitle[b-ut7r8h3lk2]{font-size:18px;color:#6b7280;margin:0;letter-spacing:-0.2px;font-weight:400}
.advantages-grid[b-ut7r8h3lk2]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.advantage-card[b-ut7r8h3lk2]{background:#fff;padding:40px 32px;border:1px solid #e5e7eb;border-radius:12px;position:relative;transition:border-color 0.2s ease}
.advantage-card:hover[b-ut7r8h3lk2]{border-color:#6a62e4}
.advantage-icon[b-ut7r8h3lk2]{font-size:48px;font-weight:800;color:#6a62e4;opacity:0.1;line-height:1;margin-bottom:20px;letter-spacing:-1px}
.advantage-card h3[b-ut7r8h3lk2]{font-size:24px;font-weight:700;letter-spacing:-0.5px;margin:0 0 16px 0;color:#1f2a44}
.advantage-card p[b-ut7r8h3lk2]{font-size:14px;line-height:1.6;color:#4b5563;margin:0;letter-spacing:-0.1px}

.about[b-ut7r8h3lk2]{padding:80px 0;background:#fff}
.about .container[b-ut7r8h3lk2]{max-width:900px}
.about h2[b-ut7r8h3lk2]{font-size:40px;font-weight:700;letter-spacing:-0.8px;margin:0 0 24px 0;color:#1f2a44;text-align:center}
.about p[b-ut7r8h3lk2]{font-size:18px;line-height:1.8;color:#4b5563;margin:0;text-align:center;letter-spacing:-0.2px}

/* Footer */
.footer[b-ut7r8h3lk2]{background:#1f2a44;color:#e5e7eb;padding:64px 0 24px 0}
.footer-content[b-ut7r8h3lk2]{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}
.footer-section h3[b-ut7r8h3lk2]{font-size:18px;font-weight:700;letter-spacing:-0.3px;margin:0 0 16px 0;color:#fff}
.footer-section p[b-ut7r8h3lk2]{font-size:15px;line-height:1.8;margin:0 0 8px 0;color:#d1d5db;letter-spacing:-0.1px}
.footer-section a[b-ut7r8h3lk2]{color:#d1d5db;text-decoration:none;transition:color 0.2s ease}
.footer-section a:hover[b-ut7r8h3lk2]{color:#fff}
.footer-bottom[b-ut7r8h3lk2]{border-top:1px solid #374151;padding-top:24px;text-align:center}
.footer-bottom p[b-ut7r8h3lk2]{font-size:14px;color:#9ca3af;margin:0;letter-spacing:-0.1px}

@media (max-width: 900px){
  .calc-card[b-ut7r8h3lk2]{grid-template-columns:1fr}
  .advantages-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(2,1fr)}
  .steps-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(2,1fr);gap:24px}
  .footer-content[b-ut7r8h3lk2]{grid-template-columns:repeat(2,1fr);gap:32px}
}

/* Мобильная адаптация */
@media (max-width: 600px){
  .header-content[b-ut7r8h3lk2]{padding:12px 16px;justify-content:flex-end}
  .header-right[b-ut7r8h3lk2]{flex-wrap:wrap;gap:16px}
  .header-item[b-ut7r8h3lk2]{font-size:14px}
  .hero[b-ut7r8h3lk2]{padding:70px 16px 50px}
  .hero h1[b-ut7r8h3lk2]{font-size:36px;letter-spacing:-0.8px;margin-bottom:20px}
  .hero .subtitle[b-ut7r8h3lk2]{font-size:18px;margin-bottom:32px}
  .hero-features[b-ut7r8h3lk2]{flex-direction:column;gap:20px;margin-top:32px}
  .hero-feature[b-ut7r8h3lk2]{font-size:15px}
  .advantages-section[b-ut7r8h3lk2]{padding:48px 0}
  .how-it-works-section[b-ut7r8h3lk2]{padding:48px 0}
  .how-it-works-section h2[b-ut7r8h3lk2]{font-size:28px;margin-bottom:40px}
  .steps-grid[b-ut7r8h3lk2]{grid-template-columns:1fr;gap:32px}
  .step-number[b-ut7r8h3lk2]{width:48px;height:48px;font-size:20px;margin-bottom:16px}
  .step-item h3[b-ut7r8h3lk2]{font-size:18px;margin-bottom:10px}
  .step-item p[b-ut7r8h3lk2]{font-size:14px}
  .advantages-header[b-ut7r8h3lk2]{margin-bottom:40px}
  .advantages-section h2[b-ut7r8h3lk2]{font-size:28px;margin-bottom:8px}
  .advantages-subtitle[b-ut7r8h3lk2]{font-size:16px}
  .advantages-grid[b-ut7r8h3lk2]{grid-template-columns:1fr;gap:24px}
  .advantage-card[b-ut7r8h3lk2]{padding:32px 24px}
  .advantage-icon[b-ut7r8h3lk2]{font-size:40px;margin-bottom:16px}
  .advantage-card h3[b-ut7r8h3lk2]{font-size:20px;margin-bottom:12px}
  .about[b-ut7r8h3lk2]{padding:48px 0}
  .about h2[b-ut7r8h3lk2]{font-size:28px}
  .about p[b-ut7r8h3lk2]{font-size:16px}
  .footer[b-ut7r8h3lk2]{padding:48px 0 20px 0}
  .footer-content[b-ut7r8h3lk2]{grid-template-columns:1fr;gap:32px}
  .footer-section h3[b-ut7r8h3lk2]{font-size:16px}
  .calc-card[b-ut7r8h3lk2]{padding:14px}
  .calc-left[b-ut7r8h3lk2],.calc-right[b-ut7r8h3lk2]{padding:14px}
  .calc-left h2[b-ut7r8h3lk2]{font-size:24px}
  .field label[b-ut7r8h3lk2]{font-size:16px}
  .field .pill[b-ut7r8h3lk2]{position:static;display:block;width:100%;max-width:100%;margin:6px 0 8px 0;padding:10px 12px;font-size:16px}
  .field .range[b-ut7r8h3lk2]{height:10px}
  .field .range[b-ut7r8h3lk2]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-7px}
  .field .range[b-ut7r8h3lk2]::-moz-range-thumb{width:24px;height:24px}
  .monthly .big[b-ut7r8h3lk2]{font-size:32px}
  .stats[b-ut7r8h3lk2]{grid-template-columns:1fr}
  .btn[b-ut7r8h3lk2]{padding:12px 14px}
  .submit-actions[b-ut7r8h3lk2]{flex-direction:column}
  .container[b-ut7r8h3lk2]{padding:0 16px}
}

/* Catalog section */
.landing-wrap .catalog-section[b-ut7r8h3lk2]{padding:100px 0!important;background:linear-gradient(to bottom,#ffffff 0%,#f9fafb 100%)!important}
.landing-wrap .catalog-header[b-ut7r8h3lk2]{text-align:center;margin-bottom:72px}
.landing-wrap .catalog-section h2[b-ut7r8h3lk2]{font-size:48px!important;font-weight:800!important;letter-spacing:-1.2px!important;margin:0 0 16px 0!important;color:#111827!important;background:linear-gradient(135deg,#111827 0%,#4b5563 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.landing-wrap .catalog-subtitle[b-ut7r8h3lk2]{font-size:20px!important;color:#6b7280!important;margin:0!important;letter-spacing:-0.3px!important;font-weight:400!important}

/* Products grid */
.landing-wrap .products-grid[b-ut7r8h3lk2]{display:grid!important;grid-template-columns:1fr!important;gap:32px!important;max-width:1200px!important;margin:0 auto!important;padding:0 24px!important}

/* Product card - Modern Design */
.landing-wrap .product-card[b-ut7r8h3lk2]{background-color:#fff!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)!important;transform:translateY(0)!important;display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important;color:inherit!important;border:1px solid rgba(0,0,0,0.1)!important}
.landing-wrap .product-card:hover[b-ut7r8h3lk2]{box-shadow:0 4px 16px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.06)!important;transform:translateY(-2px)!important;text-decoration:none!important;color:inherit!important;border-color:rgba(0,0,0,0.1)!important}

/* Product image container */
.landing-wrap .product-image-container[b-ut7r8h3lk2]{position:relative!important;height:240px!important;overflow:hidden!important;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)!important}
.landing-wrap .product-image[b-ut7r8h3lk2]{height:100%!important;width:100%!important;object-fit:cover!important;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)!important}
.landing-wrap .product-card:hover .product-image[b-ut7r8h3lk2]{transform:scale(1.08)!important}
.landing-wrap .product-image-placeholder[b-ut7r8h3lk2]{height:100%!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)!important;color:#9ca3af!important}

/* Product overlay */
.landing-wrap .product-overlay[b-ut7r8h3lk2]{position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.3) 50%,transparent 100%)!important;opacity:0!important;transition:opacity 0.4s ease!important;display:flex!important;align-items:flex-end!important;pointer-events:none!important}
.landing-wrap .product-card:hover .product-overlay[b-ut7r8h3lk2]{opacity:1!important}
.landing-wrap .product-overlay-content[b-ut7r8h3lk2]{padding:20px!important;width:100%!important}
.landing-wrap .product-overlay-text[b-ut7r8h3lk2]{display:inline-flex!important;align-items:center!important;color:#fff!important;font-weight:600!important;font-size:15px!important;text-shadow:0 2px 4px rgba(0,0,0,0.3)!important}
.landing-wrap .product-overlay-arrow[b-ut7r8h3lk2]{margin-left:6px!important;width:18px!important;height:18px!important;transition:transform 0.3s ease!important}
.landing-wrap .product-card:hover .product-overlay-arrow[b-ut7r8h3lk2]{transform:translateX(4px)!important}

/* Category badge */
.landing-wrap .category-badge[b-ut7r8h3lk2]{position:absolute!important;top:16px!important;left:16px!important;z-index:10!important}
.landing-wrap .category-badge-content[b-ut7r8h3lk2]{background-color:rgb(79 70 229)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;padding:4px 8px!important;border-radius:16px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;box-shadow:0 1px 4px rgba(79,70,229,0.3)!important;border:none!important}
.landing-wrap .category-badge-icon[b-ut7r8h3lk2]{width:12px!important;height:12px!important;margin-right:4px!important;flex-shrink:0!important;opacity:0.9!important}

/* Product content */
.landing-wrap .product-content[b-ut7r8h3lk2]{padding:20px!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;background:#fff!important}
.landing-wrap .product-name[b-ut7r8h3lk2]{font-weight:600!important;font-size:17px!important;margin:0 0 10px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#111827!important;transition:color 0.3s ease!important;line-height:1.5!important;letter-spacing:-0.2px!important}
.landing-wrap .product-card:hover .product-name[b-ut7r8h3lk2]{color:#4f46e5!important}
.landing-wrap .product-description[b-ut7r8h3lk2]{color:#6b7280!important;font-size:13px!important;margin:0 0 16px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.6!important}

/* Price section */
.landing-wrap .price-section[b-ut7r8h3lk2]{margin-top:auto!important;padding-top:16px!important;border-top:1px solid #f3f4f6!important}
.landing-wrap .price-row[b-ut7r8h3lk2]{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important}
.landing-wrap .product-price[b-ut7r8h3lk2]{font-size:24px!important;font-weight:800!important;letter-spacing:-0.5px!important}
.landing-wrap .installment-badge[b-ut7r8h3lk2]{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%)!important;color:#4338ca!important;font-size:11px!important;font-weight:600!important;padding:5px 10px!important;border-radius:12px!important;text-transform:uppercase!important;letter-spacing:0.5px!important;box-shadow:0 1px 3px rgba(67,56,202,0.2)!important}
.landing-wrap .monthly-payment[b-ut7r8h3lk2]{display:flex!important;align-items:center!important;font-size:13px!important;color:#6b7280!important;font-weight:500!important;gap:6px!important}
.landing-wrap .monthly-payment-icon[b-ut7r8h3lk2]{width:18px!important;height:18px!important;flex-shrink:0!important;opacity:0.8!important}
.landing-wrap .monthly-payment strong[b-ut7r8h3lk2]{color:#111827!important;font-weight:700!important}

/* Product CTA */
.landing-wrap .product-cta[b-ut7r8h3lk2]{padding:0 20px 20px 20px!important}
.landing-wrap .product-cta-button[b-ut7r8h3lk2]{width:100%!important;padding:12px 0!important;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%)!important;color:#4338ca!important;font-weight:600!important;border-radius:12px!important;text-align:center!important;transition:all 0.3s ease!important;cursor:pointer!important;font-size:14px!important;letter-spacing:0.2px!important;box-shadow:0 2px 4px rgba(67,56,202,0.1)!important;border:none!important}
.landing-wrap .product-card:hover .product-cta-button[b-ut7r8h3lk2]{transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(67,56,202,0.1)!important}

/* Responsive grid */
@media (min-width:640px){
  .landing-wrap .products-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(2,1fr)!important;gap:32px!important}
}
@media (min-width:768px){
  .landing-wrap .products-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(2,1fr)!important;gap:32px!important}
}
@media (min-width:1024px){
  .landing-wrap .products-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(3,1fr)!important;gap:32px!important}
}
@media (min-width:1400px){
  .landing-wrap .products-grid[b-ut7r8h3lk2]{grid-template-columns:repeat(3,1fr)!important;gap:40px!important}
}

/* Mobile adaptations */
@media (max-width:600px){
  .landing-wrap .catalog-section[b-ut7r8h3lk2]{padding:60px 0!important}
  .landing-wrap .catalog-header[b-ut7r8h3lk2]{margin-bottom:48px!important}
  .landing-wrap .catalog-section h2[b-ut7r8h3lk2]{font-size:32px!important;margin-bottom:12px!important}
  .landing-wrap .catalog-subtitle[b-ut7r8h3lk2]{font-size:16px!important}
  .landing-wrap .products-grid[b-ut7r8h3lk2]{padding:0 16px!important;gap:24px!important}
  .landing-wrap .product-image-container[b-ut7r8h3lk2]{height:200px!important}
  .landing-wrap .product-content[b-ut7r8h3lk2]{padding:16px!important}
  .landing-wrap .product-name[b-ut7r8h3lk2]{font-size:16px!important}
  .landing-wrap .product-description[b-ut7r8h3lk2]{font-size:13px!important}
  .landing-wrap .product-price[b-ut7r8h3lk2]{font-size:22px!important}
  .landing-wrap .product-cta[b-ut7r8h3lk2]{padding:0 16px 16px 16px!important}
  .landing-wrap .category-badge[b-ut7r8h3lk2]{top:12px!important;left:12px!important}
  .landing-wrap .category-badge-content[b-ut7r8h3lk2]{padding:5px 10px!important;font-size:10px!important}
}


/* _content/CreditPayments/Pages/ProductDetail.razor.rz.scp.css */
/* Header - styles now in site.css */

.product-page-wrap[b-ex784g0iwx]{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#1f2a44;line-height:1.6;background:linear-gradient(to bottom,#ffffff 0%,#f9fafb 100%);min-height:100vh}

.product-page-wrap .container[b-ex784g0iwx]{max-width:1200px;margin:0 auto;padding:40px 24px}

.btn-back[b-ex784g0iwx]{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-weight:500;font-size:14px;margin-bottom:24px;transition:color 0.2s ease}
.btn-back:hover[b-ex784g0iwx]{color:#1f2a44;text-decoration:none}
.btn-back svg[b-ex784g0iwx]{flex-shrink:0;width:18px;height:18px}

.product-detail[b-ex784g0iwx]{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:20px;background:#fff;border-radius:16px;padding:32px;border:1px solid #e5e7eb}

.product-image-section[b-ex784g0iwx]{position:relative}
.product-detail-image[b-ex784g0iwx]{width:100%;height:auto;border-radius:12px;object-fit:cover;border:1px solid #e5e7eb}
.product-detail-image-placeholder[b-ex784g0iwx]{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;color:#9ca3af;border:1px solid #e5e7eb}

.product-info-section[b-ex784g0iwx]{display:flex;flex-direction:column;gap:24px}

.product-category[b-ex784g0iwx]{font-size:14px;font-weight:500;margin-bottom:8px;text-transform:none;letter-spacing:0;padding:0;border-radius:0;display:inline-block;width:fit-content;background:none;color:#6b7280}
.product-title[b-ex784g0iwx]{font-size:28px;font-weight:700;letter-spacing:-0.5px;margin:0 0 12px 0;color:#111827;line-height:1.3}
.product-description-text[b-ex784g0iwx]{font-size:15px;color:#4b5563;line-height:1.6;margin:0 0 20px 0}
.product-price-large[b-ex784g0iwx]{font-size:32px;font-weight:800;margin:0;letter-spacing:-0.5px;color:#4f46e5}

.product-installment-section[b-ex784g0iwx]{background:#f9fafb;border-radius:16px;padding:24px;border:1px solid #e5e7eb}
.product-installment-section h3[b-ex784g0iwx]{font-size:20px;font-weight:700;letter-spacing:-0.3px;margin:0 0 24px 0;color:#111827}

.product-installment-section .field[b-ex784g0iwx]{margin:24px 0;position:relative}
.product-installment-section .field label[b-ex784g0iwx]{color:#1f2a44;font-weight:600;display:block;margin-bottom:10px;font-size:14px}
.product-installment-section .field .pill[b-ex784g0iwx]{position:absolute;right:0;top:-2px;background:#ffffff;color:#1f2a44;border:1px solid #cfd3ff;border-radius:10px;padding:6px 10px;font-weight:700;letter-spacing:.2px;min-width:150px;max-width:200px;text-align:right;font-size:14px;cursor:text;transition:border .15s ease,box-shadow .15s ease}
.product-installment-section .field .pill:focus[b-ex784g0iwx]{outline:none;border:1px solid #8c86ff;box-shadow:0 0 0 3px #8c86ff30;background:#fff}
.product-installment-section .field input[type=range][b-ex784g0iwx]{width:100%}
.product-installment-section .field .range[b-ex784g0iwx]{appearance:none;height:8px;border-radius:999px;background:#e5e7eb;outline:none;position:relative;cursor:pointer}
.product-installment-section .field .range[b-ex784g0iwx]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#e5e7eb}
.product-installment-section .field .range[b-ex784g0iwx]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#4f46e5;border:3px solid #fff;margin-top:-8px;cursor:pointer;box-shadow:0 2px 6px rgba(79,70,229,0.4);z-index:10;position:relative}
.product-installment-section .field .range[b-ex784g0iwx]::-moz-range-track{height:8px;border-radius:999px;background:#e5e7eb;outline:none}
.product-installment-section .field .range[b-ex784g0iwx]::-moz-range-progress{height:8px;border-radius:999px;background:transparent}
.product-installment-section .field .range[b-ex784g0iwx]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#4f46e5;border:3px solid #fff;cursor:pointer;box-shadow:0 2px 6px rgba(79,70,229,0.4);z-index:10;position:relative}

.field-limits[b-ex784g0iwx]{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#6b7280}
.field-limits span[b-ex784g0iwx]{flex:1;text-align:center}

.installment-results[b-ex784g0iwx]{margin:24px 0;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}
.result-item[b-ex784g0iwx]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}
.result-item:last-child[b-ex784g0iwx]{border-bottom:none;font-weight:700;font-size:18px;padding-top:16px;margin-top:4px}
.result-label[b-ex784g0iwx]{color:#6b7280;font-size:14px;font-weight:500}
.result-value[b-ex784g0iwx]{color:#111827;font-weight:700;font-size:16px}
.result-item:last-child .result-value[b-ex784g0iwx]{font-size:20px;font-weight:800;color:#4f46e5}

.product-actions[b-ex784g0iwx]{display:flex;gap:12px;margin-top:24px}
.product-actions .btn[b-ex784g0iwx]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:14px 24px;font-weight:600;border:0;cursor:pointer;text-decoration:none;font-size:15px;transition:all 0.3s ease;letter-spacing:0.1px}
.product-actions .btn:disabled[b-ex784g0iwx]{opacity:0.6;cursor:not-allowed}
.product-actions .btn:not(:disabled):hover[b-ex784g0iwx]{transform:translateY(-1px);opacity:0.9}
.product-actions .btn.primary[b-ex784g0iwx]{background:#4f46e5;color:#fff}
.product-actions .btn.primary:hover[b-ex784g0iwx]{background:#4338ca}
.product-actions .btn.whatsapp[b-ex784g0iwx]{background:#10b981;color:#fff}
.product-actions .btn.whatsapp:hover[b-ex784g0iwx]{background:#059669}

.step2[b-ex784g0iwx]{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}
.step2 .input[b-ex784g0iwx]{padding:14px 16px;border-radius:12px;border:1px solid #cfd3ff;background:#f7f8ff;font-size:16px;outline:none;transition:border .15s ease,box-shadow .15s ease}
.step2 .input:focus[b-ex784g0iwx]{border:1px solid #8c86ff;box-shadow:0 0 0 3px #8c86ff30;background:#fff}
.submit-actions[b-ex784g0iwx]{display:flex;gap:12px;margin-top:12px}
.submit-actions .btn[b-ex784g0iwx]{flex:1}

.message[b-ex784g0iwx]{margin-top:16px;padding:12px 16px;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:600;font-size:14px}

@media (max-width:900px){
  .product-page-wrap .container[b-ex784g0iwx]{padding:24px 20px}
  .product-detail[b-ex784g0iwx]{grid-template-columns:1fr;gap:40px;padding:32px;border-radius:20px}
  .product-title[b-ex784g0iwx]{font-size:32px}
  .product-price-large[b-ex784g0iwx]{font-size:42px}
  .product-installment-section[b-ex784g0iwx]{padding:24px;border-radius:16px}
  .product-actions[b-ex784g0iwx]{flex-direction:column;gap:12px}
  .product-actions .btn[b-ex784g0iwx]{width:100%;padding:14px 24px}
}

@media (max-width:600px){
  .product-page-wrap .container[b-ex784g0iwx]{padding:20px 16px}
  .btn-back[b-ex784g0iwx]{font-size:14px;margin-bottom:32px;padding:6px 12px}
  .product-detail[b-ex784g0iwx]{margin-top:16px;gap:32px;padding:24px;border-radius:16px}
  .product-title[b-ex784g0iwx]{font-size:28px}
  .product-price-large[b-ex784g0iwx]{font-size:36px}
  .product-installment-section[b-ex784g0iwx]{padding:20px;border-radius:16px}
  .product-installment-section h3[b-ex784g0iwx]{font-size:24px;margin-bottom:24px}
  .product-installment-section .field[b-ex784g0iwx]{margin:20px 0}
  .product-installment-section .field .pill[b-ex784g0iwx]{position:static;display:block;width:100%;max-width:100%;margin:6px 0 8px 0;padding:10px 12px;font-size:16px}
  .installment-results[b-ex784g0iwx]{padding:20px;margin:24px 0;border-radius:12px}
  .result-item[b-ex784g0iwx]{padding:12px 0}
  .result-label[b-ex784g0iwx]{font-size:15px}
  .result-value[b-ex784g0iwx]{font-size:17px}
  .result-item:last-child .result-value[b-ex784g0iwx]{font-size:20px}
  .product-actions .btn[b-ex784g0iwx]{padding:14px 20px;font-size:15px}
  .submit-actions[b-ex784g0iwx]{flex-direction:column;gap:10px}
}

/* _content/CreditPayments/Shared/MainLayout.razor.rz.scp.css */
.page[b-7ze34if1v9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7ze34if1v9] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.top-row[b-2l6ysja7s1] {
    height: 3.5rem;
    background-color: #202125;
}

.navbar-brand[b-2l6ysja7s1] {
    font-size: 1.1rem;
}

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

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

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

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

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

.nav-item[b-2l6ysja7s1]  a.active {
    background-color: #21ba4c !important;
    color: white;
}

.nav-item[b-2l6ysja7s1]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-2l6ysja7s1] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-2l6ysja7s1] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        background: #202125
    }
}
/* _content/CreditPayments/Shared/PublicLayout.razor.rz.scp.css */
.public-layout[b-sxcqdbioc5]{background:#f7f7fb;min-height:100vh}