/**
 * airlines-kt.css
 * Airlines Directory — KT Redesign
 * Mirrors airports-kt.css architecture
 */

/* ============================================================
   BREADCRUMBS (shared standard)
   ============================================================ */
.rm-breadcrumb-bar {
    padding: 16px 24px 0;
    background: var(--bg-base);
}
.ap-breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.ap-breadcrumb a { color: var(--accent-blue); text-decoration: none; }
.ap-breadcrumb a:hover { text-decoration: underline; }
.ap-breadcrumb .sep { color: var(--text-tertiary); }

/* ============================================================
   HERO
   ============================================================ */
.v7-hero.al-hero {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 24px 32px;
    text-align: center;
}
.v7-title {
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 8px;
    line-height: 1.2;
}
.v7-title-sub {
    font-weight: 300;
    opacity: 0.7;
}
.v7-subtitle {
    font-size: 15px;
    color: var(--text-secondary);
    margin: 0 0 20px;
    line-height: 1.5;
}
.v7-subtitle strong { color: var(--text-primary); }

/* Search */
.v7-search-wrap {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}
.v7-search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--text-tertiary);
    pointer-events: none;
}
.v7-search {
    width: 100%;
    padding: 11px 16px 11px 42px;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    font-size: 14px;
    color: var(--text-primary);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.v7-search:focus {
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
.v7-search::placeholder { color: var(--text-tertiary); }

/* ============================================================
   CONTAINER
   ============================================================ */
.ap-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 64px;
}

/* ============================================================
   ALLIANCE TABS (v7-stats)
   ============================================================ */
.v7-stats.al-alliance-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 20px;
    scrollbar-width: none;
}
.v7-stats.al-alliance-tabs::-webkit-scrollbar { display: none; }

.v7-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    text-decoration: none;
    color: var(--text-secondary);
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    flex-shrink: 0;
}
.v7-stat:hover {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-medium);
}
.v7-stat.active {
    background: rgba(59, 130, 246, 0.1);
    border-color: var(--accent-blue);
    color: var(--accent-blue);
}
.v7-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.alliance-icon {
    width: 32px;
    height: 32px;
    color: currentColor;
}
.v7-stat-info { display: flex; flex-direction: column; gap: 1px; }
.v7-stat-name { font-size: 12px; color: var(--text-tertiary); }
.v7-stat.active .v7-stat-name { color: var(--accent-blue); opacity: 0.75; }
.v7-stat-val { font-size: 15px; font-weight: 600; color: var(--text-primary); }
.v7-stat.active .v7-stat-val { color: var(--accent-blue); }

/* ============================================================
   TOOLBAR
   ============================================================ */
.v7-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.v7-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.ap-pill {
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid var(--border-subtle);
    background: var(--bg-card);
    font-size: 13px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
}
.ap-pill:hover {
    background: var(--bg-elevated);
    color: var(--text-primary);
}
.ap-pill.active {
    background: rgba(59, 130, 246, 0.1);
    border-color: var(--accent-blue);
    color: var(--accent-blue);
}
.al-results-count {
    font-size: 13px;
    color: var(--text-tertiary);
}

/* ============================================================
   TABLE — mirrors airports-kt.css style
   ============================================================ */
.al-table {
    width: 100%;
    border-collapse: collapse;
}
.al-table thead { background: var(--bg-elevated); transition: background 0.35s; }
.al-table thead th {
    padding: 12px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--text-tertiary);
    text-align: left;
}
.al-table td { padding: 14px 16px; font-size: 15px; border-top: 1px solid var(--border-subtle); transition: border-color 0.35s; vertical-align: middle; }
.al-table tbody tr { cursor: pointer; transition: background 0.12s; }
.al-table tbody tr:hover { background: var(--accent-blue-muted); }
.al-table tbody tr:hover .iata-badge { background: var(--accent-blue); color: #fff; border-color: var(--accent-blue); }
[data-theme="dark"]   .al-table tbody tr:hover .iata-badge { color: #0e0e18; }
[data-theme="sunset"] .al-table tbody tr:hover .iata-badge { color: #1a1410; }

/* Column widths */
.al-col-logo     { width: 140px; }
.al-col-name     { font-weight: 500; }
.al-col-iata     { width: 80px; text-align: center; }
.al-col-icao     { width: 80px; color: var(--text-secondary); }
.al-col-alliance { width: 160px; }

/* Logo cell */
.al-logo-img {
    display: block;
    max-width: 120px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
}
.al-logo-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-tertiary);
    letter-spacing: 0.03em;
}

/* Name link */
.al-col-name a {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s;
}
.al-col-name a:hover { color: var(--accent-blue); }
.al-table td.al-col-name,
.al-table th.al-col-name { padding-left: 32px; }

/* IATA badge (reuse from airports) */
.iata-badge {
    display: inline-block;
    padding: 3px 8px;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--accent-blue);
    text-decoration: none;
    letter-spacing: 0.05em;
    transition: background 0.15s;
}
.iata-badge:hover { background: rgba(59, 130, 246, 0.15); }

