/* ==========================================================================
   DeutschGo - Responsive & Media Queries Stylesheet
   ========================================================================== */

@media (max-width: 1200px) {
    .exams-header-split {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .exams-flip-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        align-items: stretch !important;
    }
    .card-pos-low {
        margin-top: 0;
    }
    .exams-hero-title {
        font-size: 2.2rem;
    }

    .footer-hero-headline {
        font-size: clamp(2rem, 12.5vw, 130px);
        gap: 0.08em;
    }
}

@media (max-width: 768px) {
    /* Отключение тряски и сдвигов кнопок при тапе/наведении на мобильных */
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-header-login,
    .btn-pill-hero,
    .btn-demo-submit,
    .checkout-submit-btn,
    .btn-center,
    .pulse-anim,
    .exam-btn,
    .tab-btn,
    .btn:hover,
    .btn-primary:hover,
    .btn-secondary:hover,
    .btn-header-login:hover,
    .btn-pill-hero:hover,
    .btn-demo-submit:hover,
    .checkout-submit-btn:hover,
    .btn:active,
    .btn-primary:active,
    .btn-secondary:active,
    .btn:focus,
    .btn-primary:focus,
    .btn-secondary:focus {
        transform: none !important;
        animation: none !important;
    }

    /* Immediately reveal full card content ONLY on mobile screens */
    .exam-card {
        min-height: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        opacity: 1 !important;
        transform: none !important;
        padding: 26px 20px !important;
        box-sizing: border-box !important;
    }
    .exam-card-inner {
        min-height: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
        flex: 1 1 auto !important;
    }
    .exam-card-header {
        transform: none !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }
    .exam-card-details {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        padding: 0 6px !important;
        margin-top: 0 !important;
    }
    .exam-card.card-goethe::before,
    .exam-card.card-goethe::after {
        border-color: #F98716 !important;
        width: calc(100% - 20px) !important;
        height: calc(100% - 20px) !important;
        opacity: 1 !important;
    }
    .exam-card.card-telc::before,
    .exam-card.card-telc::after {
        border-color: #06B6D4 !important;
        width: calc(100% - 20px) !important;
        height: calc(100% - 20px) !important;
        opacity: 1 !important;
    }
}

@media (max-width: 640px) {
    .exams-flip-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .exams-hero-title {
        font-size: 1.85rem;
    }
    .exam-card {
        padding: 24px 16px !important;
    }
    .footer-hero-headline {
        font-size: clamp(1.6rem, 12.2vw, 80px);
        letter-spacing: -0.02em;
        gap: 0.06em;
    }
}



@media (max-width: 1100px) {
.hero-bubbles-wrapper {
        display: none;
    }
}

