/* =========================================================
   NEXORA EXPRESS
   Responsive Styles
========================================================= */


/* =========================
   LARGE LAPTOP
========================= */

@media (max-width: 1199px) {

    :root {
        --container-width: 1080px;
    }

    .nav-panel {
        gap: 28px;
    }

    .nav-menu {
        gap: 21px;
    }

    .hero-container {
        gap: 40px;
    }

    .hero-content h1 {
        font-size: 59px;
        letter-spacing: -3.4px;
    }

    .logistics-dashboard {
        width: 500px;
    }

    .delivery-card {
        left: -2%;
    }

    .success-card {
        right: -2%;
    }

    .hero-tracker {
        grid-template-columns: auto 1fr;
    }

    .tracker-help {
        display: none;
    }

}


/* =========================
   TABLET AND SMALL LAPTOP
========================= */

@media (max-width: 991px) {

    .container {
        width: min(calc(100% - 34px), var(--container-width));
    }

    .main-header {
        padding: 15px 0;
    }

    .menu-toggle {
        display: flex;
    }

    .nav-panel {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1001;
        width: min(390px, 88%);
        height: 100dvh;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: 35px;
        padding: 105px 30px 35px;
        border-left: 1px solid rgba(255, 255, 255, 0.09);
        background:
            radial-gradient(
                circle at 80% 10%,
                rgba(115, 87, 255, 0.18),
                transparent 28%
            ),
            rgba(8, 13, 27, 0.98);
        box-shadow: -25px 0 70px rgba(0, 0, 0, 0.4);
        transition: right 0.45s ease;
    }

    .nav-panel.active {
        right: 0;
    }

    .nav-menu {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 6px;
    }

    .nav-menu li {
        width: 100%;
    }

    .nav-link {
        width: 100%;
        padding: 16px;
        border-radius: 13px;
        font-size: 14px;
    }

    .nav-link::after {
        display: none;
    }

    .nav-link:hover,
    .nav-link.active {
        padding-left: 22px;
        color: var(--white);
        background: rgba(255, 255, 255, 0.06);
    }

    .nav-link.active {
        border: 1px solid rgba(21, 217, 255, 0.14);
        background: rgba(21, 217, 255, 0.08);
    }

    .nav-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: auto;
    }

    .nav-login,
    .nav-cta {
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.05);
    }

    .nav-cta {
        background: var(--gradient-button);
    }

    .hero-section {
        padding-top: 145px;
    }

    .hero-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .hero-content {
        max-width: 760px;
        margin-inline: auto;
        padding-bottom: 0;
        text-align: center;
    }

    .hero-badge {
        margin-inline: auto;
    }

    .hero-content h1 {
        max-width: 800px;
        font-size: clamp(48px, 8vw, 70px);
    }

    .hero-description {
        max-width: 690px;
        margin-inline: auto;
    }

    .hero-actions,
    .hero-trust-row {
        justify-content: center;
    }

    .hero-visual {
        width: min(100%, 680px);
        min-height: 610px;
        margin-inline: auto;
    }

    .logistics-dashboard {
        width: min(100%, 570px);
        transform: none;
    }

    @keyframes dashboardFloat {
        to {
            transform: translateY(-10px);
        }
    }

    .delivery-card {
        left: 0;
    }

    .success-card {
        right: 0;
    }

    .hero-tracker-container {
        margin-top: 10px;
    }

    .hero-tracker {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .tracker-introduction {
        justify-content: center;
        text-align: center;
    }

    .tracking-form {
        width: 100%;
    }

    .partners-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .partners-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .preview-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .preview-heading > p {
        max-width: 650px;
    }

    .preview-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .preview-card:last-child {
        grid-column: 1 / -1;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .container {
        width: min(calc(100% - 24px), var(--container-width));
    }

    .brand-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .brand-name {
        font-size: 18px;
    }

    .hero-section {
        padding-top: 125px;
    }

    .hero-content h1 {
        font-size: clamp(42px, 12vw, 58px);
        line-height: 1.08;
        letter-spacing: -2.8px;
    }

    .hero-description {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.75;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
        margin-top: 28px;
    }

    .primary-button,
    .secondary-button {
        width: 100%;
    }

    .hero-trust-row {
        gap: 14px;
    }

    .trust-divider {
        display: none;
    }

    .trust-item {
        width: 50%;
        align-items: flex-start;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.04);
        text-align: left;
    }

    .trust-item .trust-icon {
        flex-shrink: 0;
    }

    .hero-visual {
        min-height: auto;
        margin-top: 25px;
        padding: 30px 0 40px;
    }

    .visual-orbit {
        display: none;
    }

    .logistics-dashboard {
    width: 100%;
    padding: 17px;
    border-radius: 23px;
    transform: none;
    animation: none;
    }

    .dashboard-header h3 {
        font-size: 16px;
    }

    .delivery-map {
    height: 250px;
    }

    .location-two {
        left: 61%;
    }

    .location-three {
        right: 3%;
    }

    .floating-card {
        display: none;
    }

    .hero-tracker-container {
        margin-top: 0;
    }

    .hero-tracker {
        padding: 16px;
        border-radius: 20px;
    }

    .tracker-introduction {
        justify-content: flex-start;
        text-align: left;
    }

    .tracking-form {
        grid-template-columns: 1fr;
    }

    .tracking-submit {
        width: 100%;
    }

    .tracking-result.show {
        padding: 22px 16px;
    }

    .tracking-result-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
        padding-right: 40px;
    }

    .tracking-route-summary {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .tracking-route-summary > div:last-child {
        text-align: left;
    }

    .route-arrow {
        min-width: 100%;
    }

    .route-arrow i {
        transform: rotate(90deg);
    }

    .tracking-timeline {
        position: relative;
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .timeline-item {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        text-align: left;
    }

    .timeline-item::after {
        top: 34px;
        left: 16px;
        width: 2px;
        height: calc(100% + 18px);
    }

    .timeline-marker {
        margin: 0;
    }

    .timeline-item > div {
        margin-top: 0;
        padding: 2px 0 0;
    }

    .timeline-item strong {
        font-size: 10px;
    }

    .timeline-item > div span {
        font-size: 8px;
    }

    .partners-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .partners-list span {
        justify-content: center;
        padding: 12px 8px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.03);
        font-size: 9px;
    }

    .partners-list span:last-child {
        grid-column: 1 / -1;
    }

    .experience-preview {
        padding: 82px 0;
    }

    .preview-heading h2 {
        font-size: 38px;
        letter-spacing: -1.7px;
    }

    .preview-cards {
        grid-template-columns: 1fr;
        margin-top: 38px;
    }

    .preview-card:last-child {
        grid-column: auto;
    }

    .preview-card {
        min-height: 325px;
        padding: 25px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .brand-name {
        font-size: 16px;
    }

    .menu-toggle {
        width: 42px;
        height: 42px;
    }

    .hero-badge {
        font-size: 9px;
    }

    .hero-content h1 {
        font-size: 42px;
        letter-spacing: -2.2px;
    }

    .hero-trust-row {
        align-items: stretch;
        flex-direction: column;
    }

    .trust-item {
        width: 100%;
    }

    .dashboard-metrics {
        grid-template-columns: 1fr;
    }

    .active-shipment {
        grid-template-columns: 1fr;
    }

    .shipment-status {
        width: fit-content;
    }

    .tracker-icon {
        width: 43px;
        height: 43px;
    }

    .tracking-input-group {
        padding: 0 13px;
    }

    .tracking-input-group input {
        font-size: 10px;
    }

    .partners-list {
        grid-template-columns: 1fr;
    }

    .partners-list span:last-child {
        grid-column: auto;
    }

    .toast-message {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
    }

    .dashboard-metrics {
    gap: 12px;
    margin-top: 14px;
}

.metric-card {
    min-height: 125px;
    padding: 17px;
}

.active-shipment {
    padding: 17px;
    margin-top: 14px;
}

.moving-package {
    animation: none !important;
}

.package-one {
    left: 31%;
    top: 37%;
}

.package-two {
    right: 17%;
    top: 49%;
}

}

/* =========================================================
   MOBILE CLARITY AND SHARPNESS FIX
========================================================= */

@media (max-width: 767px) {

    /*
     * Improve text rendering on supported browsers.
     */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

    /*
     * Avoid transform-based rasterization on mobile.
     * Animated transforms can make text inside the dashboard
     * appear slightly blurry.
     */
    .logistics-dashboard {
        transform: none !important;
        animation: none !important;
        will-change: auto;
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
    }

    /*
     * Disable movement on elements containing icons or text.
     */
    .moving-package,
    .floating-card,
    .dashboard-header,
    .metric-card,
    .active-shipment {
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
    }

    /*
     * Reduce excessive blur on small mobile screens.
     * The glass effect is retained without affecting clarity.
     */
    .logistics-dashboard {
        background:
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        box-shadow:
            0 24px 55px rgba(0, 0, 0, 0.38);
    }

    .hero-tracker {
        background:
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.97),
                rgba(11, 18, 36, 0.97)
            );

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    /*
     * Larger mobile typography.
     * Avoid 7px and 8px text because it becomes difficult
     * to render clearly on many devices.
     */
    .dashboard-label {
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 1px;
    }

    .dashboard-header h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .location-label strong {
        font-size: 10px;
        line-height: 1.25;
    }

    .location-label span {
        font-size: 8px;
        line-height: 1.3;
    }

    .map-status {
        font-size: 8px;
        line-height: 1.35;
    }

    .metric-change {
        font-size: 9px;
        line-height: 1;
        padding: 6px 8px;
    }

    .metric-card strong {
        font-size: 24px;
        line-height: 1.15;
    }

    .metric-card > span:last-child {
        margin-top: 5px;
        font-size: 10px;
        line-height: 1.4;
    }

    .shipment-heading span {
        font-size: 9px;
        line-height: 1.3;
    }

    .shipment-heading strong {
        font-size: 11px;
        line-height: 1.4;
    }

    .shipment-status {
        font-size: 9px;
        line-height: 1;
        padding: 7px 10px;
    }

    .shipment-progress-labels {
        margin-top: 9px;
        font-size: 9px;
        line-height: 1.4;
    }

    .tracker-small-title {
        font-size: 9px;
        line-height: 1.4;
    }

    .tracker-introduction h2 {
        font-size: 16px;
        line-height: 1.35;
    }

    .tracking-input-group input {
        font-size: 12px;
        line-height: 1.4;
    }

    .tracking-submit {
        font-size: 12px;
    }

    /*
     * Sharper cards and borders.
     */
    .metric-card,
    .active-shipment {
        border-color: rgba(255, 255, 255, 0.11);
        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.075),
                rgba(255, 255, 255, 0.035)
            );
    }

    .delivery-map {
        border-color: rgba(255, 255, 255, 0.11);
        background:
            radial-gradient(
                circle at 50% 30%,
                rgba(115, 87, 255, 0.2),
                transparent 45%
            ),
            linear-gradient(
                145deg,
                #071022,
                #0b1730
            );
    }

    /*
     * Make logo and hamburger clearer.
     */
    .brand-icon {
        box-shadow:
            0 10px 28px rgba(115, 87, 255, 0.42);
    }

    .brand-name {
        font-size: 18px;
        line-height: 1;
        letter-spacing: -0.5px;
    }

    .menu-toggle {
        background: rgba(17, 25, 45, 0.98);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .menu-toggle span {
        width: 21px;
        height: 2px;
    }

}