/* Alliance badges */
.al-alliance-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.al-alliance-oneworld {
    background: rgba(220, 38, 38, 0.1);
    color: #ef4444;
    border: 1px solid rgba(220, 38, 38, 0.2);
}
.al-alliance-star-alliance {
    background: rgba(234, 179, 8, 0.1);
    color: #ca8a04;
    border: 1px solid rgba(234, 179, 8, 0.25);
}
.al-alliance-skyteam {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* No results */
.ap-no-results {
    text-align: center;
    padding: 48px 24px;
    color: var(--text-tertiary);
    font-size: 15px;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.ap-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 24px;
    justify-content: center;
}
.ap-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid var(--border-subtle);
    background: var(--bg-card);
    color: var(--text-secondary);
    font-size: 14px;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.ap-page-btn:hover { background: var(--bg-elevated); color: var(--text-primary); }
.ap-page-btn.current {
    background: var(--accent-blue);
    border-color: var(--accent-blue);
    color: #fff;
    font-weight: 600;
}
.ap-page-btn.dots {
    border: none;
    background: transparent;
    cursor: default;
    color: var(--text-tertiary);
}
.ap-pagination-info {
    font-size: 13px;
    color: var(--text-tertiary);
    margin-left: 8px;
}

/* ============================================================
   DARK THEME OVERRIDES
   ============================================================ */
[data-theme="dark"] .v7-search { background: var(--bg-card); }
[data-theme="dark"] .al-logo-placeholder { background: rgba(255,255,255,0.05); }

/* ============================================================
   SUNSET THEME OVERRIDES
   ============================================================ */
[data-theme="sunset"] .v7-stat.active {
    background: rgba(251, 146, 60, 0.12);
    border-color: rgba(251, 146, 60, 0.5);
    color: #fb923c;
}
[data-theme="sunset"] .v7-stat.active .v7-stat-name,
[data-theme="sunset"] .v7-stat.active .v7-stat-val { color: #fb923c; }
[data-theme="sunset"] .ap-pill.active {
    background: rgba(251, 146, 60, 0.12);
    border-color: rgba(251, 146, 60, 0.5);
    color: #fb923c;
}
[data-theme="sunset"] .v7-search:focus {
    border-color: #fb923c;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.12);
}

/* ============================================================
   SEARCH IN HEADER (appears on scroll — mirrors airports)
   ============================================================ */
.v7-header-search {
    display: none; /* Replaced by KT site header */
}
.v7-header-search.visible { opacity: 1; }
.v7-header-search.visible .v7-hs-field { pointer-events: auto; }

.v7-hs-inner {
    max-width: 1200px;
    margin: 0 auto;
    height: 64px;
    display: flex;
    align-items: center;
    padding-left: 220px;
    padding-right: 320px;
}
.v7-hs-field {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--bg-input);
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.v7-hs-field:focus-within {
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px var(--accent-blue-muted);
}
.v7-hs-field svg {
    position: absolute;
    left: 10px; top: 50%;
    transform: translateY(-50%);
    width: 15px; height: 15px;
    color: var(--text-tertiary);
    pointer-events: none;
}
.v7-hs-input {
    flex: 1;
    padding: 7px 8px 7px 32px;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-size: 13px;
    font-family: inherit;
    outline: none;
}
.v7-hs-input::placeholder { color: var(--text-tertiary); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    .rm-breadcrumb-bar { padding: 12px 16px 0; }
    .v7-hero.al-hero { padding: 16px 16px 24px; }
    .ap-container { padding: 0 16px 48px; }

    .v7-hs-inner { padding-left: 16px; padding-right: 16px; }

    .v7-stat { padding: 8px 12px; gap: 8px; }
    .v7-stat-icon { flex-shrink: 0; }
    .alliance-icon { width: 24px; height: 24px; }
    .v7-stat-name { font-size: 11px; }
    .v7-stat-val { font-size: 13px; }

    /* Hide ICAO on mobile */
    .al-col-icao,
    .al-table thead th.al-col-icao { display: none; }

    .al-col-logo { width: 72px; }
    .al-logo-img { max-width: 60px; max-height: 40px; }
    .al-logo-placeholder { width: 52px; height: 32px; font-size: 11px; }
    .al-table tbody td { padding: 8px 8px; }

    .al-col-alliance { width: 100px; }
    .al-alliance-badge { font-size: 11px; padding: 2px 8px; }

    .v7-toolbar { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
    /* Hide alliance col on very small screens */
    .al-col-alliance,
    .al-table thead th.al-col-alliance { display: none; }

    .al-col-iata { width: 54px; }
}

/* =============================================================================
   SINGLE AIRLINE CARD
   ============================================================================= */

/* Override hero centering for single page */
.v7-hero.al-hero.al-single-hero {
    text-align: left;
    padding: 16px 24px 24px;
}
.v7-hero.al-hero.al-single-hero .al-single-header {
    display: flex;
    align-items: center;
    gap: 24px;
}
.al-single-logo-wrap {
    flex-shrink: 0;
    width: 240px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important; /* always white — dark logos readable on any theme */
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}
.al-single-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.al-single-logo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: var(--accent-blue);
    letter-spacing: 1px;
}
.v7-hero.al-hero.al-single-hero .al-single-title h1 {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 10px;
    line-height: 1.2;
    text-align: left;
}
.al-single-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start;
}
.al-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}
.al-badge-iata  { background: var(--accent-blue-muted); color: var(--accent-blue); }
.al-badge-icao  { background: var(--bg-elevated); color: var(--text-secondary); border: 1px solid var(--border-subtle); }
.al-badge-type  { background: #dcfce7; color: #166634; }
.al-badge-cargo { background: #fef9c3; color: #854d0e; }

[data-theme="dark"] .al-badge-type  { background: rgba(22,101,52,0.2);  color: #86efac; }
[data-theme="dark"] .al-badge-cargo { background: rgba(133,77,14,0.2);  color: #fde047; }

/* Info grid */
.al-single-container {
    padding-top: 8px;
    padding-bottom: 48px;
}
.al-info-grid {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    background: var(--bg-card);
}
.al-info-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-subtle);
}
.al-info-row:last-child { border-bottom: none; }
.al-info-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--text-tertiary);
    min-width: 130px;
    flex-shrink: 0;
}
.al-info-val {
    font-size: 15px;
    color: var(--text-primary);
}

