/* ============================================
   MOGGED RUST — custom.css
   ============================================ */

/* ===== БАЗА: тёмный фон ===== */
body {
    background-color: #0a0a0a !important;
    color: #e0e0e0 !important;
}

/* ===== Секции ===== */
.about-section, .cta-section, .stats-section, .blog-section {
    background-color: #0a0a0a !important;
    color: #e0e0e0 !important;
}

/* ===== Заголовки ===== */
.section-title, .cta-title, .blog-title,
.about-content h1, .about-content h2, .about-content h3,
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* ===== Текст ===== */
.description, .about-content p, .cta-description,
p, span, label, small {
    color: #d0d0d0 !important;
}

.subtitle, .blog-meta, .text-muted {
    color: #a0a0a0 !important;
}

/* ===== Карточки статистики ===== */
.stats-card {
    background-color: #141414 !important;
    border: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
}
.stats-value { color: #2196F3 !important; }
.stats-label { color: #b8b8b8 !important; }
.stats-icon i { color: #2196F3 !important; }

/* ===== Карточки новостей ===== */
.blog-card {
    background-color: #141414 !important;
    border: 1px solid #2a2a2a !important;
}
.blog-title { color: #ffffff !important; }

/* ===== CTA ===== */
.cta-wrapper {
    background-color: #141414 !important;
    border-radius: 12px;
    padding: 40px;
}

/* ===== Футер ===== */
footer {
    background-color: #0a0a0a !important;
    border-top: 1px solid #2a2a2a !important;
    color: #b8b8b8 !important;
}
footer h5, footer h6 { color: #ffffff !important; }
footer a {
    color: #2196F3 !important;
    text-decoration: none;
}
footer a:hover { color: #58aaff !important; }

/* ===== Навбар ===== */
.navbar { background-color: #0a0a0a !important; }

/* ===== Общие ссылки ===== */
a { color: #2196F3 !important; }

/* ===== Hero curve ===== */
.hero-curve { display: none !important; }

/* ===== Кнопки — белый текст ===== */
.btn, .btn *,
.btn-primary, .btn-primary *,
.btn-secondary, .btn-secondary *,
.btn-success, .btn-success *,
.btn-danger, .btn-danger *,
.cta-button, .cta-button *,
.hero-btn, .hero-btn *,
button, button *,
a.btn, a.btn *,
.navbar .btn, .navbar .btn * {
    color: #ffffff !important;
}
.btn:hover, .btn-primary:hover,
.cta-button:hover, .hero-btn:hover {
    color: #ffffff !important;
}

/* ===== Общие карточки ===== */
.card,
.card-body,
.card-header,
.card-footer {
    background-color: #141414 !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

.card-title,
h4.card-title,
.card-subtitle,
h6.card-subtitle,
.card-subtitle.mb-3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-family: inherit !important;
}

.card-text,
.card-body p,
.card-body .text-muted,
.card small {
    color: #b8b8b8 !important;
}

.card .btn,
.card-body .btn,
.card .btn-primary,
.card-body .btn-primary {
    background-color: #2196F3 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 600 !important;
}

.card .btn:hover,
.card-body .btn:hover {
    background-color: #1976D2 !important;
}

.card a, .card a:hover, .card a:focus {
    color: inherit !important;
    text-decoration: none !important;
}

/* ============================================
   ⭐️ МАГАЗИН — ОДИНАКОВЫЕ КАРТОЧКИ 4 В РЯД
   ============================================ */

.row.gy-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    align-items: stretch !important;
    grid-auto-rows: 1fr !important;
}

/* Планшет — 3 в ряд */
@media (max-width: 1199px) {
    .row.gy-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Мобильные — 2 в ряд */
@media (max-width: 767px) {
    .row.gy-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

.row.gy-4 > .col-md-4,
.row.gy-4 > .col-lg-4,
.row.gy-4 > .col-sm-6,
.row.gy-4 > [class*="col-"] {
    padding: 0 !important;
    max-width: none !important;
    width: auto !important;
    flex: none !important;
    display: flex !important;
    align-self: stretch !important;
}

.row.gy-4 > .col-12 {
    display: none !important;
}

/* Карточка */
.row.gy-4 > [class*="col-"] > .card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #141414 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: border-color 0.2s !important;
}

.row.gy-4 > [class*="col-"] > .card:hover {
    border-color: #2196F3 !important;
}

.row.gy-4 > [class*="col-"] > .card > .card-body {
    display: flex !important;
    flex-direction: column !important;
    padding: 12px !important;
    gap: 8px !important;
    flex: 1 !important;
}

/* Иконка товара — если как card-img-top */
.row.gy-4 .card-img-top,
.row.gy-4 .card > img,
.row.gy-4 .card > .card-img,
.row.gy-4 .card > picture {
    width: 100% !important;
    height: 140px !important;
    object-fit: contain !important;
    background: #0f0f0f !important;
    padding: 10px !important;
    border-bottom: 1px solid #2a2a2a !important;
}

/* Иконка внутри card-body */
.row.gy-4 .card-body > img:first-child,
.row.gy-4 .card-body > div:first-child > img:first-child {
    width: 100% !important;
    max-height: 120px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 8px !important;
}

/* Название — фикс высота для ровности */
.row.gy-4 .card-title {
    font-size: 14px !important;
    color: #fff !important;
    margin: 0 !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
}

/* Цена */
.row.gy-4 .card-subtitle,
.row.gy-4 h5.card-subtitle {
    font-size: 16px !important;
    color: #2196F3 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Кнопка */
.row.gy-4 .card .btn,
.row.gy-4 .card-body .btn {
    font-size: 13px !important;
    padding: 8px 12px !important;
    background: #2196F3 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: auto !important;
}

.row.gy-4 .card .btn:hover,
.row.gy-4 .card-body .btn:hover {
    background: #1976D2 !important;
}

/* Вкладки */
.package-tabs {
    display: flex;
    gap: 6px;
    margin: 8px 0 !important;
    flex-wrap: wrap;
}

.package-tab {
    padding: 4px 10px;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    color: #b8b8b8;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s;
    user-select: none;
}

.package-tab:hover {
    background: #2a2a2a;
    color: #fff;
    border-color: #3a3a3a;
}

.package-tab.active {
    background: #2196F3;
    color: #fff;
    border-color: #2196F3;
}

/* ===== Страницы документов ===== */
.page-content, .page-body, .page-wrapper,
article, .post, .post-content {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.page-content *, .page-body *,
article *, .post *, .post-content * {
    color: #000000 !important;
}
.page-content h1, .page-content h2, .page-content h3,
article h1, article h2, article h3 {
    color: #000000 !important;
    font-weight: bold !important;
}
.page-content p, .page-content li,
article p, article li {
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}
.page-content a, article a {
    color: #0066cc !important;
    text-decoration: underline !important;
}