/* =========================================================
   HOW IT WORKS RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .delivery-process {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-route {
        display: none;
    }

    .delivery-experience-panel {
        grid-template-columns: 1fr 1fr;
    }

    .experience-panel-actions {
        grid-column: 1 / -1;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

}


@media (max-width: 991px) {

    .how-heading {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .how-heading-content {
        max-width: 650px;
    }

    .delivery-process {
        margin-top: 50px;
    }

    .delivery-experience-panel {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .delivery-estimate {
        width: 100%;
    }

    .experience-panel-actions {
        grid-column: auto;
    }

}


@media (max-width: 767px) {

    .how-it-works {
        padding: 85px 0;
    }

    .how-heading h2 {
        font-size: 39px;
        letter-spacing: -1.8px;
    }

    .how-heading-content p {
        font-size: 12px;
    }

    .delivery-process {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 40px;
    }

    .process-step {
        min-height: 310px;
        padding: 22px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .process-step-content {
        margin-top: 35px;
    }

    .process-step-content h3 {
        font-size: 21px;
    }

    .process-step-content p {
        font-size: 12px;
    }

    .process-label {
        font-size: 10px;
    }

    .process-step-footer span {
        font-size: 9px;
    }

    .delivery-experience-panel {
        padding: 22px;
        border-radius: 22px;
    }

    .experience-panel-content {
        flex-direction: column;
    }

    .experience-panel-content h3 {
        font-size: 21px;
    }

    .experience-panel-content p {
        font-size: 11px;
    }

    .experience-panel-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .experience-panel-actions .primary-button {
        width: 100%;
    }

    .panel-text-link {
        justify-content: center;
        font-size: 9px;
    }

}


@media (max-width: 480px) {

    .how-heading h2 {
        font-size: 35px;
    }

    .delivery-estimate {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .estimate-location.destination {
        text-align: left;
    }

    .estimate-route {
        width: 100%;
    }

    .estimate-duration {
        grid-column: auto;
    }

}

/* =========================================================
   COVERAGE RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .coverage-layout {
        grid-template-columns: 1fr;
    }

    .coverage-information {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: start;
    }

}


@media (max-width: 991px) {

    .coverage-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .coverage-heading > p {
        max-width: 660px;
    }

    .coverage-information {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 767px) {

    .coverage-section {
        padding: 85px 0;
    }

    .coverage-heading h2 {
        font-size: 39px;
        letter-spacing: -1.8px;
    }

    .coverage-heading > p {
        font-size: 12px;
    }

    .coverage-layout {
        margin-top: 40px;
    }

    .coverage-map-card {
        padding: 16px;
        border-radius: 22px;
    }

    .coverage-map {
        min-height: 390px;
    }

    .world-map-svg {
        transform: scale(1.25);
    }

    .coverage-map-header h3 {
        font-size: 19px;
    }

    .coverage-location-label {
        display: none;
    }

    .coverage-pin {
        width: 31px;
        height: 31px;
    }

    .coverage-statistics {
        grid-template-columns: 1fr;
    }

    .coverage-stat {
        padding: 15px;
    }

    .coverage-stat strong {
        font-size: 21px;
    }

    .coverage-stat span:last-child {
        font-size: 9px;
    }

    .coverage-search-card {
        padding: 22px;
        border-radius: 22px;
    }

    .coverage-search-card h3 {
        font-size: 24px;
    }

    .coverage-search-card > p {
        font-size: 11px;
    }

    .coverage-form-group label {
        font-size: 10px;
    }

    .coverage-input input {
        font-size: 12px;
    }

    .delivery-zone {
        padding: 17px;
    }

    .delivery-zone-label {
        font-size: 8px;
    }

    .delivery-zone h4 {
        font-size: 16px;
    }

    .delivery-zone p {
        font-size: 10px;
    }

}


@media (max-width: 480px) {

    .coverage-heading h2 {
        font-size: 35px;
    }

    .coverage-map {
        min-height: 340px;
    }

    .coverage-map-legend {
        gap: 10px;
        left: 10px;
        bottom: 10px;
    }

    .coverage-map-legend span {
        font-size: 6px;
    }

    .coverage-status span:last-child {
        display: none;
    }

}

/* =========================================================
   SHIPPING CALCULATOR RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .calculator-layout {
        grid-template-columns: 1fr;
    }

    .shipping-estimate-card {
        width: 100%;
    }

}


@media (max-width: 991px) {

    .calculator-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .calculator-heading > p {
        max-width: 660px;
    }

}


@media (max-width: 767px) {

    .shipping-calculator-section {
        padding: 85px 0;
    }

    .calculator-heading h2 {
        font-size: 39px;
        letter-spacing: -1.8px;
    }

    .calculator-heading > p {
        font-size: 12px;
    }

    .calculator-layout {
        margin-top: 40px;
    }

    .shipping-calculator-card,
    .shipping-estimate-card {
        padding: 21px;
        border-radius: 22px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .calculator-route-fields {
        grid-template-columns: 1fr;
    }

    .calculator-route-switch {
        margin: -2px auto;
        transform: rotate(90deg);
    }

    .calculator-route-switch:hover {
        transform: rotate(270deg);
    }

    .calculator-field-grid {
        grid-template-columns: 1fr;
    }

    .delivery-speed-options {
        grid-template-columns: 1fr;
    }

    .speed-card-content {
        min-height: auto;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 12px;
        align-items: center;
    }

    .speed-details {
        margin-top: 0;
    }

    .speed-price {
        margin-top: 0;
    }

    .insurance-information small {
        font-size: 8px;
    }

    .estimate-price strong {
        font-size: 43px;
    }

    .estimate-summary {
        grid-template-columns: 1fr;
    }

    .estimate-summary-item span:not(.summary-icon) {
        font-size: 8px;
    }

    .estimate-summary-item strong {
        font-size: 10px;
    }

    .breakdown-row span,
    .breakdown-row strong {
        font-size: 9px;
    }

    .estimate-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .estimate-actions .primary-button,
    .save-estimate-button {
        width: 100%;
    }

}


@media (max-width: 480px) {

    .calculator-heading h2 {
        font-size: 35px;
    }

    .insurance-option {
        grid-template-columns: auto auto 1fr;
    }

    .insurance-price {
        grid-column: 3;
    }

    .estimate-card-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .estimate-price strong {
        font-size: 38px;
    }

}

/* =========================================================
   NEXORA EXPRESS — RESPONSIVE TYPOGRAPHY V2
========================================================= */