@media (max-width: 992px) {
    .hero-grid, .blob-cards-grid, .feature-block, .feature-block.reverse, .dash-grid, .hero-benefits-grid-row {
        grid-template-columns: 1fr;
    }
    .tariffs-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .tariff-card-glass {
        padding: 28px 16px;
    }
    .price-value {
        font-size: 1.95rem;
    }
    .tariff-duration {
        font-size: 1.3rem;
    }
    .hero-impact-title {
        font-size: 3.8rem;
    }
    .hero-script-subtitle {
        font-size: 2rem;
    }
    .mockup-3d-fan {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .mockup-fan-center, .mockup-fan-left, .mockup-fan-right {
        width: 90%;
        margin: 0;
        transform: none !important;
    }
    .site-header {
        top: 10px !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
        padding: 8px 14px !important;
        border-radius: 40px !important;
        box-sizing: border-box !important;
    }
    .nav-links {
        display: none !important;
    }
    .burger-btn {
        display: flex !important;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1181px) and (max-width: 1300px) {
    .site-header {
        padding: 8px 18px !important;
        left: 14px !important;
        right: 14px !important;
    }
    .nav-links {
        gap: 18px !important;
    }
    .nav-links a,
    .nav-link {
        font-size: 0.8rem !important;
    }
    .header-right-actions {
        gap: 10px !important;
    }
    .btn-header-login {
        padding: 7px 14px !important;
        font-size: 0.8rem !important;
    }
}

@media (max-width: 1180px) {
    .site-header {
        top: 10px !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
        padding: 8px 14px !important;
        border-radius: 40px !important;
        box-sizing: border-box !important;
    }
    .nav-links {
        display: none !important;
    }
    .burger-btn {
        display: flex !important;
    }
}

@media (max-width: 768px) {
    .tariffs-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .tariff-card-glass {
        padding: 32px 20px;
    }
}

@media (max-width: 600px) {
.hero-impact-title {
        font-size: 2.8rem;
    }
    .hero-script-subtitle {
        font-size: 1.5rem;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Mobile Native Scroll & Cursor Reset (Zero Scroll Interception on Mobile) ── */
@media screen and (max-width: 768px) {
    html, body {
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch !important;
        cursor: auto !important;
    }

    .custom-cursor-container {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .hero-section-fullscreen canvas {
        display: none !important;
    }

    .exams-section {
        transform: none !important;
        margin-bottom: 0 !important;
    }

    .exams-flip-grid .exam-card,
    .exams-flip-grid.cards-hidden-top .exam-card,
    .exams-flip-grid.cards-hidden-bottom .exam-card {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        transition: none !important;
    }

    .reviews-grid .review-card,
    .reviews-grid.cards-hidden-top .review-card,
    .reviews-grid.cards-hidden-bottom .review-card {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        transition: none !important;
    }

    .exams-title-line1,
    .exams-title-line2,
    .agnex-services-title .title-top,
    .agnex-services-title .title-bottom,
    .reviews-title-reveal,
    .tariffs-title-reveal {
        --reveal-progress: 100% !important;
        color: var(--eb-primary) !important;
    }
}

@media screen and (max-width: 1200px) {
.hero-content-wrapper {
        padding: 90px 20px 50px;
    }

    .hero-script-subtitle {
        font-size: clamp(2rem, 5.5vw, 3.5rem) !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center;
    }

    .hero-doodle-arrow-container {
        right: 0px !important;
        top: 50% !important;
        transform: scale(0.75) translateY(-50%);
    }

}

@media screen and (max-width: 1400px) {
    /* Section 3 (AGNEX Features) — Title on Top, 2 Columns for Cards on Tablets/Laptops */
    .agnex-services-section {
        overflow: hidden;
        padding: 90px 0 !important;
    }

    .agnex-services-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 90% !important;
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        gap: 48px !important;
    }

    .agnex-services-sticky {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        margin-bottom: 24px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .agnex-services-title {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .agnex-services-title-top,
    .agnex-services-title-bottom,
    .agnex-services-title .title-top,
    .agnex-services-title .title-bottom {
        font-size: clamp(34px, 4.2vw, 48px) !important;
        text-align: center !important;
        display: block !important;
        margin: 0 auto !important;
        letter-spacing: 0.5px !important;
    }

    .agnex-rows-track {
        display: flex !important;
        flex-direction: column !important;
        gap: 48px !important;
        width: 100% !important;
    }

    .agnex-row-pair {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .grid-row-1, .grid-row-2 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 44px !important;
        width: 100% !important;
        transform: none !important;
        padding-left: 0 !important;
        align-items: stretch !important;
    }

    .agnex-card-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: auto !important;
        height: 100% !important;
        aspect-ratio: auto !important;
        padding: 32px 24px 0 24px !important;
        margin: 0 !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .agnex-card-item.card-tilted-left {
        transform: rotate(-18deg) translate(-40px, 30px) scale(0.92);
    }

    .agnex-card-item.card-tilted-right {
        transform: rotate(18deg) translate(40px, 30px) scale(0.92);
    }

    .agnex-row-pair.row-aligned .agnex-card-item.card-tilted-left,
    .agnex-row-pair.row-aligned .agnex-card-item.card-tilted-right,
    .agnex-card-item.active-straight {
        transform: rotate(0deg) translate(0, 0) scale(1) !important;
    }

    .card-content-top {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        margin-bottom: 24px !important;
    }

    .service-image-box {
        width: 100% !important;
        margin-top: auto !important;
        margin-bottom: 0 !important;
    }

    .service-image-box img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .agnex-line-guide {
        display: block !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 0 !important;
        height: 100% !important;
        width: 1px !important;
        background: #CBD5E1 !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }
}

@media screen and (max-width: 768px) {
    .agnex-card-item,
    .agnex-card-item.card-tilted-left,
    .agnex-card-item.card-tilted-right {
        transform: none !important;
    }

    .agnex-line-guide {
        display: none !important;
    }

    /* Mobile Fallback to 1 Column */
    .grid-row-1, .grid-row-2 {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .card-content-top {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .agnex-card-item {
        padding: 24px 16px 16px 16px !important;
    }
}

@media screen and (max-width: 1200px) {

    /* Section 4 (Gallery) - 80px top and bottom dark background padding */
    .gallery-marquee-section {
        height: auto !important;
        min-height: 0 !important;
        padding: 80px 0 !important;
    }

    .gallery-layout-split {
        height: auto !important;
        min-height: 0 !important;
        flex-direction: column-reverse;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 16px !important;
        gap: 16px !important;
    }

    .gallery-right-header {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 0 !important;
        text-align: center;
        align-items: center;
    }

    .gallery-split-title {
        align-items: center;
        text-align: center;
    }

    .gallery-title-large {
        font-size: clamp(2.6rem, 7vw, 4.5rem);
        justify-content: center;
    }

    .gallery-title-sub {
        text-align: center;
        font-size: clamp(1.2rem, 3.5vw, 1.8rem);
        margin-top: 6px !important;
    }

    .marquee-columns-wrapper {
        width: 100%;
        height: auto;
        flex-direction: column;
        overflow: hidden;
        gap: 14px;
        mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
    }

    .marquee-col {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .marquee-col-track {
        display: flex;
        flex-direction: row;
        width: max-content;
        gap: 14px;
    }

    .marquee-col-up .marquee-col-track {
        animation: marqueeHorizontalLeft 30s linear infinite !important;
    }

    .marquee-col-down .marquee-col-track {
        animation: marqueeHorizontalRight 30s linear infinite !important;
    }

    /* Uniform Square Cards & Horizontal Centered Labels for Mobile/Tablet */
    .marquee-card.card-square,
    .marquee-card.card-rect {
        width: 150px !important;
        height: 150px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 20px !important;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .rect-label {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        text-align: center !important;
        font-size: 1.05rem !important;
        font-family: 'Actay Wide', sans-serif !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
        white-space: normal !important;
        word-break: break-word !important;
        padding: 8px !important;
    }
}

@media screen and (max-width: 768px) {
.site-header {
        padding: 10px 14px;
    }

    .hero-script-subtitle {
        font-size: clamp(1.8rem, 6vw, 2.6rem) !important;
        line-height: 1.25 !important;
    }

    .hero-doodle-arrow-container {
        right: -8px !important;
        top: 48% !important;
        transform: scale(0.55) translateY(-50%);
    }

    .hero-cta-group {
        flex-direction: column;
        width: 100%;
    }

    .btn-primary, .btn-secondary {
        width: 100%;
        justify-content: center;
    }

    /* Section 2 (Exams) */
    .exams-grid {
        grid-template-columns: 1fr;
    }

    .exam-level-cards {
        flex-direction: column;
    }

    /* Section 3 (AGNEX) */
    .agnex-card-content {
        padding: 20px 16px;
    }

    .agnex-card-title {
        font-size: 1.3rem;
    }

    /* Uniform 135px Square Cards for Small Mobile Screens */
    .marquee-card.card-square,
    .marquee-card.card-rect {
        width: 135px !important;
        height: 135px !important;
        border-radius: 16px !important;
    }

    .rect-label {
        font-size: 0.95rem !important;
    }

    .gallery-lightbox-modal .lightbox-caption-title {
        font-size: 0.95rem;
    }
}

@media (max-width: 991px) {
.reviews-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 640px) {
.thankyou-main-section {
        padding: 110px 20px 60px;
    }
    .thankyou-card-box {
        padding: 40px 24px;
    }
}

@media (max-width: 992px) {
.contact-giant-headline {
        margin-left: 0;
    }
    .contact-content-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .form-row-2col {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .contact-left-col {
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .articles-grid-4col,
    .related-cards-grid,
    .related-articles-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
    .blog-photo-card {
        height: 440px !important;
    }
    .checkout-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .checkout-sidebar-sticky {
        position: static;
    }
    .article-promo-card {
        padding: 36px 24px;
    }

    /* Tariffs & Exam Select on Tablet */
    .tariffs-section {
        padding: 80px 0 !important;
    }
    .step-box-glass {
        padding: 20px 20px !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 14px !important;
    }
    .step-header {
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 2px !important;
    }
    .step-title-text {
        font-size: 1.1rem !important;
        text-align: center !important;
    }
    .exam-select-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .exam-btn {
        padding: 10px 8px !important;
        font-size: 0.82rem !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .selected-exam-banner {
        font-size: 1rem !important;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 640px) {
    .site-header {
        left: 8px !important;
        right: 8px !important;
        padding: 6px 12px !important;
        border-radius: 30px !important;
    }
    .social-header-links {
        display: none !important;
    }
    .btn-header-login {
        padding: 6px 12px !important;
        font-size: 0.8rem !important;
        height: auto !important;
    }
    .brand-logo .brand-text {
        font-size: 1.25rem !important;
    }

    /* Hero Banners & Headers */
    .contact-hero-banner,
    .blog-hero-banner,
    .article-hero-section {
        padding: 90px 0 35px !important;
        overflow: hidden !important;
    }
    .checkout-main-section {
        padding: 85px 0 40px !important;
        overflow-x: hidden !important;
    }
    .checkout-container {
        padding: 0 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .checkout-header-block {
        margin-bottom: 20px !important;
    }
    .checkout-title {
        font-size: 1.45rem !important;
    }
    .checkout-subtitle {
        font-size: 0.85rem !important;
    }
    .checkout-grid {
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 20px !important;
    }
    .checkout-left-col,
    .checkout-right-col {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .checkout-card {
        box-sizing: border-box !important;
        width: 100% !important;
        padding: 18px 12px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    .checkout-section-title {
        font-size: 1.02rem !important;
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .step-number-badge {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.75rem !important;
    }
    .exam-select-chips {
        gap: 6px !important;
        margin-bottom: 16px !important;
    }
    .exam-chip {
        padding: 6px 12px !important;
        font-size: 0.78rem !important;
    }
    .checkout-plan-select-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .plan-select-card {
        padding: 12px 3px 8px !important;
        border-width: 1.5px !important;
        border-radius: 10px !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .plan-select-badge {
        font-size: 0.58rem !important;
        padding: 1px 4px !important;
        white-space: nowrap !important;
        text-align: center !important;
        max-width: 90% !important;
        top: -8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .plan-select-badge .badge-label {
        display: none !important;
    }
    .plan-select-badge .badge-pct {
        font-size: 0.65rem !important;
        font-weight: 800 !important;
    }
    .plan-select-duration {
        font-size: 0.68rem !important;
        letter-spacing: -0.2px !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
    }
    .plan-select-price {
        font-size: 0.85rem !important;
        letter-spacing: -0.3px !important;
        margin-top: 4px !important;
        white-space: nowrap !important;
    }
    .plan-select-savings {
        font-size: 0.6rem !important;
        line-height: 1.15 !important;
        margin-top: 3px !important;
        word-break: break-word !important;
    }
    .checkout-logged-user-box {
        padding: 12px 10px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .checkout-logged-user-title {
        font-size: 0.82rem !important;
        word-break: break-word !important;
    }
    .checkout-logged-user-desc {
        font-size: 0.78rem !important;
    }
    .checkout-form-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .payment-method-item {
        padding: 10px 12px !important;
    }
    .order-summary-card {
        box-sizing: border-box !important;
        width: 100% !important;
        padding: 18px 14px !important;
        border-radius: 14px !important;
    }
    .order-product-title {
        font-size: 1.05rem !important;
    }
    .order-product-subtitle {
        font-size: 0.82rem !important;
    }
    .order-features-list {
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .order-features-list li {
        font-size: 0.8rem !important;
        line-height: 1.35 !important;
    }
    .order-promo-wrap {
        gap: 6px !important;
        margin-bottom: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .order-promo-input {
        min-width: 0 !important;
        padding: 8px 10px !important;
        font-size: 0.82rem !important;
    }
    .order-promo-btn {
        padding: 8px 12px !important;
        font-size: 0.78rem !important;
        flex-shrink: 0 !important;
    }
    .order-price-breakdown {
        padding-top: 12px !important;
        margin-bottom: 16px !important;
        gap: 8px !important;
    }
    .order-price-row {
        font-size: 0.85rem !important;
    }
    .order-price-total-row {
        padding-top: 12px !important;
        align-items: center !important;
    }
    .order-total-label {
        font-size: 0.95rem !important;
    }
    .order-total-value {
        font-size: 1.35rem !important;
    }
    .order-terms-row {
        margin-top: 14px !important;
        margin-bottom: 16px !important;
    }
    .order-terms-label {
        font-size: 0.78rem !important;
        line-height: 1.35 !important;
        gap: 8px !important;
    }
    .checkout-submit-btn {
        padding: 13px 16px !important;
        font-size: 0.92rem !important;
    }
    .contact-hero-title {
        font-size: clamp(1.6rem, 7.5vw, 2.4rem) !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-bottom: 12px !important;
    }
    .article-hero-title {
        font-size: clamp(1.35rem, 5.6vw, 2rem) !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.25 !important;
    }
    .contact-breadcrumbs {
        flex-wrap: wrap !important;
        gap: 6px !important;
        font-size: 0.85rem !important;
        word-break: break-word !important;
    }

    /* Article & Blog Main Sections */
    .article-main-section,
    .blog-main-section {
        padding: 40px 0 60px !important;
        overflow: hidden !important;
    }
    .article-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .article-lead-text {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 24px !important;
        padding-bottom: 18px !important;
        word-break: break-word !important;
    }
    .article-section-title {
        font-size: 1.25rem !important;
        margin-top: 32px !important;
        margin-bottom: 14px !important;
        word-break: break-word !important;
    }
    .article-sub-heading {
        font-size: 1.05rem !important;
        margin-top: 24px !important;
        word-break: break-word !important;
    }
    .article-body-text,
    .article-paragraph,
    .article-content-wrapper p {
        font-size: 0.95rem !important;
        line-height: 1.65 !important;
        word-break: break-word !important;
    }
    .article-content-wrapper ul,
    .article-content-wrapper ol {
        padding-left: 20px !important;
        margin: 14px 0 18px 0 !important;
    }
    .article-content-wrapper ul li,
    .article-content-wrapper ol li {
        font-size: 0.92rem !important;
        line-height: 1.6 !important;
        margin-bottom: 8px !important;
        word-break: break-word !important;
    }
    .article-content-wrapper table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .article-callout-box,
    .article-cta-box,
    .reader-highlight-box {
        padding: 20px 16px !important;
        margin: 24px 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        word-break: break-word !important;
    }
    .article-checklist li,
    .article-numbered-list li {
        font-size: 0.92rem !important;
        word-break: break-word !important;
    }

    /* 2 Columns Grid for Mobile Cards */
    .articles-grid-4col,
    .related-cards-grid,
    .related-articles-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .blog-photo-card {
        height: 310px !important;
        border-radius: 8px !important;
    }
    .blog-card-default-info {
        padding: 14px 8px 10px !important;
    }
    .blog-card-title {
        font-size: 0.8rem !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
    }
    .blog-card-standalone-arrow svg {
        max-width: 40px !important;
        height: auto !important;
    }
    .blog-card-hover-drawer {
        height: 48% !important;
        padding: 10px 8px 8px !important;
    }
    .blog-drawer-title {
        font-size: 0.74rem !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }
    .blog-drawer-read-link {
        font-size: 0.65rem !important;
        padding: 4px 8px !important;
    }

    /* Filter Bar on Mobile */
    .blog-filter-bar {
        gap: 6px !important;
        margin-top: 20px !important;
        justify-content: center !important;
    }
    .blog-filter-pill {
        padding: 6px 12px !important;
        font-size: 0.78rem !important;
    }

    /* Promo & Newsletter Banners */
    .blog-newsletter-banner {
        padding: 32px 16px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }
    .blog-newsletter-title {
        font-size: 1.35rem !important;
        word-break: break-word !important;
    }
    .blog-newsletter-text {
        font-size: 0.92rem !important;
        margin-bottom: 20px !important;
    }
    .article-promo-features {
        flex-direction: column !important;
        gap: 8px !important;
        align-items: center !important;
        font-size: 0.85rem !important;
    }
    .article-promo-actions {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .article-promo-btn-demo,
    .blog-newsletter-btn,
    .article-promo-btn-tariffs {
        width: 100% !important;
        height: 48px !important;
        font-size: 0.82rem !important;
        padding: 0 16px !important;
    }

    /* Tariffs & Exam Select on Mobile (Super Compact 4-Col Grid) */
    .tariffs-section {
        padding: 45px 0 60px !important;
    }
    .tariffs-section .section-header-mb40 {
        margin-bottom: 20px !important;
    }
    .section-title-large {
        font-size: clamp(1.3rem, 5.2vw, 1.8rem) !important;
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
    }
    .section-subtitle-dark {
        font-size: 0.9rem !important;
        line-height: 1.45 !important;
    }
    .step-box-glass {
        padding: 12px 8px !important;
        border-radius: 14px !important;
        margin-bottom: 14px !important;
        gap: 8px !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    .step-header {
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .step-title-text {
        font-size: 0.88rem !important;
        line-height: 1.3 !important;
        text-align: center !important;
        word-break: break-word !important;
    }
    .exam-select-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
    }
    .exam-btn {
        padding: 8px 1px !important;
        font-size: clamp(0.64rem, 2.3vw, 0.74rem) !important;
        border-radius: 6px !important;
        letter-spacing: -0.2px !important;
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }
    .selected-exam-banner {
        font-size: 0.88rem !important;
        margin-bottom: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    .exam-active-highlight {
        font-size: 0.82rem !important;
        padding: 2px 10px !important;
        margin-left: 0 !important;
    }

    /* Related Articles Section */
    .related-articles-section {
        padding: 50px 0 60px !important;
    }
    .related-section-title {
        font-size: 1.4rem !important;
        word-break: break-word !important;
    }
    .related-section-subtitle {
        font-size: 0.9rem !important;
    }

    /* Footer on Mobile */
    .footer-hero-headline {
        font-size: clamp(1.4rem, 11vw, 50px) !important;
        letter-spacing: -0.02em !important;
        word-break: break-word !important;
    }
    .footer-hero-actions {
        flex-wrap: wrap !important;
        gap: 12px !important;
        justify-content: center !important;
    }
    .footer-action-link {
        font-size: 0.85rem !important;
        padding: 8px 14px !important;
    }
    .footer-bottom {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px 18px !important;
        text-align: center !important;
    }
    .footer-bottom-left {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px 18px !important;
        align-items: center !important;
    }
    .footer-legal-links {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px 18px !important;
        align-items: center !important;
    }
}

@media (max-width: 360px) {
    .exam-select-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }
    .exam-btn {
        padding: 8px 4px !important;
        font-size: 0.76rem !important;
    }
}

/* ==========================================================================
   WordPress Admin Bar Compatibility Across All Viewports
   ========================================================================== */
body.admin-bar .site-header {
    top: 48px !important;
}

body.admin-bar .cabinet-minimal-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 56px !important;
    }
    body.admin-bar .cabinet-minimal-header {
        top: 46px !important;
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar .site-header {
        top: 54px !important;
    }
    body.admin-bar .cabinet-minimal-header {
        top: 0 !important;
    }
}