/* Alliance row */
.al-alliance-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.al-alliance-logo {
    display: block;
    height: 26px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
    opacity: 0.85;
    transition: opacity 0.15s;
    background: #ffffff;
    padding: 3px 8px;
    border-radius: 6px;
}
.al-alliance-link:hover .al-alliance-logo { opacity: 1; }

/* Hubs */
.al-hubs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.al-hub-badge {
    display: inline-block;
    padding: 4px 10px;
    background: var(--accent-blue-muted);
    color: var(--accent-blue);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    font-family: monospace;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    letter-spacing: 0.5px;
}
.al-hub-badge:hover { background: var(--accent-blue); color: #fff; }

/* Wikipedia / ext link */
.al-ext-link {
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 500;
}
.al-ext-link:hover { text-decoration: underline; }

/* Back link */
.al-back-link a {
    font-size: 14px;
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 500;
}
.al-back-link a:hover { text-decoration: underline; }

/* Sunset theme */
[data-theme="sunset"] .al-badge-iata   { background: rgba(251,146,60,0.12); color: rgb(180,70,10); }
[data-theme="sunset"] .al-hub-badge    { background: rgba(251,146,60,0.12); color: rgb(180,70,10); }
[data-theme="sunset"] .al-hub-badge:hover { background: rgb(234,88,12); color: #fff; }

/* Responsive - single airline */
@media (max-width: 700px) {
    /* Shrink logo to stay inline with title */
    .al-single-logo-wrap { width: 100px; height: 50px; }
}

@media (max-width: 480px) {
    /* Too narrow to stay inline - move logo above title */
    .v7-hero.al-hero.al-single-hero .al-single-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .al-single-logo-wrap { width: 160px; height: 80px; }
    .al-info-row         { flex-direction: column; align-items: flex-start; gap: 6px; }
    .al-info-label       { min-width: unset; }
}
/* ============================================================
   FLEET BLOCK
   ============================================================ */
.al-fleet-block {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--border-color);
}
.al-fleet-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.al-fleet-types {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Карточка типа */
.al-fleet-type-wrap {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-secondary);
}
.al-fleet-type-header {
    display: flex;
    align-items: center;
    gap: 0;
}
.al-fleet-type-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    padding: 10px 14px;
    text-decoration: none;
    transition: background 0.15s;
}
.al-fleet-type-link:hover {
    background: rgba(59,130,246,0.06);
}
.al-fleet-icao {
    font-size: 13px;
    font-weight: 700;
    color: var(--accent-blue);
    font-family: monospace;
    letter-spacing: 0.05em;
    min-width: 44px;
}
.al-fleet-name {
    font-size: 13px;
    color: var(--text-secondary);
    flex: 1;
}
.al-fleet-count {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 1px 8px;
    min-width: 24px;
    text-align: center;
}