@media (max-width: 991px) {
    .nav-link,
    .nav-login,
    .nav-cta { font-size: 15px; }
}

@media (max-width: 767px) {
    .hero-badge,
    .section-tag,
    .dashboard-label,
    .tracker-small-title,
    .process-label,
    .experience-panel-label,
    .coverage-card-label,
    .delivery-zone-label,
    .calculator-card-header > div > span,
    .estimate-card-header > div > span {
        font-size: 10px;
    }

    .preview-heading > p,
    .how-heading-content p,
    .coverage-heading > p,
    .calculator-heading > p,
    .preview-card p,
    .process-step-content p,
    .coverage-search-card > p,
    .delivery-zone p {
        font-size: 13px;
    }

    .trust-item strong { font-size: 13px; }
    .trust-item span:not(.trust-icon) { font-size: 11px; }
    .dashboard-header h3 { font-size: 19px; }
    .metric-card strong { font-size: 24px; }
    .metric-card > span:last-child { font-size: 11px; }
    .shipment-heading span { font-size: 10px; }
    .shipment-heading strong { font-size: 12px; }
    .shipment-status,
    .shipment-progress-labels { font-size: 10px; }
    .tracking-input-group input { font-size: 13px; }
    .timeline-item strong { font-size: 12px; }
    .timeline-item > div span { font-size: 10px; }
    .partners-list span { font-size: 11px; }

    .preview-card h3 { font-size: 23px; }
    .preview-card a { font-size: 13px; }
    .process-step-content h3 { font-size: 22px; }
    .process-step-footer span { font-size: 10px; }
    .coverage-stat span:last-child { font-size: 10px; }
    .coverage-form-group label { font-size: 11px; }
    .coverage-input input { font-size: 13px; }
    .delivery-zone h4 { font-size: 17px; }

    .calculator-card-header h3,
    .estimate-card-header h3 { font-size: 24px; }
    .calculator-form-group label { font-size: 11px; }
    .calculator-input input,
    .calculator-select select { font-size: 13px; }
    .speed-card-content { min-height: 78px; padding: 14px; }
    .speed-details strong { font-size: 14px; }
    .speed-details small { font-size: 10px; }
    .insurance-information strong { font-size: 12px; }
    .insurance-information small { font-size: 9px; }
    .estimate-summary-item span:not(.summary-icon) { font-size: 9px; }
    .estimate-summary-item strong { font-size: 12px; }
    .breakdown-row span,
    .breakdown-row strong { font-size: 10px; }
    .estimate-security { font-size: 9px; }
}

@media (max-width: 480px) {
    .hero-content h1 { font-size: 40px; }
    .preview-heading h2,
    .how-heading h2,
    .coverage-heading h2,
    .calculator-heading h2 { font-size: 34px; }
}

/* =========================================================
   TESTIMONIALS RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .testimonials-section {
        padding: 110px 0;
    }

    .testimonials-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .featured-testimonial {
        min-height: auto;
    }

    .review-feed {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .review-feed-header {
        grid-column: 1 / -1;
    }

    .trust-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 991px) {

    .testimonials-heading {
        margin-bottom: 52px;
    }

    .testimonials-heading h2 {
        font-size: 50px;
    }

    .featured-testimonial {
        padding: 36px;
    }

    .featured-review {
        font-size: 17px;
    }

    .review-item {
        min-height: 118px;
    }

}


@media (max-width: 767px) {

    .testimonials-section {
        padding: 82px 0;
    }

    .testimonials-heading {
        margin-bottom: 40px;
        text-align: left;
    }

    .testimonials-heading h2 {
        margin-top: 14px;
        font-size: 38px;
        line-height: 1.12;
        letter-spacing: -1.8px;
    }

    .testimonials-heading h2 span {
        display: inline;
    }

    .testimonials-heading p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.75;
    }

    .testimonials-layout {
        gap: 24px;
    }

    .featured-testimonial {
        padding: 25px;
        border-radius: 24px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            radial-gradient(
                circle at 90% 8%,
                rgba(21, 217, 255, 0.1),
                transparent 36%
            ),
            radial-gradient(
                circle at 10% 100%,
                rgba(115, 87, 255, 0.12),
                transparent 40%
            ),
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .featured-quote {
        top: 16px;
        right: 20px;
        font-size: 70px;
    }

    .testimonial-rating {
        gap: 5px;
        font-size: 15px;
    }

    .featured-label {
        margin-top: 20px;
        padding: 7px 10px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .featured-review {
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.8;
    }

    .featured-profile {
        align-items: flex-start;
        margin-top: 28px;
        padding-top: 0;
    }

    .featured-avatar img {
        width: 66px;
        height: 66px;
    }

    .featured-avatar > span {
        width: 23px;
        height: 23px;
        border-width: 2px;
    }

    .featured-details h3 {
        font-size: 18px;
    }

    .featured-details > p {
        font-size: 13px;
    }

    .company-info {
        flex-direction: column;
        gap: 8px;
        margin-top: 11px;
    }

    .company-info span {
        font-size: 11px;
    }

    .review-feed {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .review-feed-header {
        min-height: auto;
        padding: 0 2px 2px;
    }

    .review-feed-header > span {
        font-size: 13px;
    }

    .review-item {
        min-height: auto;
        padding: 15px;
        border-radius: 17px;
    }

    .review-item:hover {
        transform: translateY(-4px);
    }

    .review-item > img {
        width: 50px;
        height: 50px;
    }

    .review-top h4 {
        font-size: 14px;
    }

    .review-top small {
        font-size: 10px;
    }

    .review-stars {
        margin-top: 5px;
        font-size: 10px;
    }

    .review-content > p {
        margin-top: 6px;
        font-size: 12px;
    }

    .trust-metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-top: 38px;
    }

    .metric-box {
        min-height: 160px;
        padding: 22px 16px;
        border-radius: 20px;
    }

    .metric-box h3 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .metric-box > span {
        margin-top: 8px;
        font-size: 13px;
    }

    .metric-box > p {
        margin-top: 10px;
        font-size: 12px;
    }

}


@media (max-width: 480px) {

    .testimonials-heading h2 {
        font-size: 34px;
    }

    .featured-testimonial {
        padding: 22px;
    }

    .featured-profile {
        flex-direction: column;
    }

    .featured-avatar img {
        width: 72px;
        height: 72px;
    }

    .company-info {
        width: 100%;
    }

    .review-item {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
    }

    .review-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .review-top h4 {
        white-space: normal;
    }

    .trust-metrics {
        grid-template-columns: 1fr;
    }

    .metric-box {
        min-height: 145px;
    }

    .metric-box h3 {
        font-size: 42px;
    }

}

@media (max-width: 767px) {

    .review-item.review-visible:hover {
        transform: translateY(-4px);
    }

}

/* =========================================================
   FAQ RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .faq-section {
        padding: 110px 0;
    }

    .faq-heading {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .faq-heading-content {
        max-width: 700px;
    }

    .faq-layout {
        grid-template-columns: 0.42fr 0.58fr;
        gap: 24px;
    }

    .faq-category-panel {
        padding: 24px;
    }

}


@media (max-width: 991px) {

    .faq-layout {
        grid-template-columns: 1fr;
    }

    .faq-category-panel {
        position: relative;
        top: auto;
    }

    .faq-category-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .faq-contact-card {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 15px;
        align-items: center;
    }

    .faq-contact-card > div {
        margin-top: 0;
    }

    .faq-contact-card a {
        margin-top: 0;
        white-space: nowrap;
    }

}


@media (max-width: 767px) {

    .faq-section {
        padding: 82px 0;
    }

    .faq-heading {
        gap: 20px;
    }

    .faq-heading h2 {
        font-size: 38px;
        line-height: 1.12;
        letter-spacing: -1.8px;
    }

    .faq-heading-content > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .faq-support-link {
        max-width: 100%;
        padding: 14px;
    }

    .faq-support-link > span:nth-child(2) {
        font-size: 12px;
    }

    .faq-support-link small {
        font-size: 10px;
    }

    .faq-layout {
        margin-top: 40px;
    }

    .faq-category-panel {
        padding: 21px;
        border-radius: 21px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(255, 255, 255, 0.97);
    }

    .faq-category-panel > h3 {
        font-size: 22px;
    }

    .faq-category-list {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-top: 20px;
    }

    .faq-category {
        padding: 13px;
    }

    .faq-category:hover {
        transform: translateY(-2px);
    }

    .faq-category strong {
        font-size: 13px;
    }

    .faq-category small {
        font-size: 10px;
    }

    .faq-contact-card {
        grid-template-columns: auto 1fr;
        padding: 16px;
    }

    .faq-contact-card a {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .faq-accordion {
        gap: 12px;
    }

    .faq-item {
        border-radius: 17px;
    }

    .faq-question {
        grid-template-columns: auto 1fr auto;
        gap: 12px;
        padding: 17px;
    }

    .faq-question-number {
        width: 35px;
        height: 35px;
        font-size: 10px;
    }

    .faq-question-text {
        font-size: 14px;
        line-height: 1.45;
    }

    .faq-toggle-icon {
        width: 34px;
        height: 34px;
    }

    .faq-answer-content {
        padding:
            0 17px 18px
            calc(17px + 35px + 12px);
    }

    .faq-answer-content p {
        font-size: 13px;
        line-height: 1.75;
    }

}


@media (max-width: 480px) {

    .faq-heading h2 {
        font-size: 34px;
    }

    .faq-support-link {
        grid-template-columns: auto 1fr;
    }

    .faq-support-link > i {
        display: none;
    }

    .faq-category-panel {
        padding: 18px;
    }

    .faq-contact-card {
        grid-template-columns: 1fr;
    }

    .faq-contact-card-icon {
        width: 42px;
        height: 42px;
    }

    .faq-question {
        grid-template-columns: 1fr auto;
        gap: 10px;
        padding: 16px;
    }

    .faq-question-number {
        display: none;
    }

    .faq-question-text {
        font-size: 13px;
    }

    .faq-toggle-icon {
        width: 32px;
        height: 32px;
    }

    .faq-answer-content {
        padding: 0 16px 17px;
    }

}

/* =========================================================
   FINAL CTA RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .final-cta-section {
        padding: 105px 0;
    }

    .final-cta-card {
        grid-template-columns: 1fr;
        gap: 42px;
        min-height: auto;
        padding: 48px;
    }

    .final-cta-content {
        max-width: 820px;
    }

    .final-cta-content h2 {
        max-width: 800px;
    }

    .final-cta-visual {
        width: min(100%, 720px);
        min-height: 520px;
        margin-inline: auto;
    }

    .cta-package-card {
        width: min(100%, 560px);
    }

    .cta-floating-card-one {
        left: 1%;
    }

    .cta-floating-card-two {
        right: 1%;
    }

}


@media (max-width: 991px) {

    .final-cta-card {
        padding: 42px;
        border-radius: 30px;
    }

    .final-cta-content h2 {
        font-size: 54px;
    }

    .final-cta-content > p {
        max-width: 720px;
    }

    .final-cta-trust {
        gap: 14px 20px;
    }

    .final-cta-visual {
        min-height: 500px;
    }

    .cta-route-orbit-one {
        width: 430px;
        height: 430px;
    }

    .cta-route-orbit-two {
        width: 320px;
        height: 320px;
    }

}


@media (max-width: 767px) {

    .final-cta-section {
        padding: 82px 0;
    }

    .final-cta-card {
        gap: 32px;
        padding: 25px;
        border-radius: 24px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            radial-gradient(
                circle at 90% 10%,
                rgba(21, 217, 255, 0.1),
                transparent 34%
            ),
            radial-gradient(
                circle at 12% 100%,
                rgba(115, 87, 255, 0.13),
                transparent 40%
            ),
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .final-cta-content h2 {
        margin-top: 15px;
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: -2px;
    }

    .final-cta-content h2 span {
        display: inline;
    }

    .final-cta-content > p {
        margin-top: 19px;
        font-size: 14px;
        line-height: 1.75;
    }

    .final-cta-actions {
        align-items: stretch;
        flex-direction: column;
        margin-top: 27px;
    }

    .final-cta-primary,
    .final-cta-secondary {
        width: 100%;
        min-height: 56px;
    }

    .final-cta-trust {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-top: 25px;
    }

    .final-cta-trust > div {
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.035);
        font-size: 12px;
    }

    .final-cta-visual {
        min-height: auto;
        padding: 28px 0 12px;
    }

    .cta-route-orbit {
        display: none;
    }

    .cta-package-card {
        width: 100%;
        padding: 18px;
        border-radius: 22px;
        animation: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .cta-package-card-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .cta-package-card-header strong {
        font-size: 17px;
    }

    .cta-package-status {
        font-size: 10px !important;
    }

    .cta-package-route {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 19px;
        padding: 16px;
    }

    .cta-route-location.destination {
        text-align: left;
    }

    .cta-route-line {
        width: 100%;
    }

    .cta-route-line i {
        transform: rotate(90deg);
    }

    .cta-package-details {
        grid-template-columns: 1fr;
    }

    .cta-package-details > div {
        padding: 13px;
    }

    .cta-package-details small {
        font-size: 10px;
    }

    .cta-package-details strong {
        font-size: 12px;
    }

    .cta-package-progress {
        padding: 15px;
    }

    .cta-progress-heading span,
    .cta-progress-heading strong {
        font-size: 11px;
    }

    .cta-floating-card {
        display: none;
    }

}


@media (max-width: 480px) {

    .final-cta-card {
        padding: 21px;
    }

    .final-cta-content h2 {
        font-size: 35px;
        letter-spacing: -1.6px;
    }

    .final-cta-content > p {
        font-size: 13px;
    }

    .final-cta-primary,
    .final-cta-secondary {
        min-height: 54px;
        font-size: 12px;
    }

    .final-cta-primary {
        padding-left: 18px;
    }

    .final-cta-trust > div {
        font-size: 11px;
    }

    .cta-package-card {
        padding: 16px;
    }

    .cta-package-route {
        padding: 14px;
    }

    .cta-route-location strong {
        font-size: 12px;
    }

    .cta-package-details > div {
        align-items: flex-start;
    }

}

/* =========================================================
   MAIN FOOTER RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .main-footer {
        padding-top: 95px;
    }

    .footer-top {
        grid-template-columns: 1.2fr repeat(2, 0.8fr);
        gap: 36px;
    }

    .footer-newsletter {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-newsletter-content {
        max-width: 720px;
    }

}


@media (max-width: 991px) {

    .footer-top {
        grid-template-columns: repeat(2, 1fr);
        gap: 42px 30px;
    }

    .footer-brand-column {
        max-width: 100%;
    }

    .footer-newsletter {
        margin-top: 58px;
        padding: 26px;
    }

    .footer-contact-strip {
        grid-template-columns: 1fr;
    }

    .footer-contact-item {
        min-height: 82px;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

}


@media (max-width: 767px) {

    .main-footer {
        padding-top: 78px;
    }

    .footer-top {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .footer-logo-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    .footer-logo-text {
        font-size: 21px;
    }

    .footer-description {
        margin-top: 19px;
        font-size: 13px;
        line-height: 1.75;
    }

    .footer-status {
        margin-top: 22px;
        padding: 14px;
    }

    .footer-status strong {
        font-size: 12px;
    }

    .footer-status > div span {
        font-size: 10px;
    }

    .footer-socials {
        margin-top: 21px;
    }

    .footer-socials a {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .footer-column-label {
        font-size: 10px;
    }

    .footer-links-column h3 {
        font-size: 18px;
    }

    .footer-links-column ul {
        gap: 11px;
        margin-top: 19px;
    }

    .footer-links-column a {
        font-size: 13px;
    }

    .footer-newsletter {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 48px;
        padding: 21px;
        border-radius: 21px;
    }

    .footer-newsletter-content {
        align-items: flex-start;
    }

    .footer-newsletter-icon {
        width: 49px;
        height: 49px;
        border-radius: 14px;
    }

    .footer-newsletter-content h3 {
        font-size: 17px;
    }

    .footer-newsletter-form {
        grid-template-columns: 1fr;
    }

    .footer-newsletter-input,
    .footer-newsletter-form button {
        min-height: 55px;
    }

    .footer-newsletter-input input {
        font-size: 13px;
    }

    .footer-newsletter-form button {
        width: 100%;
        font-size: 12px;
    }

    .footer-contact-strip {
        gap: 12px;
        margin-top: 20px;
    }

    .footer-contact-item {
        min-height: 78px;
        padding: 15px;
        border-radius: 16px;
    }

    .footer-contact-item > span {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .footer-contact-item small {
        font-size: 9px;
    }

    .footer-contact-item strong {
        font-size: 12px;
    }

    .footer-bottom {
        margin-top: 28px;
        padding: 22px 0 28px;
    }

    .footer-bottom p,
    .footer-legal-links a {
        font-size: 10px;
    }

    .footer-legal-links {
        gap: 10px 18px;
    }

}


@media (max-width: 480px) {

    .main-footer {
        padding-top: 68px;
    }

    .footer-logo {
        align-items: center;
    }

    .footer-logo-text {
        font-size: 19px;
    }

    .footer-description {
        font-size: 12px;
    }

    .footer-status {
        align-items: flex-start;
    }

    .footer-links-column h3 {
        font-size: 17px;
    }

    .footer-newsletter {
        padding: 18px;
    }

    .footer-newsletter-content {
        flex-direction: column;
    }

    .footer-newsletter-content h3 {
        font-size: 16px;
    }

    .footer-newsletter-input {
        padding: 0 14px;
    }

    .footer-contact-item {
        align-items: flex-start;
    }

    .footer-bottom {
        align-items: flex-start;
    }

    .footer-legal-links {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .footer-legal-links a::after {
        display: none;
    }

}

/* =========================================================
   LOGIN PAGE RESPONSIVE
========================================================= */


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1199px) {

    .auth-layout {
        grid-template-columns:
            minmax(470px, 0.92fr)
            minmax(540px, 1.08fr);
    }

    .auth-form-panel-inner {
        padding-inline: 42px;
    }

    .auth-form-container {
        padding-block: 56px 46px;
    }

    .auth-heading h1 {
        font-size: 48px;
    }

    .auth-visual-content {
        width: min(calc(100% - 56px), 700px);
    }

    .auth-visual-heading h2 {
        font-size: 50px;
    }

    .auth-logistics-card {
        width: min(100%, 610px);
    }

    .auth-security-card {
        left: -1%;
    }

    .auth-update-card {
        right: -1%;
    }

}