/* Кнопка раскрытия */
.al-fleet-toggle {
    flex-shrink: 0;
    width: 36px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-left: 1px solid var(--border-color);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.al-fleet-toggle:hover { background: rgba(59,130,246,0.06); color: var(--accent-blue); }
.al-fleet-toggle svg   { transition: transform 0.2s; }
.al-fleet-toggle.is-open svg { transform: rotate(180deg); }

/* Список бортов */
.al-fleet-aircraft[hidden] { display: none !important; }
.al-fleet-aircraft {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0;
    border-top: 1px solid var(--border-color);
    padding: 8px 12px;
    background: var(--bg-primary);
}
.al-fleet-ac-item {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 4px 4px;
}
.al-fleet-ac-reg {
    font-size: 12px;
    font-weight: 600;
    font-family: monospace;
    color: var(--text-primary);
    letter-spacing: 0.04em;
}
.al-fleet-ac-year {
    font-size: 11px;
    color: var(--text-secondary);
}
.al-fleet-ac-year em {
    font-style: normal;
    opacity: 0.6;
}

.al-fleet-note {
    margin-top: 10px;
    font-size: 11px;
    color: var(--text-secondary);
    opacity: 0.6;
}

/* Sunset theme */
[data-theme="sunset"] .al-fleet-type-link:hover  { background: rgba(251,146,60,0.06); }
[data-theme="sunset"] .al-fleet-toggle:hover      { background: rgba(251,146,60,0.06); color: rgb(180,70,10); }
[data-theme="sunset"] .al-fleet-icao              { color: rgb(180,70,10); }

/* Mobile */
@media (max-width: 480px) {
    .al-fleet-aircraft { grid-template-columns: repeat(2, 1fr); }
}

/* =============================================================================
   SEO BLOCKS — Alliance pages (stats + tips + FAQ)
   ============================================================================= */

.al-seo-blocks {
    padding-top: 0;
    padding-bottom: 48px;
}

/* Stats bar */
.kt-ac-stats {
    display: flex;
    gap: 0;
    background: var(--color-surface, #f8f9fa);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 40px;
}
.kt-ac-stat {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
    border-right: 1px solid var(--color-border, #e5e7eb);
}
.kt-ac-stat:last-child { border-right: none; }
.kt-ac-stat__num {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-primary, #2563eb);
    line-height: 1;
    margin-bottom: 6px;
}
.kt-ac-stat__label {
    font-size: 12px;
    color: var(--color-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Tips block */
.kt-tips-heading {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 24px;
    color: var(--color-text, #111827);
}
.kt-tips-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}
.kt-tip-card {
    background: var(--color-surface, #f8f9fa);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 12px;
    padding: 20px;
}
.kt-tip-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.kt-tip-icon svg { width: 18px; height: 18px; }
.kt-tip-icon--blue  { background: #dbeafe; color: #1d4ed8; }
.kt-tip-icon--teal  { background: #ccfbf1; color: #0f766e; }
.kt-tip-icon--amber { background: #fef3c7; color: #b45309; }
.kt-tip-icon--coral { background: #fee2e2; color: #b91c1c; }
.kt-tip-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text, #111827);
    margin: 0 0 6px;
}
.kt-tip-card p {
    font-size: 14px;
    color: var(--color-muted, #6b7280);
    line-height: 1.6;
    margin: 0;
}

/* FAQ block */
.kt-faq-block { margin-top: 0; }
.kt-faq-list { display: flex; flex-direction: column; gap: 12px; }
.kt-faq-item {
    background: var(--color-surface, #f8f9fa);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 12px;
    padding: 20px 24px;
}
.kt-faq-q {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text, #111827);
    margin: 0 0 8px;
}
.kt-faq-a {
    font-size: 14px;
    color: var(--color-muted, #6b7280);
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 768px) {
    .kt-ac-stats { flex-direction: column; }
    .kt-ac-stat  { border-right: none; border-bottom: 1px solid var(--color-border, #e5e7eb); }
    .kt-ac-stat:last-child { border-bottom: none; }
    .kt-tips-grid { grid-template-columns: 1fr; }
    .kt-tips-heading { font-size: 19px; }
}