/* =========================================================
   TABLET AND SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .auth-layout {
        grid-template-columns: 1fr;
    }

    .auth-form-panel {
        min-height: 100vh;
    }

    .auth-form-panel::after {
        display: none;
    }

    .auth-form-panel-inner {
        width: min(100%, 760px);
        padding:
            28px
            34px
            26px;
    }

    .auth-form-container {
        width: min(100%, 560px);
        padding:
            64px
            0
            50px;
    }

    .auth-heading {
        text-align: center;
    }

    .auth-heading-badge {
        margin-inline: auto;
    }

    .auth-heading h1 {
        font-size: 52px;
    }

    .auth-heading > p {
        margin-inline: auto;
    }

    .auth-social-buttons {
        grid-template-columns: 1fr 1fr;
    }

    .auth-trust-note {
        justify-content: center;
    }

    .auth-visual-panel {
        min-height: 760px;
    }

    .auth-visual-content {
        width: min(calc(100% - 48px), 720px);
        min-height: 760px;
        padding:
            72px
            0;
    }

    .auth-network-status {
        margin-inline: auto;
    }

    .auth-visual-heading {
        margin-inline: auto;
        text-align: center;
    }

    .auth-visual-heading h2 {
        font-size: 52px;
    }

    .auth-visual-heading p {
        margin-inline: auto;
    }

    .auth-logistics-card {
        width: min(100%, 640px);
        margin-inline: auto;
    }

    .auth-visual-metrics {
        width: min(100%, 640px);
        margin-inline: auto;
        margin-top: 22px;
    }

    .auth-security-card {
        top: 48%;
        left: 2%;
    }

    .auth-update-card {
        right: 2%;
        bottom: 15%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .auth-page {
        background: #f7f9fd;
    }

    .auth-form-panel-inner {
        min-height: 100vh;
        padding:
            20px
            18px
            22px;
    }

    .auth-topbar {
        gap: 14px;
    }

    .auth-brand-icon {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .auth-brand-name {
        font-size: 19px;
    }

    .auth-back-link {
        min-height: 40px;
        padding-inline: 11px;
        font-size: 11px;
    }

    .auth-back-link span {
        display: none;
    }

    .auth-form-container {
        width: 100%;
        padding:
            48px
            0
            38px;
    }

    .auth-heading {
        text-align: left;
    }

    .auth-heading-badge {
        margin-inline: 0;
        font-size: 10px;
    }

    .auth-heading h1 {
        margin-top: 17px;
        font-size: 41px;
        line-height: 1.1;
        letter-spacing: -2px;
    }

    .auth-heading h1 span {
        display: inline;
    }

    .auth-heading > p {
        margin-inline: 0;
        margin-top: 16px;
        font-size: 13px;
        line-height: 1.75;
    }

    .auth-form {
        gap: 18px;
        margin-top: 29px;
    }

    .auth-form-group > label,
    .auth-label-row label {
        font-size: 11px;
    }

    .auth-forgot-link {
        font-size: 10px;
    }

    .auth-input-group {
        min-height: 56px;
        padding-inline: 14px;
        border-radius: 14px;
    }

    .auth-input-group input {
        font-size: 13px;
    }

    .auth-field-error {
        font-size: 10px;
    }

    .auth-options-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .auth-checkbox {
        font-size: 11px;
    }

    .auth-security-text {
        font-size: 10px;
    }

    .auth-submit-button {
        min-height: 58px;
        padding-left: 20px;
        font-size: 12px;
    }

    .auth-submit-icon {
        width: 41px;
        height: 41px;
    }

    .auth-divider small {
        font-size: 9px;
    }

    .auth-social-buttons {
        grid-template-columns: 1fr;
    }

    .auth-social-button {
        min-height: 53px;
        font-size: 11px;
    }

    .auth-register-prompt {
        align-items: flex-start;
        flex-direction: column;
        font-size: 11px;
    }

    .auth-trust-note {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-top: 23px;
    }

    .auth-copyright {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
        padding-top: 20px;
    }

    .auth-copyright p,
    .auth-copyright a {
        font-size: 9px;
    }


    /* =========================
       VISUAL PANEL
    ========================= */

    .auth-visual-panel {
        min-height: auto;
    }

    .auth-visual-content {
        width: min(calc(100% - 28px), 620px);
        min-height: auto;
        padding:
            68px
            0;
    }

    .auth-network-status {
        margin-inline: 0;
        font-size: 9px;
    }

    .auth-visual-heading {
        margin-inline: 0;
        text-align: left;
    }

    .auth-visual-heading > span {
        font-size: 9px;
    }

    .auth-visual-heading h2 {
        font-size: 39px;
        line-height: 1.1;
        letter-spacing: -1.9px;
    }

    .auth-visual-heading h2 strong {
        display: inline;
    }

    .auth-visual-heading p {
        margin-inline: 0;
        font-size: 13px;
        line-height: 1.75;
    }

    .auth-logistics-card {
        width: 100%;
        margin-top: 28px;
        padding: 18px;
        border-radius: 22px;
        animation: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background:
            radial-gradient(
                circle at 90% 0%,
                rgba(21, 217, 255, 0.09),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                rgba(23, 33, 58, 0.98),
                rgba(11, 18, 36, 0.98)
            );
    }

    .auth-logistics-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .auth-logistics-header h3 {
        font-size: 18px;
    }

    .auth-shipment-status {
        font-size: 10px !important;
    }

    .auth-route-map {
        min-height: 210px;
        border-radius: 17px;
    }

    .auth-location strong {
        font-size: 11px;
    }

    .auth-location small {
        font-size: 8px;
    }

    .auth-location-one {
        left: 5%;
        bottom: 13%;
    }

    .auth-location-two {
        right: 5%;
        top: 27%;
    }

    .auth-moving-package {
        width: 31px;
        height: 31px;
        animation: none;
        left: 48%;
        top: 38%;
    }

    .auth-route-details {
        grid-template-columns: 1fr;
    }

    .auth-route-details > div {
        min-height: 65px;
        padding: 13px;
    }

    .auth-route-details small {
        font-size: 9px;
    }

    .auth-route-details strong {
        font-size: 11px;
    }

    .auth-shipment-progress {
        padding: 14px;
    }

    .auth-shipment-progress span,
    .auth-shipment-progress strong {
        font-size: 10px;
    }

    .auth-floating-card {
        display: none;
    }

    .auth-orbit {
        display: none;
    }

    .auth-visual-metrics {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        width: 100%;
        margin-top: 18px;
    }

    .auth-visual-metrics > div {
        min-height: 100px;
        padding: 14px;
        border-radius: 16px;
    }

    .auth-visual-metrics strong {
        font-size: 22px;
    }

    .auth-visual-metrics span {
        margin-top: 7px;
        font-size: 9px;
    }


    /* =========================
       TOAST
    ========================= */

    .auth-page .toast-message {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
        padding: 13px;
        border-radius: 14px;
    }

    .auth-page .toast-icon {
        width: 37px;
        height: 37px;
    }

    .auth-page .toast-message strong {
        font-size: 11px;
    }

    .auth-page .toast-message span {
        font-size: 9px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .auth-form-panel-inner {
        padding-inline: 14px;
    }

    .auth-brand-name {
        font-size: 17px;
    }

    .auth-brand-icon {
        width: 40px;
        height: 40px;
    }

    .auth-form-container {
        padding-top: 42px;
    }

    .auth-heading-badge {
        padding: 8px 10px;
        font-size: 9px;
    }

    .auth-heading h1 {
        font-size: 36px;
        letter-spacing: -1.7px;
    }

    .auth-heading > p {
        font-size: 12px;
    }

    .auth-label-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .auth-input-group {
        min-height: 54px;
    }

    .auth-password-toggle {
        width: 35px;
        height: 35px;
    }

    .auth-submit-button {
        min-height: 56px;
        padding-left: 17px;
    }

    .auth-submit-icon {
        width: 39px;
        height: 39px;
    }

    .auth-register-prompt a {
        font-size: 11px;
    }

    .auth-visual-content {
        width: calc(100% - 24px);
        padding-block: 58px;
    }

    .auth-network-status span:nth-child(2) {
        font-size: 9px;
    }

    .auth-visual-heading h2 {
        font-size: 34px;
    }

    .auth-visual-heading p {
        font-size: 12px;
    }

    .auth-logistics-card {
        padding: 15px;
    }

    .auth-route-map {
        min-height: 190px;
    }

    .auth-location > div {
        display: none;
    }

    .auth-location-one {
        left: 8%;
        bottom: 14%;
    }

    .auth-location-two {
        right: 8%;
        top: 28%;
    }

    .auth-route-details > div {
        align-items: flex-start;
    }

}

@media (max-width: 480px) {

    .auth-visual-metrics {
        grid-template-columns: 1fr;
    }

    .auth-visual-metrics > div {
        min-height: 90px;
    }

    .auth-visual-metrics strong {
        font-size: 25px;
    }

}
/* =========================================================
   REGISTER PAGE RESPONSIVE
========================================================= */
@media (max-width: 1199px) {
    .register-layout { grid-template-columns: minmax(560px, .96fr) minmax(500px, 1.04fr); }
    .register-panel-inner { padding-inline: 34px; }
    .register-form-container { width: min(100%, 640px); }
}

@media (max-width: 991px) {
    .register-layout { grid-template-columns: 1fr; }
    .register-panel-inner { width: min(100%, 820px); }
    .register-form-container { width: min(100%, 680px); }
    .register-visual-content { min-height: auto; padding-block: 72px; }
}

@media (max-width: 767px) {
    .register-panel-inner { padding-inline: 18px; }
    .register-form-container { padding-top: 44px; }
    .register-name-grid { grid-template-columns: 1fr; gap: 16px; }
    .register-benefits-card { grid-template-columns: 1fr; }
    .register-dashboard-preview { grid-template-columns: 1fr; }
    .register-dashboard-preview > div { min-height: 95px; }
}

@media (max-width: 480px) {
    .register-panel-inner { padding-inline: 14px; }
    .register-form-container { padding-top: 38px; }
    .register-agreement { font-size: 10px; }
}

/* === NEXORA CUSTOMER DASHBOARD RESPONSIVE START === */

@media (max-width: 1199px) {
    .customer-dashboard-shell { grid-template-columns: 250px minmax(0,1fr); }
    .customer-sidebar { width: 250px; }
    .customer-dashboard-content,
    .customer-dashboard-footer { width: min(calc(100% - 36px), 1400px); }
    .customer-dashboard-stats { grid-template-columns: repeat(2,1fr); }
    .customer-welcome-banner { grid-template-columns: 1fr .7fr; }
}

@media (max-width: 991px) {
    .customer-dashboard-shell { grid-template-columns: 1fr; }
    .customer-sidebar {
        width: min(310px, 88vw);
        transform: translateX(-105%);
        transition: transform .4s ease;
    }
    .customer-sidebar.active { transform: translateX(0); }
    .customer-sidebar-close,
    .customer-sidebar-toggle { display: grid; }
    .customer-sidebar-overlay {
        position: fixed;
        inset: 0;
        z-index: 1100;
        display: block;
        visibility: hidden;
        opacity: 0;
        background: rgba(2,6,15,.68);
        backdrop-filter: blur(6px);
        transition: .35s ease;
    }
    .customer-sidebar-overlay.active { visibility: visible; opacity: 1; }
    .customer-dashboard-main { grid-column: 1; }
    .customer-dashboard-grid { grid-template-columns: 1fr; }
    .customer-recent-shipments,
    .customer-activity-panel { grid-column: auto; }
    .customer-welcome-banner { grid-template-columns: 1fr; }
    .customer-welcome-visual { min-height: 190px; }
}

@media (max-width: 767px) {
    .customer-dashboard-topbar { min-height: 72px; padding: 12px 14px; }
    .customer-topbar-left h1 { font-size: 15px; }
    .customer-topbar-left > div > span { font-size: 8px; }
    .customer-topbar-icon { display: none; }
    .customer-user-menu > span:nth-child(2),
    .customer-user-menu > i { display: none; }
    .customer-user-menu { grid-template-columns: auto; padding: 5px; }
    .customer-dashboard-content,
    .customer-dashboard-footer { width: calc(100% - 24px); }
    .customer-dashboard-content { padding-top: 18px; }
    .customer-welcome-banner { min-height: auto; padding: 22px; border-radius: 22px; }
    .customer-welcome-content h2 { font-size: 35px; letter-spacing: -1.5px; }
    .customer-welcome-content p { font-size: 12px; }
    .customer-welcome-actions { flex-direction: column; }
    .customer-primary-action,
    .customer-secondary-action { width: 100%; }
    .customer-welcome-orbit { display: none; }
    .customer-welcome-visual { min-height: 145px; }
    .customer-dashboard-stats { grid-template-columns: 1fr; gap: 12px; }
    .customer-stat-card { min-height: 150px; }
    .customer-panel { padding: 17px; border-radius: 18px; }
    .customer-shipment-route { grid-template-columns: 1fr; }
    .customer-route-progress { width: 100%; }
    .customer-route-progress > div { transform: rotate(90deg); }
    .customer-shipment-meta { grid-template-columns: 1fr; }
    .customer-dashboard-footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .customer-dashboard-brand-name { font-size: 17px; }
    .customer-welcome-content h2 { font-size: 31px; }
    .customer-welcome-package { width: 100%; }
    .customer-shipment-card-top { align-items: flex-start; flex-direction: column; }
    .customer-panel-header { align-items: flex-start; flex-direction: column; }
}

/* === NEXORA CUSTOMER DASHBOARD RESPONSIVE END === */

/* === CUSTOMER DASHBOARD V2 RESPONSIVE START === */

@media (max-width: 991px) {
    .customer-nav-link {
        min-height: 56px;
        font-size: 14px;
    }

    .customer-profile-card strong {
        font-size: 14px;
    }

    .customer-profile-card span:not(.customer-avatar) {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .customer-topbar-left h1 {
        font-size: 17px;
    }

    .customer-topbar-left > div > span {
        font-size: 9px;
    }

    .customer-welcome-tag {
        font-size: 9px;
    }

    .customer-welcome-content p {
        font-size: 14px;
    }

    .customer-stat-card > p {
        font-size: 13px;
    }

    .customer-stat-card > small {
        font-size: 11px;
    }

    .customer-panel-header h3 {
        font-size: 19px;
    }

    .customer-panel-header > div > span {
        font-size: 9px;
    }

    .customer-shipment-card-top strong {
        font-size: 15px;
    }

    .customer-route-point strong {
        font-size: 12px;
    }

    .customer-quick-actions strong {
        font-size: 13px;
    }

    .customer-quick-actions small {
        font-size: 10px;
    }

    .customer-activity-item strong {
        font-size: 12px;
    }

    .customer-activity-item p {
        font-size: 10px;
    }

    .customer-dashboard-footer p,
    .customer-dashboard-footer a {
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .customer-nav-link {
        font-size: 13px;
    }

    .customer-welcome-content h2 {
        font-size: 31px;
    }

    .customer-welcome-content p {
        font-size: 13px;
    }

    .customer-stat-card > strong {
        font-size: 32px;
    }
}

/* === CUSTOMER DASHBOARD V2 RESPONSIVE END === */

/* === NEXORA MY SHIPMENTS RESPONSIVE START === */

@media (max-width: 1199px) {
    .shipments-summary-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .shipment-record-main {
        grid-template-columns: auto minmax(130px,.8fr) minmax(220px,1.3fr) minmax(110px,.7fr) auto;
    }

    .shipment-record-date {
        display: none;
    }
}

@media (max-width: 991px) {
    .shipments-page-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .shipments-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .shipments-toolbar-actions {
        width: 100%;
    }

    .shipments-toolbar-actions select,
    .shipments-filter-button {
        flex: 1;
    }

    .shipment-record-main {
        grid-template-columns: auto 1fr auto;
    }

    .shipment-record-route {
        grid-column: 1 / -1;
    }

    .shipment-record-status {
        grid-column: 2;
    }

    .shipment-record-menu {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 767px) {
    .shipments-page-heading h2 {
        font-size: 36px;
    }

    .shipments-page-heading p {
        font-size: 13px;
    }

    .shipments-new-button {
        width: 100%;
    }

    .shipments-summary-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .shipment-summary-card {
        min-height: 112px;
    }

    .shipments-toolbar-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .shipments-results-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .shipment-record-main {
        grid-template-columns: auto 1fr auto;
    }

    .shipment-record-route {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .shipment-record-route-line {
        width: 100%;
    }

    .shipment-record-route-line span {
        width: 100%;
    }

    .shipment-record-route-line i {
        transform: rotate(90deg);
    }

    .shipment-record-status {
        grid-column: 2;
    }

    .shipments-list.grid-view {
        grid-template-columns: 1fr;
    }

    .shipments-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .shipments-pagination > button {
        width: 100%;
    }

    .shipments-pagination > div {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .shipment-record {
        padding: 14px;
    }

    .shipment-record-main {
        gap: 10px;
    }

    .shipment-record-icon {
        width: 40px;
        height: 40px;
    }

    .shipments-page-heading h2 {
        font-size: 32px;
    }
}

/* === NEXORA MY SHIPMENTS RESPONSIVE END === */

/* === CUSTOMER PORTAL STICKY NAV RESPONSIVE START === */

@media (max-width: 991px) {
    .customer-dashboard-topbar {
        position: sticky;
        top: 0;
        z-index: 1050;
    }

    .customer-sidebar-sticky-top {
        position: sticky;
        top: 0;
    }
}

/* === CUSTOMER PORTAL STICKY NAV RESPONSIVE END === */

/* === NEXORA TRACK SHIPMENT RESPONSIVE START === */

@media (max-width: 1199px) {
    .tracking-route-summary-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 991px) {
    .tracking-dashboard-layout {
        grid-template-columns: 1fr;
    }

    .tracking-history-panel,
    .tracking-support-panel {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .tracking-dashboard-heading h2 {
        font-size: 36px;
    }

    .tracking-dashboard-heading p {
        font-size: 13px;
    }

    .dashboard-tracking-form {
        grid-template-columns: 1fr;
    }

    .dashboard-tracking-form button {
        width: 100%;
    }

    .tracking-search-help {
        align-items: flex-start;
        flex-direction: column;
    }

    .tracking-current-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .tracking-map-card {
        min-height: 290px;
    }

    .tracking-map-vehicle {
        animation: none;
    }

    .tracking-route-summary-grid {
        grid-template-columns: 1fr;
    }

    .tracking-history-item > div > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .tracking-support-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .tracking-dashboard-heading h2 {
        font-size: 32px;
    }

    .tracking-map-point > div {
        display: none;
    }

    .tracking-map-status-card {
        bottom: 14px;
    }
}

/* === NEXORA TRACK SHIPMENT RESPONSIVE END === */

/* === MOBILE FIXED TOPBAR START === */

@media (max-width: 991px) {
    .customer-dashboard-main {
        padding-top: 82px;
    }

    .customer-dashboard-topbar {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1080;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .customer-dashboard-main {
        padding-top: 72px;
    }
}

/* === MOBILE FIXED TOPBAR END === */

/* === NEXORA BOOK SHIPMENT RESPONSIVE START === */

@media (max-width: 1199px) {
    .booking-layout {
        grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
    }

    .booking-progress {
        grid-template-columns: repeat(4,1fr);
    }

    .booking-progress-line {
        display: none;
    }
}

@media (max-width: 991px) {
    .booking-layout {
        grid-template-columns: 1fr;
    }

    .booking-summary-panel {
        position: relative;
        top: auto;
    }
}

@media (max-width: 767px) {
    .booking-page-heading h2 {
        font-size: 36px;
    }

    .booking-page-heading p {
        font-size: 13px;
    }

    .booking-progress {
        grid-template-columns: repeat(2,1fr);
    }

    .booking-form-grid,
    .booking-service-options,
    .booking-review-grid {
        grid-template-columns: 1fr;
    }

    .booking-field.full-width {
        grid-column: auto;
    }

    .booking-form-panel {
        min-height: auto;
    }

    .booking-service-card {
        min-height: 145px;
    }

    .booking-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .booking-back-button,
    .booking-next-button,
    .booking-submit-button {
        width: 100%;
        margin-left: 0;
    }

    .booking-summary-route {
        grid-template-columns: 1fr;
    }

    .booking-summary-route > div:last-child {
        text-align: left;
    }

    .booking-summary-route > span {
        transform: rotate(90deg);
    }
}

@media (max-width: 480px) {
    .booking-page-heading h2 {
        font-size: 32px;
    }

    .booking-progress {
        grid-template-columns: 1fr;
    }

    .booking-step {
        width: 100%;
    }

    .booking-protection-option {
        grid-template-columns: auto auto 1fr;
    }

    .booking-protection-option > strong:last-child {
        grid-column: 3;
    }
}

/* === NEXORA BOOK SHIPMENT RESPONSIVE END === */

/* === NEXORA SAVED ADDRESSES RESPONSIVE START === */

@media (max-width: 1199px) {
    .addresses-summary-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 991px) {
    .addresses-page-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .addresses-page-heading h2 { font-size: 36px; }
    .addresses-page-heading p { font-size: 13px; }
    .addresses-page-heading > button { width: 100%; }
    .addresses-summary-grid,
    .addresses-grid,
    .address-form-grid { grid-template-columns: 1fr; }
    .addresses-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    .addresses-toolbar select { width: 100%; }
    .address-form-field.full-width { grid-column: auto; }
}

@media (max-width: 480px) {
    .addresses-page-heading h2 { font-size: 32px; }
    .saved-address-actions { grid-template-columns: 1fr; }
    .address-modal-card { padding: 18px; border-radius: 20px; }
    .address-modal-actions { align-items: stretch; flex-direction: column-reverse; }
    .address-modal-actions button { width: 100%; }
}

/* === NEXORA SAVED ADDRESSES RESPONSIVE END === */

/* === NEXORA INVOICES RESPONSIVE START === */

@media (max-width: 1199px) {
    .invoices-summary-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 991px) {
    .invoices-page-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .invoices-bottom-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .invoices-page-heading h2 { font-size: 36px; }
    .invoices-page-heading p { font-size: 13px; }
    .invoices-page-heading > button { width: 100%; }
    .invoices-summary-grid { grid-template-columns: 1fr; }

    .invoices-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .invoices-toolbar-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .invoices-toolbar-actions select {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .invoices-page-heading h2 { font-size: 32px; }
}

/* === NEXORA INVOICES RESPONSIVE END === */

/* === NEXORA NOTIFICATIONS RESPONSIVE START === */

@media (max-width: 1199px) {
    .notifications-summary-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 991px) {
    .notifications-page-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .notifications-layout { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .notifications-page-heading h2 { font-size: 36px; }
    .notifications-page-heading p { font-size: 13px; }
    .notifications-page-heading > button { width: 100%; }

    .notifications-summary-grid { grid-template-columns: 1fr; }

    .notifications-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .notifications-toolbar select { width: 100%; }

    .notification-item {
        grid-template-columns: auto 1fr auto;
    }

    .notification-select { display: none; }

    .notification-item-icon {
        width: 39px;
        height: 39px;
    }
}

@media (max-width: 480px) {
    .notifications-page-heading h2 { font-size: 32px; }

    .notification-item {
        grid-template-columns: auto 1fr;
    }

    .notification-menu-button {
        grid-column: 2;
        justify-self: end;
    }

    .notification-meta {
        flex-direction: column;
        gap: 7px;
    }
}

/* === NEXORA NOTIFICATIONS RESPONSIVE END === */

/* === NEXORA SUPPORT RESPONSIVE START === */

@media (max-width: 1199px) {
    .support-channel-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 991px) {
    .support-hero,
    .support-layout { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .support-hero { padding: 22px; }
    .support-hero h2 { font-size: 36px; }
    .support-hero p { font-size: 13px; }
    .support-channel-grid,
    .support-ticket-form-grid { grid-template-columns: 1fr; }
    .support-ticket-field.full-width { grid-column: auto; }
}

@media (max-width: 480px) {
    .support-hero h2 { font-size: 32px; }
    .support-channel-grid { grid-template-columns: 1fr; }
    .support-ticket-modal-card { padding: 18px; border-radius: 20px; }
    .support-ticket-actions { align-items: stretch; flex-direction: column-reverse; }
    .support-ticket-actions button { width: 100%; }
}

/* === NEXORA SUPPORT RESPONSIVE END === */

/* === NEXORA PROFILE SETTINGS RESPONSIVE START === */

@media (max-width: 1199px) {
    .profile-settings-layout {
        grid-template-columns: minmax(250px,.6fr) minmax(0,1.4fr);
    }
}

@media (max-width: 991px) {
    .profile-settings-layout {
        grid-template-columns: 1fr;
    }

    .profile-settings-tabs-panel {
        position: relative;
        top: auto;
    }

    .profile-settings-tabs {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 767px) {
    .profile-settings-heading h2 { font-size: 36px; }
    .profile-settings-heading p { font-size: 13px; }

    .profile-form-grid,
    .security-settings-grid,
    .profile-preference-switches {
        grid-template-columns: 1fr;
    }

    .profile-form-field.full-width { grid-column: auto; }

    .profile-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-form-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .profile-form-actions button {
        width: 100%;
    }

    .privacy-settings-list article {
        grid-template-columns: auto 1fr;
    }

    .privacy-settings-list button {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 480px) {
    .profile-settings-heading h2 { font-size: 32px; }

    .profile-settings-tabs {
        grid-template-columns: 1fr;
    }

    .profile-summary-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .profile-photo-wrap {
        width: fit-content;
        margin-inline: auto;
    }

    .profile-photo-modal-card {
        padding: 18px;
        border-radius: 20px;
    }

    .profile-photo-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .profile-photo-actions button {
        width: 100%;
    }
}

/* === NEXORA PROFILE SETTINGS RESPONSIVE END === */


/* === LIVE MY SHIPMENTS RESPONSIVE START === */

@media (max-width: 991px) {
    .shipment-details-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .shipment-details-grid {
        grid-template-columns: 1fr;
    }

    .shipment-timeline-panel,
    .shipment-billing-panel {
        grid-column: auto;
    }

    .shipment-details-route {
        grid-template-columns: 1fr;
    }

    .shipment-details-route-line {
        min-height: 34px;
        justify-content: flex-start;
        transform: rotate(90deg);
        transform-origin: left center;
    }
}

@media (max-width: 767px) {
    .shipments-list.grid-view {
        grid-template-columns: 1fr;
    }

    .shipment-record-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .shipment-record-footer strong {
        margin-left: 0;
    }

    .shipment-details-heading-actions {
        width: 100%;
        flex-direction: column;
    }

    .shipment-details-heading-actions a,
    .shipment-details-heading-actions button {
        width: 100%;
    }

    .shipment-details-status-row,
    .shipment-info-grid {
        grid-template-columns: 1fr;
    }

    .shipment-details-heading h2 {
        font-size: 34px;
    }
}

/* === LIVE MY SHIPMENTS RESPONSIVE END === */


/* === PUBLIC TRACKING & SHIPMENT DETAILS MOBILE UPGRADE START === */

@media (max-width: 991px) {
    .live-tracking-grid,
    .public-tracking-layout {
        grid-template-columns: 1fr;
    }

    .live-tracking-route,
    .public-tracking-route {
        grid-template-columns: 1fr;
    }

    .live-tracking-route-line,
    .public-tracking-route > div {
        min-height: 30px;
        justify-content: flex-start;
        transform: rotate(90deg);
        transform-origin: left center;
    }

    .public-tracking-header {
        padding-inline: 22px;
    }
}

@media (max-width: 767px) {
    .customer-dashboard-topbar {
        min-height: 68px !important;
        padding: 10px 14px !important;
    }

    .customer-topbar-left h1 {
        font-size: 15px !important;
    }

    .customer-topbar-left > div > span {
        font-size: 8px !important;
    }

    .customer-sidebar-toggle,
    .customer-avatar.small {
        width: 38px !important;
        height: 38px !important;
    }

    .customer-dashboard-content {
        padding-inline: 12px !important;
    }

    .shipment-details-content,
    .live-tracking-content {
        padding-top: 20px !important;
    }

    .shipment-details-heading h2,
    .live-tracking-heading h2 {
        font-size: 33px !important;
        letter-spacing: -1.5px;
    }

    .shipment-details-heading p,
    .live-tracking-heading p {
        font-size: 13px !important;
    }

    .shipment-details-hero,
    .shipment-details-grid > .customer-panel,
    .live-tracking-overview,
    .live-tracking-grid > .customer-panel {
        padding: 17px !important;
        border-radius: 18px !important;
    }

    .shipment-details-status-row {
        gap: 14px !important;
    }

    .shipment-details-status-row small,
    .shipment-details-route small {
        font-size: 10px !important;
    }

    .shipment-details-status-row strong,
    .shipment-details-route strong {
        font-size: 13px !important;
    }

    .shipment-details-progress-track,
    .live-tracking-progress {
        height: 11px !important;
    }

    .shipment-details-route > div > span:first-child,
    .live-tracking-route article > span {
        width: 44px !important;
        height: 44px !important;
        font-size: 15px;
    }

    .shipment-details-route p {
        font-size: 10px !important;
    }

    .shipment-info-grid article,
    .shipment-contact-list article {
        padding: 14px !important;
    }

    .shipment-info-grid small,
    .shipment-contact-list small {
        font-size: 9px !important;
    }

    .shipment-info-grid strong,
    .shipment-contact-list strong {
        font-size: 12px !important;
    }

    .shipment-details-timeline article {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
        border: 1px solid rgba(255,255,255,.06);
        border-radius: 15px;
        background: rgba(255,255,255,.025);
    }

    .shipment-details-timeline article > strong {
        grid-column: 2;
        justify-self: start;
        padding: 5px 8px;
        border-radius: 8px;
        background: rgba(21,217,255,.07);
        font-size: 10px !important;
    }

    .shipment-details-timeline article > div {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .shipment-details-timeline article > div > strong {
        font-size: 12px !important;
    }

    .shipment-details-timeline article p {
        font-size: 10px !important;
    }

    .shipment-details-timeline small {
        font-size: 9px !important;
    }

    .live-tracking-search-form,
    .public-tracking-form {
        grid-template-columns: 1fr;
    }

    .live-tracking-search-form button,
    .public-tracking-form button {
        width: 100%;
    }

    .live-tracking-meta {
        grid-template-columns: 1fr;
    }

    .live-tracking-timeline article {
        padding: 14px;
    }

    .live-tracking-timeline strong {
        font-size: 12px;
    }

    .live-tracking-timeline p,
    .live-tracking-event-meta span {
        font-size: 10px;
    }

    .public-tracking-header {
        min-height: 68px;
        padding-inline: 16px;
    }

    .public-tracking-header nav a:not(:last-child) {
        display: none;
    }

    .public-tracking-main {
        width: min(100% - 24px,1240px);
        padding-top: 38px;
    }

    .public-tracking-hero h1 {
        font-size: 42px;
        letter-spacing: -2px;
    }

    .public-tracking-result {
        padding: 18px;
        border-radius: 20px;
    }

    .public-tracking-route article strong {
        font-size: 13px;
    }

    .public-tracking-layout > section,
    .public-tracking-layout > aside {
        padding: 16px;
    }

    .public-timeline article {
        padding: 14px;
    }

    .public-tracking-footer {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-block: 18px;
    }
}

@media (max-width: 480px) {
    .public-tracking-brand strong {
        font-size: 15px;
    }

    .public-tracking-hero h1 {
        font-size: 36px;
    }

    .public-tracking-result-header,
    .public-progress-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* === PUBLIC TRACKING & SHIPMENT DETAILS MOBILE UPGRADE END === */

/* === GLOBAL MOBILE ZOOM PREVENTION START === */
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,canvas,iframe{max-width:100%}
@media(max-width:767px){input,select,textarea{font-size:16px!important}.public-tracking-main,.customer-dashboard-main,.customer-dashboard-content{min-width:0;max-width:100%}}
/* === GLOBAL MOBILE ZOOM PREVENTION END === */


/* Restored homepage CTA information panel */
@media (max-width: 1199px) {
    .final-cta-visual {
        width: 100%;
        min-height: 0;
        margin-inline: 0;
    }
}

@media (max-width: 767px) {
    .final-cta-visual {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 14px;
        padding: 19px;
    }

    .final-cta-visual-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 17px;
    }

    .final-cta-visual-copy strong {
        font-size: 16px;
    }

    .final-cta-visual-copy p {
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.6;
    }
}

@media (max-width: 420px) {
    .final-cta-visual {
        grid-template-columns: 1fr;
    }
}

/* Login route summary responsive polish */
@media (max-width: 1199px) {
    .auth-shipment-route {
        grid-template-columns: minmax(105px, 1fr) minmax(120px, 1fr) minmax(105px, 1fr);
        gap: 14px;
        padding: 17px;
    }
}

@media (max-width: 767px) {
    .auth-shipment-route {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 16px;
    }

    .auth-shipment-route > div:last-child {
        align-items: flex-start;
        text-align: left;
    }

    .auth-route-line {
        width: 100%;
        grid-template-columns: 1fr 34px 1fr;
    }

    .auth-route-line i {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }
}

/* === PUBLIC TRACKING SHIPMENT INFORMATION RESPONSIVE POLISH START === */
@media (max-width: 1100px) {
    .public-shipment-information .public-package-list {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 767px) {
    .public-shipment-information {
        padding: 18px !important;
    }

    .public-shipment-information-head {
        align-items: flex-start;
        gap: 15px;
        padding-bottom: 18px;
    }

    .public-package-mark {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 17px;
    }

    .public-shipment-information .public-section-heading p {
        font-size: 10px;
    }

    .public-shipment-information .public-package-list {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
        margin-top: 18px;
    }

    .public-shipment-information .public-package-list div,
    .public-shipment-information .public-package-list div.full {
        min-height: 84px;
        padding: 13px;
    }

    .public-shipment-information .public-package-list div.full {
        grid-column: 1 / -1;
    }

    .public-shipment-information .public-package-list strong {
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    .public-shipment-information-head {
        flex-direction: column-reverse;
    }

    .public-shipment-information .public-package-list {
        grid-template-columns: 1fr;
    }

    .public-shipment-information .public-package-list div.full {
        grid-column: auto;
    }
}
/* === PUBLIC TRACKING SHIPMENT INFORMATION RESPONSIVE POLISH END === */

@media (max-width: 575px) {
    .public-tracking-print-bar {
        justify-content: stretch;
    }

    .public-tracking-print-button {
        width: 100%;
    }
}

@media(max-width:600px){.quick-track-dialog{max-height:calc(100vh - 30px);overflow:auto}.quick-track-form input{font-size:16px}}