/* Minimal project overrides; the original Porto Demo 22 header structure is preserved. */
:root {
    --techglobal-primary: #14599d;
    --techglobal-primary-hover: #008fca;
    --review-star-color: #f4b400;
    --review-star-empty-color: rgba(20, 89, 157, .22);
    --review-star-shadow: 0 1px 0 rgba(17, 79, 141, .16);
}

/* Product article content */
.tech-product-content {
    width: 100%;
    max-width: none;
    color: #3a3f45;
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    line-height: 1.78;
}

.tech-product-content > section {
    margin-top: 3.4rem;
    scroll-margin-top: 11rem;
}

.tech-product-content .tech-product-lead {
    margin-bottom: 2.8rem;
    padding: 1.8rem 2rem;
    border-left: .4rem solid #ffd000;
    border-radius: 0 .6rem .6rem 0;
    background: #f4f8fc;
    color: #26384a;
    font-size: 1.58rem;
}

.tech-product-tabs .tech-product-content h2 {
    margin: 0 0 1.4rem;
    padding-left: 1.2rem;
    border-left: .4rem solid #ffd000;
    color: #14599d;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.35;
}

.tech-product-content h3 {
    margin: 2.2rem 0 .9rem;
    color: #222529;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.45;
}

.tech-product-content p,
.tech-product-content ul,
.tech-product-content ol {
    margin-bottom: 1.4rem;
}

.tech-product-content ul,
.tech-product-content ol {
    padding-left: 2.2rem;
}

.tech-product-content li {
    margin-bottom: .65rem;
}

.tech-product-tabs .tech-product-content ul:not(.tech-feature-list) {
    padding-left: 2.2rem;
    list-style: disc outside;
}

.tech-product-tabs .tech-product-content ol {
    padding-left: 2.2rem;
    list-style: decimal outside;
}

.tech-product-tabs .tech-product-content ul:not(.tech-feature-list) > li,
.tech-product-tabs .tech-product-content ol > li {
    padding-left: .25rem;
    list-style: inherit;
}

.tech-product-tabs .tech-product-content ul:not(.tech-feature-list) > li::before,
.tech-product-tabs .tech-product-content ol > li::before {
    display: none;
    content: none;
}

.tech-product-content a {
    color: #14599d;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(20, 89, 157, .3);
    text-underline-offset: .2rem;
}

.tech-product-content a:hover,
.tech-product-content a:focus {
    color: #008fca;
    text-decoration-color: currentColor;
}

.tech-product-content-image {
    width: 100%;
    margin: 2.4rem auto 2.8rem;
    padding: .6rem;
    border: 1px solid #e1e7ed;
    border-radius: .6rem;
    background: #fff;
    text-align: center;
}

.tech-product-content-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: .35rem;
}

.tech-product-content-image figcaption {
    padding: 1rem 1rem .4rem;
    color: #6c757d;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1.5;
}

.tech-content-table-wrap {
    display: block;
    max-width: 100%;
    margin: 1.8rem 0 2.6rem;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #cad7e3;
    border-radius: .6rem;
    background: #fff;
    box-shadow: 0 .25rem .8rem rgba(20, 89, 157, .06);
    -webkit-overflow-scrolling: touch;
}

.tech-content-table {
    width: 100%;
    min-width: 62rem;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    background: #fff;
    color: #273442;
    font-size: 1.4rem;
    line-height: 1.55;
}

.tech-content-table > thead > tr > th,
.tech-content-table > tbody:first-child > tr:first-child > th {
    border-color: #3677b4;
    background: #1f62a3 !important;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
}

.tech-content-table tbody th {
    background: #f8fbfe;
    color: #14599d;
    font-weight: 600;
}

.tech-content-table th,
.tech-content-table td {
    padding: 1.1rem 1.2rem;
    border-right: 1px solid #d5dee7;
    border-bottom: 1px solid #d5dee7;
    vertical-align: middle;
    text-align: left;
}

.tech-content-table tr > :last-child {
    border-right: 0;
}

.tech-content-table tbody tr:last-child > * {
    border-bottom: 0;
}

.tech-content-table tbody tr:nth-child(even) > td {
    background: #fbfdff;
}

.tech-content-table tbody tr:hover > th,
.tech-content-table tbody tr:hover > td {
    background: #f1f7fc;
}

.tech-content-table th p,
.tech-content-table td p {
    margin: 0;
}

.tech-content-table caption {
    padding: .8rem 1.2rem;
    color: #647586;
    font-size: 1.25rem;
    text-align: left;
}

.tech-feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.4rem;
    padding: 0 !important;
    list-style: none;
}

.tech-feature-list li {
    position: relative;
    margin: 0;
    padding: 1.2rem 1.2rem 1.2rem 3.8rem;
    border: 1px solid #dbe6f0;
    border-radius: .6rem;
    background: #f8fbfe;
}

.tech-feature-list li::before {
    position: absolute;
    top: 1.2rem;
    left: 1.25rem;
    color: #14599d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
}

.tech-product-faq-item {
    margin-bottom: 1rem;
    padding: 0;
    border: 1px solid #dbe6f0;
    border-radius: .6rem;
    background: #fff;
    overflow: hidden;
}

.tech-product-faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 5.4rem;
    padding: 1.4rem 5rem 1.4rem 1.6rem;
    cursor: pointer;
    list-style: none;
}

.tech-product-faq-item summary::-webkit-details-marker {
    display: none;
}

.tech-product-faq-item summary::after {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    color: #14599d;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1;
    content: "+";
    transform: translateY(-50%);
}

.tech-product-faq-item[open] summary::after {
    content: "−";
}

.tech-product-faq-item h3,
.tech-product-faq-item summary h3 {
    margin: 0;
    color: #14599d;
    font-size: 1.65rem;
    font-weight: 600;
}

.tech-product-faq-item > p {
    margin: 0;
    padding: 0 1.6rem 1.5rem;
    border-top: 1px solid #edf2f6;
    padding-top: 1.2rem;
}

.tg-content-block {
    width: 100%;
    margin: 2.4rem 0;
}

.tech-product-faq {
    margin: 2rem 0 2.8rem;
}

.tech-content-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 2.4rem;
    border-radius: .4rem;
    background: #14599d;
    color: #fff;
}

.tech-content-cta__copy {
    display: grid;
    gap: .35rem;
}

.tech-content-cta__copy strong {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
}

.tech-content-cta__copy span {
    color: rgba(255, 255, 255, .86);
}

.tech-content-cta__button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 4.6rem;
    padding: 1rem 1.6rem;
    border-radius: .4rem;
    background: #ffd000;
    color: #123a64 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.tech-content-cta__button::before {
    color: currentColor;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
}

.tech-content-cta[data-tg-cta="phone"] .tech-content-cta__button::before {
    content: "\f095";
}

.tech-content-cta[data-tg-cta="check"] .tech-content-cta__button::before {
    content: "\f46c";
}

.tech-content-cta > p {
    margin: 0;
}

.tech-content-cta__button:hover,
.tech-content-cta__button:focus {
    background: #008fca;
    color: #fff !important;
    transform: translateY(-2px);
}

.tech-requirement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
}

.tech-requirement-card {
    padding: 2rem 1.5rem;
    border: 1px solid #dce7f1;
    background: #fbfdff;
    text-align: center;
}

.tech-requirement-card::before,
.tech-requirement-card > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: #eef6fd;
    color: #14599d;
    font-family: "Font Awesome 5 Free";
    font-size: 2rem;
    font-weight: 900;
    content: "\f7c0";
}

.tech-requirement-card[data-tg-icon="shield"]::before {
    content: "\f3ed";
}

.tech-requirement-card[data-tg-icon="camera"]::before {
    content: "\f03d";
}

.tech-requirement-card[data-tg-icon="location"]::before {
    content: "\f3c5";
}

.tech-requirement-card[data-tg-icon="car"]::before {
    content: "\f1b9";
}

.tech-requirement-card[data-tg-icon="settings"]::before {
    content: "\f013";
}

.tech-requirement-card[data-tg-icon="motorcycle"]::before {
    content: "\f21c";
}

.tech-requirement-card[data-tg-icon="truck"]::before {
    content: "\f0d1";
}

.tech-requirement-card[data-tg-icon="battery"]::before {
    content: "\f240";
}

.tech-requirement-card[data-tg-icon="mobile"]::before {
    content: "\f3cd";
}

.tech-requirement-card[data-tg-icon="wifi"]::before {
    content: "\f1eb";
}

.tech-requirement-card[data-tg-icon="route"]::before {
    content: "\f4d7";
}

.tech-requirement-card > i {
    display: none;
}

.tech-requirement-card h3 {
    margin: 0 0 .7rem;
    color: #26384a;
    font-size: 1.5rem;
    font-weight: 600;
}

.tech-requirement-card p {
    margin: 0;
}

.tech-content-note {
    padding: 1.6rem 1.8rem;
    border-left: .4rem solid #14599d;
    border-radius: 0 .5rem .5rem 0;
    background: #f1f7fd;
}

.tech-content-note--warning {
    border-left-color: #ffd000;
    background: #fffbea;
}

.tech-content-note--success {
    border-left-color: #1b9b58;
    background: #effaf4;
}

.tech-content-note h3 {
    margin: 0 0 .5rem;
    color: #14599d;
    font-size: 1.55rem;
    font-weight: 700;
}

.tech-content-note p:last-child {
    margin-bottom: 0;
}

.tech-content-checklist {
    display: grid;
    gap: .8rem;
    padding: 0 !important;
    list-style: none !important;
}

.tech-content-checklist li {
    position: relative;
    margin: 0;
    padding: .9rem 1rem .9rem 3.5rem;
    border: 1px solid #e1e9f0;
    border-radius: .4rem;
    background: #fff;
    list-style: none !important;
}

.tech-content-checklist li::before {
    position: absolute;
    top: .95rem;
    left: 1.15rem;
    color: #15924b;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
}

.tech-product-tabs .tech-product-content .tech-content-checklist > li::before {
    display: block !important;
    content: "\f058" !important;
}

/* Keep the reusable checklist isolated from the generic article-list rules. */
.tech-product-tabs .tech-product-content ul.tech-content-checklist {
    padding: 0 !important;
    list-style: none !important;
}

.tech-product-tabs .tech-product-content ul.tech-content-checklist > li {
    position: relative;
    margin: 0;
    padding: .95rem 1rem .95rem 3.35rem !important;
    list-style: none !important;
}

.tech-product-tabs .tech-product-content ul.tech-content-checklist > li::before {
    top: 50%;
    left: 1.15rem;
    width: 1.35rem;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%);
}

.tech-requirement-grid[data-tg-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tech-requirement-grid[data-tg-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tech-content-credits {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    margin-top: 3rem;
    padding: 1.5rem 1.7rem;
    border: 1px solid #dce7f1;
    border-radius: .5rem;
    background: #f8fbfe;
}

.tech-content-credits__icon {
    display: inline-flex;
    flex: 0 0 4.6rem;
    align-items: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background: #e9f4fd;
    color: #14599d;
    font-size: 1.8rem;
}

.tech-content-credits__body {
    display: grid;
    gap: .25rem;
}

.tech-content-credits__body > strong {
    color: #14599d;
    font-size: 1.5rem;
}

.tech-content-credits__body p {
    margin: 0;
    color: #536475;
}

.tech-content-credits__body p span {
    font-weight: 600;
}

/* Related products */
.tech-related-products .product-default {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e2e7ec !important;
    background: #fff;
    box-sizing: border-box;
}

.tech-related-products .product-default figure {
    margin: .5rem !important;
    overflow: hidden;
}

.tech-related-products .product-default figure img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.tech-related-products .product-details {
    min-height: 16rem;
    padding: 1.2rem 1.2rem 1.8rem !important;
    box-sizing: border-box;
}

.tech-related-products .product-title {
    min-height: 4.6rem;
    margin-bottom: .8rem;
    font-size: 1.45rem;
    line-height: 1.45;
}

.tech-related-products .ratings-container,
.tech-related-products .btn-icon-wish {
    display: none !important;
}

.tech-related-products .price-box {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .8rem;
    align-items: baseline;
}

.tech-related-products .old-price {
    color: #8b9298;
    font-size: 1.35rem;
    text-decoration: line-through;
}

.tech-related-products .product-price {
    color: #14599d;
    font-size: 1.8rem;
    font-weight: 700;
}

.tech-related-products .btn-quickview {
    background: #14599d;
}

.tech-related-products .btn-quickview:hover,
.tech-related-products .btn-quickview:focus {
    background: #008fca;
}

.tech-related-products-carousel .theme-product-card {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.tech-related-products-carousel .theme-product-card .product-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
}

.tech-related-products-carousel .theme-product-card .home-product-cart {
    margin: auto auto .4rem !important;
}

.tech-related-products-carousel .owl-stage {
    display: flex;
}

.tech-related-products-carousel .owl-item {
    display: flex;
    height: auto;
}

.tech-related-products-carousel .owl-item > .theme-product-card {
    width: 100%;
}

@media (max-width: 767px) {
    .tech-product-tabs .tab-content {
        padding-top: 1.8rem;
    }

    .tech-product-content {
        font-size: 1.42rem;
        line-height: 1.7;
    }

    .tech-product-content > section {
        margin-top: 2.7rem;
    }

    .tech-product-content .tech-product-lead {
        padding: 1.5rem;
        font-size: 1.45rem;
    }

    .tech-product-tabs .tech-product-content h2 {
        font-size: 1.9rem;
    }

    .tech-product-content h3 {
        font-size: 1.58rem;
    }

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

    .tech-requirement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tech-requirement-grid[data-tg-columns] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tech-content-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .tech-product-content-image {
        margin: 1.8rem auto 2.2rem;
        padding: .4rem;
    }

    .tech-content-table {
        min-width: 56rem;
        font-size: 1.3rem;
    }

    .tech-content-table th,
    .tech-content-table td {
        padding: .9rem 1rem;
    }
}

@media (max-width: 575px) {
    .tech-requirement-grid {
        grid-template-columns: 1fr;
    }

    .tech-requirement-grid[data-tg-columns] {
        grid-template-columns: 1fr;
    }

    .tech-content-cta__button {
        width: 100%;
    }
}

.header .logo img {
    width: auto;
    max-width: 22rem;
    height: 6rem;
    object-fit: contain;
}

@media (min-width: 992px) {
    .header .header-middle {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .header .header-middle .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(38rem, 60rem) minmax(0, 1fr);
        align-items: center;
        gap: 2rem;
    }

    .header .header-middle .header-left {
        justify-self: start;
        min-width: 0;
    }

    .header .header-search-center {
        justify-self: center;
        width: 100%;
        min-width: 0;
    }

    .header .header-search-center .header-search,
    .header .header-search-center form,
    .header .header-search-center .header-search-wrapper {
        width: 100% !important;
        max-width: none;
    }

    .header .header-middle .header-right {
        justify-self: end;
        min-width: max-content;
        margin-left: 0 !important;
    }
}

.header .header-bottom .container {
    display: flex;
    align-items: center;
}

.header .header-bottom .header-center {
    flex: 1;
    min-width: 0;
}

.header .header-bottom .main-nav {
    width: 100%;
}

.header-social-links {
    align-items: center;
    gap: .8rem;
    margin-left: auto;
    padding-left: 2rem;
}

.header-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid #dce7f1;
    border-radius: 50%;
    background: #fff;
    color: #14599d;
    font-size: 1.45rem;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}

.header-social-links a:hover,
.header-social-links a:focus {
    border-color: #14599d;
    background: #14599d;
    color: #fff;
    transform: translateY(-2px);
}

.header-social-links .social-tiktok svg {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
}

.footer-social-icons .social-tiktok svg {
    width: 1.7rem;
    height: 1.7rem;
    display: block;
}

.header .header-online-sales {
    width: auto;
    min-height: 4.8rem;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    margin-right: 2rem;
    color: #fff !important;
    text-decoration: none;
}

.header .header-online-sales:hover,
.header .header-online-sales:focus,
.header .header-online-sales > i,
.header .header-online-sales .online-sales-info,
.header .header-online-sales .online-sales-info small,
.header .header-online-sales .online-sales-info strong {
    color: #fff !important;
}

.header .header-online-sales > i {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    font-size: 3.2rem;
    line-height: 1;
}

.header .online-sales-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 4.2rem;
    line-height: 1.05;
    white-space: nowrap;
}

.header .online-sales-info small {
    font-size: 1.1rem;
    font-weight: 600;
}

.header .online-sales-info strong {
    font-size: 1.7rem;
    font-weight: 700;
    transition: opacity .18s ease, transform .18s ease;
}

.header .header-search-wrapper .search-category-dropdown {
    position: relative;
    width: 4.8rem;
    flex: 0 0 4.8rem;
    height: 100%;
    background: #fff;
}

.header .search-category-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-left: 1px solid #e1e8ef;
    background: #fff;
    color: #14599d;
    cursor: pointer;
}

.header .search-category-toggle i {
    font-size: 1.45rem;
    transition: transform .2s ease;
}

.header .search-category-dropdown.is-open .search-category-toggle i {
    transform: rotate(180deg);
}

.header .search-category-menu {
    position: absolute;
    top: calc(100% + .8rem);
    right: 0;
    z-index: 1005;
    visibility: hidden;
    width: 29rem;
    padding: .6rem 0;
    border: 1px solid #dce7f1;
    border-top: 3px solid #ffd000;
    background: #fbfdff;
    box-shadow: 0 1rem 2.5rem rgba(20, 89, 157, .16);
    opacity: 0;
    transform: translateY(-.8rem);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.header .search-category-dropdown.is-open .search-category-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header .search-category-option {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    border-left: 3px solid transparent;
    background: transparent;
    color: #26384a;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.header .search-category-option + .search-category-option {
    border-top: 1px solid #edf1f5;
}

.header .search-category-option:hover,
.header .search-category-option:focus,
.header .search-category-option.is-selected {
    outline: none;
    border-left-color: #ffd000;
    background: #f1f7fc;
    color: #14599d;
}

.header .header-online-sales.is-switching .online-sales-info strong {
    opacity: 0;
    transform: translateY(.3rem);
}

.header .menu-depart > .submenu {
    max-height: none;
    overflow: visible;
    border-color: #dce7f1;
    border-top: 3px solid #ffd000;
    background: #fbfdff;
    box-shadow: 0 1rem 2.5rem rgba(20, 89, 157, .12);
}

/* Shared layout safety: the department menu stays expanded only on the homepage. */
.site-inner-page .header .menu-depart.show-always > .catalog-department-menu {
    display: none !important;
}

.header .menu-depart > .toggle {
    background: linear-gradient(135deg, #114f8d 0%, #1764a8 100%);
    box-shadow: inset 0 -3px 0 #ffd000;
    color: #fff;
}

.header .menu-depart > .toggle > i {
    top: 0;
    color: #ffd000;
    font-size: 1.45rem;
    opacity: 1;
}

.header .menu-depart > .toggle:hover,
.header .menu-depart > .toggle:focus {
    background: linear-gradient(135deg, #0d4379 0%, #14599d 100%);
    color: #fff;
}

.header .catalog-department-menu > a,
.header .catalog-department-menu .department-parent,
.header .catalog-department-menu .department-flyout a {
    color: #26384a;
    font-size: 1.4rem;
    transition: color .2s ease, background-color .2s ease;
}

.header .catalog-department-menu > a > i:first-child,
.header .catalog-department-menu .department-parent > i:first-child,
.header .catalog-department-menu .department-flyout a > i:first-child {
    top: 0;
    display: inline-flex;
    flex: 0 0 2.8rem;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    margin: -.45rem 1rem -.45rem 0;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: transparent;
    color: #14599d;
    font-size: 1.35rem;
    line-height: 1;
    opacity: .8;
    transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}

.header .catalog-department-menu > a:hover,
.header .catalog-department-menu > a:focus,
.header .catalog-department-menu .department-parent:hover,
.header .catalog-department-menu .department-parent:focus,
.header .catalog-department-menu .department-flyout a:hover,
.header .catalog-department-menu .department-flyout a:focus {
    background: #f1f7fc;
    color: #14599d;
}

.header .catalog-department-menu > a:hover > i:first-child,
.header .catalog-department-menu > a:focus > i:first-child,
.header .catalog-department-menu .department-parent:hover > i:first-child,
.header .catalog-department-menu .department-parent:focus > i:first-child,
.header .catalog-department-menu .department-flyout a:hover > i:first-child,
.header .catalog-department-menu .department-flyout a:focus > i:first-child {
    border-color: #e7e7e7;
    background: transparent;
    color: #114f8d;
    opacity: 1;
}

.header .catalog-department-menu .department-item {
    position: relative;
}

.header .catalog-department-menu > .department-item {
    border-top: 1px solid #e7e7e7;
}

.header .catalog-department-menu .department-parent {
    display: flex;
    align-items: center;
}

.header .catalog-department-menu .department-arrow {
    top: 0;
    margin-right: 0;
    margin-left: auto;
    color: #14599d;
    font-size: 1.4rem;
}

.header .catalog-department-menu .department-flyout {
    position: absolute;
    top: 0;
    right: auto;
    left: 100%;
    z-index: 1001;
    visibility: hidden;
    width: max-content;
    min-width: 38rem;
    max-width: calc(100vw - 34rem);
    max-height: 68vh;
    overflow-y: auto;
    border: 1px solid #dce7f1;
    border-top: 3px solid #ffd000;
    background: #fbfdff;
    box-shadow: 0 1rem 2.5rem rgba(20, 89, 157, .12);
    opacity: 0;
    transform: translateX(-1rem);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.header .catalog-department-menu .department-item:hover > .department-flyout,
.header .catalog-department-menu .department-item:focus-within > .department-flyout {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.header .catalog-department-menu .department-flyout a {
    display: flex;
    align-items: center;
    margin: 0 1rem;
    white-space: nowrap;
    line-height: 1.35;
}

@media (min-width: 992px) {
    .header .main-nav > .menu > li > a {
        font-size: 1.4rem;
    }

    .header .menu-depart.show-always > .catalog-department-menu {
        height: var(--department-menu-height, auto);
    }

    .header .menu-depart.show-always > .catalog-department-menu > a,
    .header .menu-depart.show-always > .catalog-department-menu > .department-item {
        flex: 0 0 calc(100% / 9);
        height: calc(100% / 9);
        min-height: 0;
        box-sizing: border-box;
    }

    .header .menu-depart.show-always > .catalog-department-menu > a {
        display: flex;
        align-items: center;
        margin-right: .6rem;
        margin-left: .6rem;
        padding-right: .8rem;
        padding-left: .8rem;
        padding-top: 0;
        padding-bottom: 0;
        white-space: nowrap;
    }

    .header .menu-depart.show-always > .catalog-department-menu > .department-item {
        display: flex;
    }

    .header .menu-depart.show-always .department-item > .department-parent {
        width: 100%;
        height: 100%;
        margin-right: .6rem;
        margin-left: .6rem;
        padding-right: .8rem;
        padding-left: .8rem;
        padding-top: 0;
        padding-bottom: 0;
        white-space: nowrap;
    }

    .header .menu-depart.show-always > .catalog-department-menu > a > i:first-child,
    .header .menu-depart.show-always .department-item > .department-parent > i:first-child {
        margin-right: .6rem;
    }

    .header .menu-depart.show-always .department-arrow {
        margin-left: .4rem;
    }
}

.header .megamenu .submenu li a {
    white-space: normal;
    line-height: 1.35;
}

.header .main-nav .about-menu,
.header .main-nav .solution-menu,
.header .main-nav .knowledge-menu {
    width: max-content;
    min-width: 26rem;
    max-width: calc(100vw - 3rem);
    padding: .6rem 0;
    overflow-y: auto;
    max-height: 68vh;
    border: 1px solid #dce7f1;
    border-top: 3px solid #ffd000;
    background: #fbfdff;
    box-shadow: 0 1rem 2.5rem rgba(20, 89, 157, .16);
}

.header .main-nav .about-menu a,
.header .main-nav .solution-menu a,
.header .main-nav .knowledge-menu a {
    display: block;
    padding: 1rem 1.5rem;
    border-left: 3px solid transparent;
    color: #26384a;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    text-transform: none;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.header .main-nav .about-menu li + li,
.header .main-nav .solution-menu li + li,
.header .main-nav .knowledge-menu li + li {
    border-top: 1px solid #edf1f5;
}

.header .main-nav .about-menu a:hover,
.header .main-nav .about-menu a:focus,
.header .main-nav .solution-menu a:hover,
.header .main-nav .solution-menu a:focus,
.header .main-nav .knowledge-menu a:hover,
.header .main-nav .knowledge-menu a:focus {
    border-left-color: #ffd000;
    background: #f1f7fc;
    color: #14599d;
}

.service-benefits .info-box-content h4 {
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
}

.service-benefits .info-box-content p {
    line-height: 1.45;
}

.intro-section .featured-products-slider {
    height: var(--intro-slider-height, 100%);
    overflow: hidden;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
}

.intro-section .featured-products-slider .owl-stage-outer,
.intro-section .featured-products-slider .owl-stage,
.intro-section .featured-products-slider .owl-item {
    height: 100%;
}

.intro-section .featured-products-slider .count-down {
    display: flex;
    height: 100%;
    min-height: 0;
    margin: 0;
    overflow: hidden;
}

.intro-section .featured-products-slider .count-down figure {
    position: static;
    order: 1;
    flex: 0 0 calc(54% - 5px);
    width: calc(100% - 10px);
    height: calc(54% - 5px);
    margin: 5px 5px 0;
    padding: 0;
}

.intro-section .featured-products-slider .count-down figure > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.intro-section .featured-products-slider .count-down figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
}

.intro-section .featured-products-slider .count-down > .product-name {
    position: static;
    order: 2;
    margin: .8rem 1.2rem .3rem;
    color: #14599d;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

.intro-section .featured-products-slider .count-down .product-details {
    order: 3;
    flex: 1;
    min-height: 0;
    padding: 0 1.2rem 7rem;
}

.intro-section .featured-products-slider .count-down .product-title {
    margin-bottom: .4rem;
    font-size: 1.45rem;
    line-height: 1.3;
}

.intro-section .featured-products-slider .count-down .ratings-container {
    margin-bottom: .5rem;
}

.intro-section .featured-products-slider .count-down .price-box {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: .5rem;
    margin: 0;
}

.intro-section .featured-products-slider .count-down .old-price {
    color: #8b9197;
    font-size: 1.3rem;
    text-decoration: line-through;
}

.intro-section .featured-products-slider .count-down .product-price {
    color: #222529;
    font-size: 1.75rem;
    font-weight: 600;
}

.intro-section .featured-products-slider .count-down .product-price sup {
    margin-left: .1rem;
    font-size: .62em;
}

.intro-section .featured-products-slider .count-down .label-group {
    position: absolute;
    top: 1rem;
    right: auto;
    left: 1rem;
    z-index: 4;
}

.intro-section .featured-products-slider .count-down .label-sale {
    margin: 0;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
}

.intro-section .featured-products-slider .count-down .product-countdown-container {
    position: absolute;
    right: 8%;
    bottom: 3.6rem;
    left: 8%;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: .4rem .8rem;
    border-radius: 2rem;
    opacity: 1;
}

.intro-section .featured-products-slider .count-down .product-countdown-title {
    display: inline !important;
    margin-right: .4rem;
    font-size: .95rem;
    text-transform: none;
}

.intro-section .featured-products-slider.dot-inside .owl-dots {
    bottom: .8rem;
}

.most-viewed-products .btn-quickview {
    background: #14599d;
    color: #fff;
}

.most-viewed-products .btn-quickview:hover,
.most-viewed-products .btn-quickview:focus {
    background: #114f8d;
    color: #ffd000;
}

.ratings-container .product-ratings::before {
    color: var(--review-star-empty-color) !important;
}

.ratings-container .ratings::before,
.rating-stars a,
.rating-stars a::before,
.store-info-list .fa-star {
    color: var(--review-star-color) !important;
    text-shadow: var(--review-star-shadow);
}

.most-viewed-products .demo-price {
    display: flex;
    align-items: baseline;
    gap: .55rem;
    white-space: nowrap;
}

.most-viewed-products .demo-price .old-price {
    margin-right: 0;
    color: #8b9197;
    font-size: 1.4rem;
    text-decoration: line-through;
}

.most-viewed-products .demo-price .price-separator {
    color: #a1a6ab;
    font-size: 1.4rem;
    font-weight: 400;
}

.most-viewed-products .demo-price .product-price {
    color: #222529;
    font-size: 1.8rem;
}

.most-viewed-products .demo-price .product-price sup {
    margin-left: .1rem;
    font-size: .62em;
    font-weight: 600;
}

.product-default figure img,
.product-widget figure img,
.product-single-gallery img,
.prod-thumbnail img {
    object-fit: contain;
    object-position: center;
    background: #fff;
}

.top-categories .categories-slider a i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12.8rem;
	height: 12.8rem;
	padding: 0;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #dce7f1;
	background: #f7faff;
	color: #14599d;
}

.top-categories .categories-slider a:hover i,
.top-categories .categories-slider a:focus i {
    border-color: #14599d;
    background: #14599d;
    color: #ffd000;
}

.top-categories .categories-slider a span {
    min-height: 3.8rem;
    padding: 0 1rem;
    text-align: center;
    text-transform: none;
}

.best-sellers .category-showcase-grid {
    display: grid;
    grid-template-columns: minmax(25rem, 1.25fr) repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 5px;
    margin-bottom: 1.4rem;
    background: transparent;
}

.category-showcase-grid > .grid-item {
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0;
    padding: 0 !important;
    border: 1px solid #e5e8eb;
    background: #fff;
}

.category-showcase-grid > .grid-item:first-child {
    grid-row: span 2;
    overflow: hidden;
    isolation: isolate;
}

.category-showcase-grid > .grid-item:first-child .product-default {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #f5f8fb;
    box-shadow: none !important;
    transform: none !important;
}

.category-showcase-grid > .grid-item:first-child figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    margin: 0;
    overflow: hidden;
}

.category-showcase-grid > .grid-item:first-child figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none !important;
    transition: none !important;
}

.category-showcase-grid > .grid-item:first-child:hover,
.category-showcase-grid > .grid-item:first-child:hover .product-default,
.category-showcase-grid > .grid-item:first-child:hover figure,
.category-showcase-grid > .grid-item:first-child:hover figure img {
    transform: none !important;
    box-shadow: none !important;
}

.category-showcase-grid > .grid-item:first-child .label-group,
.category-showcase-grid > .grid-item:first-child .btn-icon-group,
.category-showcase-grid > .grid-item:first-child .btn-quickview,
.category-showcase-grid > .grid-item:first-child .product-countdown-container,
.category-showcase-grid > .grid-item:first-child .product-details,
.category-showcase-grid > .grid-col-sizer {
    display: none !important;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-default {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.category-showcase-grid > .grid-item:not(:first-child) figure {
    position: relative;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0;
    overflow: hidden;
    background: #fff;
}

.category-showcase-grid > .grid-item:not(:first-child) figure::before {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    background: #25a96b;
    color: #fff;
    content: "NỔI BẬT";
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    z-index: 2;
}

.category-showcase-grid > .grid-item:not(:first-child) figure img {
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
    object-fit: contain;
    object-position: center;
}

.category-showcase-grid > .grid-item:not(:first-child) .btn-icon-group,
.category-showcase-grid > .grid-item:not(:first-child) .label-group,
.category-showcase-grid > .grid-item:not(:first-child) .btn-icon-wish,
.category-showcase-grid > .grid-item:not(:first-child) .product-countdown-container {
    display: none !important;
}

.category-showcase-grid > .grid-item:not(:first-child) .btn-quickview {
    display: block !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: #14599d;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.4rem 1.5rem 1.7rem;
    text-align: left;
}

.category-showcase-grid > .grid-item:not(:first-child) .category-wrap,
.category-showcase-grid > .grid-item:not(:first-child) .ratings-container {
    display: block !important;
}

.category-showcase-grid > .grid-item:not(:first-child) .category-wrap {
    margin-bottom: .7rem;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-category {
    color: #8b9197;
    font-size: 0;
    text-transform: uppercase;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-category::after {
    content: "Thiết bị định vị xe máy";
    font-size: 1rem;
}

.automobile-showcase .category-showcase-grid > .grid-item:not(:first-child) .product-category::after {
    content: "Thiết bị định vị ô tô";
}

.camera-showcase .category-showcase-grid > .grid-item:not(:first-child) .product-category::after {
    content: "Camera hành trình";
}

.android-showcase .category-showcase-grid > .grid-item:not(:first-child) .product-category::after {
    content: "Màn hình Android ô tô";
}

.android-showcase .category-showcase-grid > .grid-item:first-child {
    overflow: hidden;
    background: #fff;
}

.android-combo-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 2rem 1.6rem;
    background: #fff;
    color: #222529;
    text-align: center;
}

.android-combo-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 5.8rem;
    padding: .8rem 1.2rem;
    border-radius: 2.6rem;
    background: #f4f4f4;
    line-height: 1.2;
    text-transform: uppercase;
}

.android-combo-countdown span {
    font-size: 1.2rem;
    font-weight: 600;
}

.android-combo-countdown strong {
    color: #163f73;
    font-size: 1.5rem;
    font-weight: 700;
}

.android-combo-media {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2rem 0 .5rem;
}

.android-combo-media img {
    display: block;
    width: 100%;
    max-height: 25rem;
    object-fit: contain;
    object-position: center;
}

.android-combo-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.android-combo-category {
    color: #8b9197;
    font-size: 1rem;
    text-transform: uppercase;
}

.android-combo-category i {
    margin-right: .4rem;
}

.android-combo-summary h3 {
    margin: .4rem 0 .3rem;
    font-size: 1.6rem;
    line-height: 1.3;
}

.android-combo-warranty {
    color: #e11;
    font-size: 1.35rem;
    line-height: 1.3;
}

.android-combo-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: .6rem;
    margin: .8rem 0 1rem;
    white-space: nowrap;
}

.android-combo-price del {
    color: #8b9197;
    font-size: 1.35rem;
}

.android-combo-price span {
    color: #163f73;
    font-size: 2rem;
    font-weight: 700;
}

.android-combo-price sup {
    margin-left: .1rem;
    font-size: .58em;
}

.android-combo-gift-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 4rem;
    padding: .8rem 1.6rem;
    border-radius: .7rem;
    background: #f4f4f4;
    color: #6b737b;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
}

.android-combo-gift-button i {
    color: #14599d;
}

.android-combo-gifts {
    margin-top: 1.5rem;
    text-align: left;
}

.android-combo-gifts h4 {
    margin-bottom: .6rem;
    color: #163f73;
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
}

.android-combo-gifts h4 i {
    margin-right: .6rem;
    color: #f4b400;
}

.android-combo-gifts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.android-combo-gifts li {
    position: relative;
    margin-bottom: .35rem;
    padding-left: 2rem;
    color: #6b737b;
    font-size: 1.15rem;
    line-height: 1.35;
}

.android-combo-gifts li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #f4b400;
    content: "☞";
    font-weight: 700;
}

.news-section {
    padding: 6rem 0;
    border-top: 1px solid #eef1f4;
    background: #fff;
}

.section-heading-icon,
.news-section-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: #14599d;
    font-size: 2rem;
    text-transform: uppercase;
}

.section-heading-icon i,
.news-section-title i {
    color: #14599d;
    font-size: 2rem;
}

.news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(25rem, .34fr);
    align-items: stretch;
    gap: 3rem;
}

.news-sidebar {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.news-sidebar-sticky {
    position: relative;
    top: auto;
    max-height: none;
    overflow: visible;
    will-change: transform;
}

.news-focus-list {
    border-top: 1px solid #e5e8eb;
}

.news-focus-list a {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    align-items: center;
    gap: 1.2rem;
    min-height: 8rem;
    padding: 1.2rem .8rem;
    border-bottom: 1px solid #e5e8eb;
    color: #087fc4;
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease;
}

.news-focus-list a:hover,
.news-focus-list a:focus {
    background: #f1f7fc;
    color: #14599d;
}

.news-focus-list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    color: #078acb;
    font-size: 3.2rem;
}

.news-sidebar-ads {
    display: grid;
    gap: 1.2rem;
    margin-top: 1.6rem;
}

.news-sidebar-ads a {
    display: block;
    overflow: hidden;
    border: 1px solid #e5e8eb;
    background: #fff;
}

.news-sidebar-ads img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s ease;
}

.news-sidebar-ads a:hover img,
.news-sidebar-ads a:focus img {
    transform: scale(1.025);
}

.news-list {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.news-card {
    display: grid;
    grid-template-columns: minmax(22rem, 32%) minmax(0, 1fr);
    align-items: start;
    gap: 2.2rem;
    margin-bottom: 2.2rem;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #e5e8eb;
}

.news-card:last-child {
    margin-bottom: 0;
}

.news-card-image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #f4f4f4;
}

.news-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}

.news-card-image:hover img,
.news-card-image:focus img {
    transform: scale(1.035);
}

.news-card-content h3 {
    margin: 0 0 .6rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
}

.news-card-content h3 a {
    color: #222529;
}

.news-card-content h3 a:hover,
.news-card-content h3 a:focus {
    color: #14599d;
}

.news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
    margin-bottom: .9rem;
    color: #7b858e;
    font-size: 1.2rem;
}

.news-meta span {
    display: inline-flex;
    align-items: center;
}

.news-meta i {
    margin-right: .4rem;
    color: #14599d;
}

.news-card-content p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #6f7880;
    font-size: 1.35rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.faq-section {
    position: relative;
    padding: 6rem 0;
    overflow: hidden;
    border-top: 1px solid #e8edf2;
    background: linear-gradient(135deg, #f7faff 0%, #fff 58%, #fff9d9 140%);
}

.faq-layout {
    display: grid;
    grid-template-columns: minmax(26rem, .34fr) minmax(0, 1fr);
    align-items: start;
    gap: 3rem;
}

.faq-support-card {
    position: relative;
    min-height: 100%;
    padding: 3.2rem;
    overflow: hidden;
    border-radius: 1.2rem;
    background: linear-gradient(145deg, #14599d 0%, #078acb 100%);
    box-shadow: 0 1.5rem 3.5rem rgba(20, 89, 157, .18);
    color: #fff;
}

.faq-support-mark {
    position: absolute;
    top: -5.5rem;
    right: -1rem;
    color: rgba(255, 255, 255, .08);
    font-size: 22rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.faq-support-eyebrow {
    position: relative;
    display: inline-block;
    margin-bottom: 1.2rem;
    padding: .6rem 1.1rem;
    border-radius: 2rem;
    background: #ffd000;
    color: #14599d;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.faq-support-card h3 {
    position: relative;
    margin: 0 0 1rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.25;
}

.faq-support-card > p {
    position: relative;
    margin-bottom: 2.4rem;
    color: rgba(255, 255, 255, .84);
    font-size: 1.4rem;
    line-height: 1.65;
}

.faq-benefits {
    position: relative;
    margin: 0 0 2.6rem;
    padding: 0;
    list-style: none;
}

.faq-benefits li {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.faq-benefits i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    color: #ffd000;
    font-size: 1.7rem;
}

.faq-benefits span,
.faq-benefits strong {
    display: block;
}

.faq-benefits span {
    color: rgba(255, 255, 255, .7);
    font-size: 1.2rem;
    line-height: 1.45;
}

.faq-benefits strong {
    margin-bottom: .2rem;
    color: #fff;
    font-size: 1.4rem;
}

.faq-hotline {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.3rem 1.5rem;
    border-radius: .8rem;
    background: #fff;
    color: #14599d;
    transition: transform .2s ease, box-shadow .2s ease;
}

.faq-hotline:hover,
.faq-hotline:focus {
    color: #14599d;
    transform: translateY(-2px);
    box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .15);
}

.faq-hotline > i {
    color: #f4b400;
    font-size: 2.2rem;
}

.faq-hotline span,
.faq-hotline strong {
    display: block;
}

.faq-hotline span {
    font-size: 1.1rem;
    text-transform: uppercase;
}

.faq-hotline strong {
    margin-top: .2rem;
    font-size: 1.8rem;
    letter-spacing: .02em;
}

.faq-list {
    display: grid;
    gap: 1rem;
}

.faq-item {
    overflow: hidden;
    border: 1px solid #e1e7ed;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .4rem 1.5rem rgba(25, 60, 90, .045);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.faq-item[open] {
    border-color: rgba(20, 89, 157, .42);
    box-shadow: 0 .8rem 2.2rem rgba(20, 89, 157, .1);
}

.faq-item summary {
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr) 2.4rem;
    align-items: center;
    gap: 1.2rem;
    min-height: 7rem;
    padding: 1.2rem 1.8rem;
    color: #222529;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary:focus-visible {
    outline: 2px solid #078acb;
    outline-offset: -2px;
}

.faq-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border: 1px solid #dce7f1;
    border-radius: 50%;
    background: #f5f9fd;
    color: #14599d;
    font-size: 1.6rem;
    transition: background-color .2s ease, color .2s ease;
}

.faq-item[open] .faq-item-icon {
    border-color: #14599d;
    background: #14599d;
    color: #ffd000;
}

.faq-chevron {
    color: #14599d;
    font-size: 1.2rem;
    transition: transform .25s ease;
}

.faq-item[open] .faq-chevron {
    transform: rotate(180deg);
}

.faq-answer {
    margin: 0 1.8rem 0 7.2rem;
    padding: 0 0 1.8rem;
    color: #68737d;
    font-size: 1.35rem;
    line-height: 1.7;
}

.faq-answer p {
    margin: 0;
}

.faq-answer a {
    color: #14599d;
    font-weight: 700;
}

.faq-answer ul {
    margin: .8rem 0 0;
    padding-left: 1.8rem;
}

.faq-answer li + li {
    margin-top: .4rem;
}

.customers-section {
    padding: 6rem 0 5.5rem;
    margin-bottom: 6rem;
    border-top: 1px solid #e8edf2;
    background: #fff;
}

.customers-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.customers-heading .section-title {
    flex: 1;
    margin-bottom: -1px !important;
    border-bottom: 0;
}

.customers-trust-count {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin: 0 0 1rem;
    padding: .8rem 1.4rem;
    border: 1px solid #dce7f1;
    border-radius: 2rem;
    background: #f5f9fd;
    color: #526475;
    font-size: 1.2rem;
    white-space: nowrap;
}

.customers-trust-count i {
    color: #14599d;
}

.customers-trust-count strong {
    color: #14599d;
    font-size: 1.35rem;
}

.customers-slider {
    margin-bottom: 0;
}

.customers-slider .owl-stage {
    display: flex;
    align-items: stretch;
}

.customers-slider .owl-item {
    display: flex;
}

.customer-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 12rem;
    padding: 1.2rem;
    overflow: hidden;
    border: 1px solid #e4e9ee;
    border-radius: .8rem;
    background: #fff;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.customer-logo-item:hover {
    border-color: rgba(20, 89, 157, .45);
    box-shadow: 0 .8rem 2rem rgba(20, 89, 157, .1);
    transform: translateY(-3px);
}

.customer-logo-item img {
    display: block;
    width: 100%;
    max-width: 20rem;
    height: 8.8rem;
    object-fit: contain;
    filter: saturate(.82);
    transition: filter .25s ease, transform .25s ease;
}

.customer-logo-item:hover img {
    filter: saturate(1);
    transform: scale(1.035);
}

.category-showcase-grid > .grid-item:not(:first-child) .product-title {
    display: -webkit-box;
    min-height: 4.4rem;
    margin-bottom: .8rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.5rem;
    line-height: 1.45;
}

.category-showcase-grid > .grid-item:not(:first-child) .ratings-container {
    margin: 0 0 1rem;
}

.category-showcase-grid > .grid-item:not(:first-child) .ratings {
    width: 80% !important;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-ratings::before {
    color: rgba(20, 89, 157, .22);
}

.category-showcase-grid > .grid-item:not(:first-child) .ratings::before {
    color: #f4b400;
    text-shadow: 0 1px 0 rgba(17, 79, 141, .16);
}

.category-showcase-grid > .grid-item:not(:first-child) .price-box {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    margin: 0;
}

.category-showcase-grid > .grid-item:not(:first-child) .old-price {
    color: #8b9197;
    font-size: 1.3rem;
    text-decoration: line-through;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-price {
    color: #222529;
    font-size: 1.8rem;
    font-weight: 600;
}

.category-showcase-grid > .grid-item:not(:first-child) .product-price sup {
    margin-left: .1rem;
    font-size: .62em;
    font-weight: 600;
}

.category-showcase-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-top: 1.2rem;
    border: 1px solid #dce7f1;
    border-radius: 50%;
    background: #fff;
    color: #14599d;
    font-size: 1.8rem;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.category-showcase-cart:hover,
.category-showcase-cart:focus {
    border-color: #14599d;
    background: #14599d;
    color: #ffd000;
}

@media (min-width: 992px) {
    .best-sellers .category-showcase-grid {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .category-showcase-grid > .grid-item:first-child {
        aspect-ratio: 314 / 748;
    }

    .category-showcase-grid > .grid-item:not(:first-child) figure {
        aspect-ratio: 1 / 1;
    }

    .category-showcase-grid > .grid-item:not(:first-child) figure img {
        padding: 0 .5rem;
        object-fit: contain;
    }

    .category-showcase-grid > .grid-item:not(:first-child) .product-details {
        min-height: 0;
        padding: 1rem 1.2rem 1.2rem;
    }

    .category-showcase-grid > .grid-item:not(:first-child) .category-wrap {
        margin-bottom: .4rem;
    }

    .category-showcase-grid > .grid-item:not(:first-child) .product-title {
        min-height: 3.8rem;
        margin-bottom: .5rem;
        font-size: 1.4rem;
        line-height: 1.35;
    }

    .category-showcase-grid > .grid-item:not(:first-child) .ratings-container {
        margin-bottom: .6rem;
    }

    .category-showcase-cart {
        width: 3.4rem;
        height: 3.4rem;
        margin-top: .8rem;
        font-size: 1.6rem;
    }
}

@media (max-width: 991px) {
    .best-sellers .category-showcase-grid {
        grid-template-columns: minmax(22rem, .9fr) repeat(2, minmax(0, 1fr));
    }

    .category-showcase-grid > .grid-item:first-child {
        grid-row: span 3;
    }

    .news-layout {
        grid-template-columns: minmax(0, 1fr) minmax(22rem, .36fr);
        gap: 2rem;
    }

    .news-card {
        grid-template-columns: minmax(18rem, 38%) minmax(0, 1fr);
        gap: 1.6rem;
    }

    .faq-layout {
        grid-template-columns: minmax(23rem, .38fr) minmax(0, 1fr);
        gap: 2rem;
    }

    .faq-support-card {
        padding: 2.5rem 2rem;
    }
}

@media (max-width: 767px) {
    .best-sellers .category-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-showcase-grid > .grid-item:first-child {
        grid-column: 1 / -1;
        grid-row: auto;
        height: 42rem !important;
    }

    .android-showcase .category-showcase-grid > .grid-item:first-child {
        height: auto !important;
    }

    .android-combo-media img {
        max-height: 32rem;
    }

    .news-section {
        padding: 4.5rem 0;
    }

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

    .news-list {
        grid-column: 1;
        grid-row: 1;
    }

    .news-sidebar {
        grid-column: 1;
        grid-row: 2;
    }

    .news-sidebar-sticky {
        position: static;
        max-height: none;
        overflow: visible;
        transform: none !important;
    }

    .news-sidebar-ads {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
    }

    .faq-section {
        padding: 4.5rem 0;
    }

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

    .faq-support-card {
        min-height: auto;
    }

    .faq-benefits {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }

    .faq-benefits li {
        grid-template-columns: 1fr;
        justify-items: center;
        border: 0;
        text-align: center;
    }

    .customers-section {
        padding: 4.5rem 0;
        margin-bottom: 4.5rem;
    }

    .customers-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.2rem;
    }

    .customers-heading .section-title {
        width: 100%;
    }

    .customers-trust-count {
        margin-bottom: 1.2rem;
    }
}

@media (max-width: 479px) {
    .best-sellers .category-showcase-grid {
        grid-template-columns: 1fr;
    }

    .category-showcase-grid > .grid-item:first-child {
        height: 38rem !important;
    }

    .android-showcase .category-showcase-grid > .grid-item:first-child {
        height: auto !important;
    }

    .news-sidebar-ads {
        grid-template-columns: 1fr;
    }

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

    .news-card-content h3 {
        font-size: 1.5rem;
    }

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

    .faq-benefits li {
        grid-template-columns: 4rem minmax(0, 1fr);
        justify-items: start;
        border-bottom: 1px solid rgba(255, 255, 255, .16);
        text-align: left;
    }

    .faq-item summary {
        grid-template-columns: 3.8rem minmax(0, 1fr) 1.6rem;
        gap: 1rem;
        padding: 1.1rem 1.2rem;
        font-size: 1.35rem;
    }

    .faq-item-icon {
        width: 3.8rem;
        height: 3.8rem;
    }

    .faq-answer {
        margin: 0 1.2rem 0 6rem;
        font-size: 1.3rem;
    }

    .customers-trust-count {
        align-items: flex-start;
        flex-wrap: wrap;
        border-radius: .8rem;
        white-space: normal;
    }

    .customer-logo-item {
        min-height: 10rem;
    }

    .customer-logo-item img {
        height: 7.5rem;
    }
}

/* Product detail page. */
.tech-product-page {
    margin-bottom: 4rem;
}

.tech-product-gallery .product-slider-container {
    position: relative;
    overflow: hidden;
    border: 1px solid #dce7f1;
    background: #fff;
}

.tech-product-gallery .product-item {
    aspect-ratio: 1 / 1;
    background: #fff;
}

.tech-product-gallery .product-single-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tech-discount-badge {
    position: absolute;
    z-index: 5;
    top: 1.2rem;
    left: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.5rem;
    height: 3.2rem;
    padding: 0 .9rem;
    border-radius: 1.8rem;
    background: #e45757;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
}

.tech-product-gallery .prod-full-screen {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.tech-product-thumbnails {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-top: .8rem;
}

.tech-product-thumbnails .owl-dot {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dce7f1 !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.tech-product-thumbnails .owl-dot.active,
.tech-product-thumbnails .owl-dot:hover,
.tech-product-thumbnails .owl-dot:focus {
    border-color: #14599d !important;
    box-shadow: 0 0 0 1px #14599d;
}

.tech-product-thumbnails img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.tech-product-summary .product-title {
    max-width: none;
    margin: 0 0 1.2rem;
    color: #121820;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.35;
}

.tech-product-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem 1.4rem;
    margin-bottom: 1.2rem;
    color: #7c838b;
    font-size: 1.35rem;
}

.tech-product-meta .ratings-container {
    margin: 0;
}

.tech-detail-rating {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: #6f7780;
    font-weight: 600;
}

.tech-detail-rating:hover,
.tech-detail-rating:focus {
    color: #14599d;
}

.tech-detail-rating .product-ratings {
    margin: 0;
}

.tech-product-meta .rating-link {
    color: #7c838b;
}

.tech-stock-inline {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #138a42;
    font-weight: 700;
}

.tech-stock-inline i {
    color: #138a42;
}

.tech-no-rating {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #6f7780;
    font-weight: 600;
}

.tech-no-rating:hover,
.tech-no-rating:focus {
    color: #14599d;
}

.tech-no-rating i {
    color: #14599d;
}

.tech-product-views i {
    color: #14599d;
}

.tech-main-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: 1.6rem;
}

.tech-main-price .product-price {
    color: #e11d2e;
    font-size: 2.9rem;
    font-weight: 600;
}

.tech-main-price small {
    color: #222529;
    font-size: 1.35rem;
    font-weight: 600;
    text-transform: uppercase;
}

.tech-product-support {
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
}

.tech-product-support p {
    margin-bottom: .7rem;
}

.tech-product-support p:first-child span {
    color: #e11d2e;
}

.tech-product-support .software-package-current {
    color: #14599d;
}

.software-package-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0 0 1.6rem;
    padding: 0;
    border: 0;
}

.software-package-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 8rem;
    margin: 0;
    padding: 1.4rem 1.6rem;
    border: 1px solid #dce1e6;
    border-radius: 1rem;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.software-package-option:hover,
.software-package-option:focus-within,
.software-package-option.is-selected {
    border-color: #e11d2e;
    box-shadow: 0 0 0 1px rgba(225, 29, 46, .08);
}

.software-package-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.package-radio {
    position: relative;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    margin-top: .2rem;
    border: 2px solid #dce1e6;
    border-radius: 50%;
    background: #fff;
}

.software-package-option.is-selected .package-radio {
    border-color: #e11d2e;
}

.software-package-option.is-selected .package-radio::after {
    content: "";
    position: absolute;
    inset: .35rem;
    border-radius: 50%;
    background: #e11d2e;
}

.package-copy {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    color: #222529;
    font-size: 1.3rem;
}

.package-copy > strong {
    font-size: 1.4rem;
}

.package-copy b {
    margin-right: .35rem;
    color: #121820;
}

.package-copy del {
    color: #9aa0a6;
    font-size: 1.15rem;
}

.tech-gift-box {
    margin-bottom: 1.6rem;
    padding: 1.7rem 2rem;
    border: 1px solid #dce1e6;
    border-radius: 1rem;
    background: #f7f8fa;
}

.tech-gift-box h2 {
    margin: 0 0 1rem;
    color: #596068;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.tech-gift-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tech-gift-box li {
    display: flex;
    gap: .7rem;
    margin-bottom: .45rem;
    color: #70777f;
    font-size: 1.35rem;
    line-height: 1.45;
}

.tech-gift-box li:last-child {
    margin-bottom: 0;
}

.tech-gift-box li i {
    margin-top: .15rem;
    color: #13a538;
}

.tech-combo-note {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1.7rem;
    padding: 1.4rem 0;
    border-bottom: 0;
    color: #f05a00;
}

.tech-combo-note .combo-badge {
    display: inline-flex;
    flex: 0 0 5.6rem;
    align-items: center;
    justify-content: center;
    min-height: 5.6rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffcf24, #e6258e);
    color: #fff;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
}

.tech-combo-note p {
    margin: 0;
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.6;
}

.tech-product-action {
    display: flex;
    margin: 0;
    padding: 0 0 1.7rem;
    border-bottom: 1px solid #e5e8eb;
}

.tech-product-action .selected-package-input {
    display: none;
}

.tech-add-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-width: 22rem;
    height: 5rem;
    padding: 0 2.2rem;
    border: 0;
    border-radius: 0;
    background: #0796cf;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tech-add-cart:hover,
.tech-add-cart:focus {
    background: #14599d;
    color: #ffd000;
}

.tech-product-share {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin: 0;
    padding-top: 1.5rem;
}

.tech-product-share > span {
    color: #222529;
    font-size: 1.35rem;
    font-weight: 600;
    text-transform: uppercase;
}

.tech-product-share .social-icons {
    display: flex;
    gap: .6rem;
}

.tech-product-share .social-icon {
    margin: 0;
}

.tech-product-tabs {
    margin-bottom: 4rem;
}

.tech-product-tabs .nav-tabs {
    border-bottom-color: #dce1e6;
}

.tech-product-tabs .nav-link {
    padding-right: 2.2rem;
    padding-left: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tech-product-tabs .tab-content {
    padding: 2.4rem 0;
}

.tech-product-tabs .product-desc-content h2 {
    margin-bottom: 1.2rem;
    font-size: 2rem;
}

.tech-spec-table {
    margin-bottom: 0;
    font-size: 1.35rem;
}

.tech-spec-table th {
    width: 28%;
    color: #14599d;
    font-weight: 600;
}

.tech-review-summary {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    max-width: 85rem;
}

.tech-review-score {
    display: flex;
    flex: 0 0 16rem;
    flex-direction: column;
    gap: .6rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid #dce7f1;
    background: #f7faff;
}

.tech-review-score > strong {
    color: #14599d;
    font-size: 2.8rem;
}

.tech-review-summary > p {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.7;
}

.tech-review-empty {
    align-items: flex-start;
    max-width: 75rem;
    padding: 1.8rem;
    border: 1px solid #dce7f1;
    border-radius: .8rem;
    background: #f7faff;
}

.tech-review-empty-icon {
    display: inline-flex;
    flex: 0 0 4.8rem;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #cfe0ef;
    border-radius: 50%;
    color: #14599d;
    font-size: 2rem;
}

.tech-review-empty h3 {
    margin: 0 0 .55rem;
    color: #222529;
    font-size: 1.55rem;
}

.tech-review-empty p {
    margin: 0;
    color: #68727d;
    font-size: 1.35rem;
    line-height: 1.65;
}

.tech-review-list {
    display: grid;
    gap: 1.2rem;
}

.tech-review-item {
    display: flex;
    gap: 1.4rem;
    padding: 1.6rem;
    border: 1px solid #dce7f1;
    border-radius: .8rem;
    background: #fff;
}

.tech-review-avatar {
    display: inline-flex;
    flex: 0 0 4.4rem;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: #f1f7fc;
    color: #14599d;
}

.tech-review-item h3 {
    display: inline-block;
    margin: 0 .8rem .5rem 0;
    color: #222529;
    font-size: 1.45rem;
}

.tech-review-item time {
    color: #8a929a;
    font-size: 1.2rem;
}

.tech-review-item p {
    margin: 0;
    color: #5f6871;
    font-size: 1.4rem;
    line-height: 1.65;
}

.tech-product-specification-content img,
.tech-product-content img,
.tech-product-content iframe {
    max-width: 100%;
}

.tech-product-content img {
    height: auto;
}

@media (max-width: 991px) {
    .tech-product-summary .product-title {
        font-size: 2.35rem;
    }

    .software-package-options {
        grid-template-columns: 1fr;
    }

    .tech-gift-box {
        padding: 1.4rem;
    }

}

@media (max-width: 767px) {
    .tech-product-gallery {
        margin-bottom: 2.5rem;
    }

    .tech-product-summary .product-title {
        margin-top: 0;
        font-size: 2.25rem;
    }

    .tech-review-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .tech-review-score {
        flex-basis: auto;
    }
}

@media (max-width: 575px) {
    .tech-product-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .tech-combo-note {
        align-items: flex-start;
    }

    .tech-product-action,
    .tech-add-cart {
        width: 100%;
    }

    .tech-add-cart {
        min-width: 0;
    }

    .tech-product-share {
        align-items: flex-start;
        flex-direction: column;
    }

    .tech-product-tabs .nav-tabs {
        gap: 0;
    }

    .tech-product-tabs .nav-link {
        padding: 1rem .9rem;
        font-size: 1.15rem;
    }

}

/* Shared quick-view action for every product card. */
.product-default.inner-quickview.inner-icon figure .btn-quickview {
    border-color: var(--techglobal-primary) !important;
    background: var(--techglobal-primary) !important;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

.product-default.inner-quickview.inner-icon figure .btn-quickview:hover,
.product-default.inner-quickview.inner-icon figure .btn-quickview:focus {
    border-color: var(--techglobal-primary-hover) !important;
    background: var(--techglobal-primary-hover) !important;
    color: #fff !important;
    opacity: 1;
}

/* Shared add-to-cart action for every product card. */
.product-default .category-showcase-cart,
.product-default .category-showcase-cart.home-product-cart,
.product-default .category-showcase-cart.shop-card-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: .7rem;
    width: 100% !important;
    max-width: 17rem;
    height: 4.2rem !important;
    margin: 1.3rem auto .4rem !important;
    padding: 0 1.3rem;
    border: 1px solid var(--techglobal-primary) !important;
    border-radius: 2.2rem !important;
    background: #fff !important;
    color: #777 !important;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.product-default .category-showcase-cart span,
.product-default .category-showcase-cart i {
    color: #777 !important;
}

.product-default .category-showcase-cart i {
    font-size: 1.65rem !important;
    font-weight: 900;
    -webkit-text-stroke: .35px currentColor;
}

.product-default .category-showcase-cart:hover,
.product-default .category-showcase-cart:focus {
    border-color: var(--techglobal-primary) !important;
    background: var(--techglobal-primary) !important;
    color: #fff !important;
    box-shadow: 0 .5rem 1.4rem rgba(20, 89, 157, .18);
}

.product-default .category-showcase-cart:hover span,
.product-default .category-showcase-cart:hover i,
.product-default .category-showcase-cart:focus span,
.product-default .category-showcase-cart:focus i {
    color: #fff !important;
}

/* Shared product actions on the homepage. */
.home-product-enhanced .product-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-product-enhanced .home-product-warranty {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    margin: 0 0 .8rem;
    color: #e11d2e;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.4;
}

.home-product-enhanced .home-product-warranty i {
    color: #14599d;
    font-size: 1.2rem;
}

.home-product-enhanced .home-product-cart {
    align-self: center;
    gap: .7rem;
    width: 100% !important;
    max-width: 17rem;
    height: 4.2rem !important;
    margin: 1.2rem auto 0 !important;
    padding: 0 1.3rem;
    border-color: #14599d;
    border-radius: 2.2rem !important;
    font-size: 1.2rem !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.home-product-enhanced .home-product-cart i {
    font-size: 1.5rem;
}

@media (max-width: 575px) {
    .home-product-enhanced .home-product-warranty {
        gap: .4rem;
        font-size: 1.05rem;
    }

    .home-product-enhanced .home-product-cart {
        gap: .45rem;
        padding-right: .7rem;
        padding-left: .7rem;
        font-size: 1.05rem !important;
    }
}

/* Product category page. */
.toolbox-left .catalog-page-title {
    margin: 0 0 0 1.5rem;
    color: #222529;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}

.catalog-sidebar-list a {
    display: flex !important;
    align-items: center;
    gap: .9rem;
    padding: 1rem .8rem !important;
    border-left: 3px solid transparent;
    color: #34495e !important;
    font-size: 1.35rem;
    line-height: 1.4;
}

.catalog-sidebar-list a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 2.6rem;
    border: 1px solid #dce7f1;
    border-radius: 50%;
    color: #347dbb;
    font-size: 1.1rem;
}

.catalog-sidebar-list a:hover,
.catalog-sidebar-list a:focus,
.catalog-sidebar-list a.active {
    border-left-color: #ffd000;
    background: #f1f7fc;
    color: #14599d !important;
}

.sidebar-shop .catalog-sidebar-widget {
    margin-bottom: 3rem;
    padding-top: 0;
    border-top: 0;
}

.catalog-sidebar-widget .widget-body {
    padding: 0 !important;
}

.catalog-sidebar-list {
    margin: 0;
    padding: .4rem 0;
    border: 1px solid #e4e8ec;
    background: #fff;
}

.catalog-sidebar-list li + li {
    border-top: 1px solid #eef1f4;
}

.shop-product-grid > [class*="col-"] {
    border: 1px solid #e4e8ec;
    background: #fff;
}

.shop-product-grid .product-default {
    display: flex;
    flex-direction: column;
}

.shop-product-grid .product-default figure {
    margin-bottom: 0;
    background: #fff;
}

.shop-product-grid .product-default figure img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.shop-product-grid .product-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 1.5rem 1.7rem !important;
    text-align: left;
}

.shop-product-grid .category-wrap {
    display: none !important;
}

.shop-product-grid .product-category {
    color: #8b9197;
    font-size: 1rem;
    text-transform: uppercase;
}

.shop-product-grid .product-title {
    display: -webkit-box;
    min-height: 4.2rem;
    margin-bottom: .7rem;
    overflow: hidden;
    color: #222529;
    font-size: 1.45rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shop-product-grid .shop-product-warranty {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    margin: 0 0 .8rem;
    color: #e11d2e;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.4;
}

.shop-product-grid .shop-product-warranty i {
    color: #14599d;
    font-size: 1.2rem;
}

.shop-product-grid .ratings-container {
    margin-bottom: .8rem;
}

.shop-product-grid .product-ratings::before {
    color: rgba(20, 89, 157, .22);
}

.shop-product-grid .ratings::before {
    color: #f4b400;
    text-shadow: 0 1px 0 rgba(17, 79, 141, .16);
}

.shop-product-grid .price-box {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
}

.shop-product-grid .old-price {
    color: #8b9197;
    font-size: 1.3rem;
    text-decoration: line-through;
}

.shop-product-grid .product-price {
    color: #222529;
    font-size: 1.85rem;
    font-weight: 600;
}

.shop-product-grid .product-price sup,
.widget-featured .product-price sup {
    margin-left: .1rem;
    font-size: .62em;
}

.shop-product-grid .btn-icon-wish,
.shop-product-grid .btn-icon-group {
    display: none !important;
}

.shop-product-grid .btn-quickview {
    background: #14599d;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.shop-product-grid .shop-card-cart {
    align-self: center;
    gap: .7rem;
    width: 100%;
    max-width: 17rem;
    height: 4.2rem;
    margin: 1.5rem auto 2rem;
    padding: 0 1.3rem;
    border-color: #14599d;
    border-radius: 2.2rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.shop-product-grid .shop-card-cart i {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .toolbox-left .sidebar-toggle + .catalog-page-title {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .toolbox-left .catalog-page-title {
        font-size: 1.7rem;
    }
}

@media (max-width: 575px) {
    .shop-product-grid .shop-card-cart {
        gap: .5rem;
        padding-right: .8rem;
        padding-left: .8rem;
        font-size: 1.1rem;
    }
}

/* Product category grid: precise horizontal and vertical rhythm. */
.shop-product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 5px;
    row-gap: 30px;
    margin: 0 0 3rem !important;
}

.shop-product-grid > [class*="col-"] {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.shop-product-grid .product-default {
    height: 100%;
    margin: 0;
}

@media (max-width: 1199px) {
    .shop-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .shop-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile-first progressive disclosure for long product and news lists. */
.mobile-content-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-width: 15rem;
    min-height: 4.4rem;
    margin: 1.6rem auto 0;
    padding: .9rem 2.2rem;
    border: 1px solid #14599d;
    border-radius: 2.4rem;
    background: #fff;
    color: #14599d;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.mobile-content-toggle:hover,
.mobile-content-toggle:focus {
    border-color: #14599d;
    background: #14599d;
    color: #fff;
}

.mobile-content-toggle i {
    font-size: 1.1rem;
    transition: transform .2s ease;
}

.mobile-content-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .mobile-content-toggle {
        display: flex;
    }

    .category-showcase-grid.mobile-collapsible-grid > .mobile-showcase-banner {
        display: none !important;
    }

    .mobile-collapsible-grid:not(.is-mobile-expanded) > .mobile-extra-item,
    .mobile-collapsible-list:not(.is-mobile-expanded) > .mobile-extra-item {
        display: none !important;
    }

    .best-sellers .mobile-collapsible-grid {
        margin-bottom: 0;
    }

    .news-list .mobile-content-toggle {
        margin-top: .4rem;
        margin-bottom: 1.5rem;
    }
}

/* TechGlobal footer: keeps Porto footer widgets, grid and utility classes. */
html {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #078fca;
}

body {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #fff;
}

.page-wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #fff;
}

.footer.techglobal-footer {
    --footer-brand-yellow: #fff200;
    margin-bottom: 0;
    background: #078fca !important;
    color: var(--footer-brand-yellow);
}

body > #scroll-top {
    position: fixed !important;
    transform: translateY(0) !important;
}

.techglobal-footer .footer-middle {
    padding: 4.5rem 0 2.5rem;
    border-bottom: 0;
}

.techglobal-footer .widget {
    margin-bottom: 2.4rem;
}

.techglobal-footer .footer-brand-link {
    display: inline-block;
    margin-bottom: 1.8rem;
}

.techglobal-footer .footer-brand-logo {
    width: 18rem;
    max-width: 18rem !important;
    height: auto;
    margin: 0;
    object-fit: contain;
}

.footer.techglobal-footer .footer-about-text {
    margin-bottom: 1.5rem;
    color: var(--footer-brand-yellow) !important;
    font-size: 1.35rem;
    line-height: 1.9;
}

.footer.techglobal-footer .footer-read-more {
    display: inline-flex;
    margin-bottom: 2.8rem;
    color: #fff !important;
    font-size: 1.35rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.techglobal-footer a {
    color: var(--footer-brand-yellow);
}

.techglobal-footer a:hover,
.techglobal-footer a:focus,
.techglobal-footer .footer-read-more:hover,
.techglobal-footer .footer-read-more:focus {
    color: #fff;
}

.techglobal-footer .widget-title {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.techglobal-footer .footer-link-groups {
    margin-top: .5rem;
}

.techglobal-footer .footer-link-list {
    margin-bottom: 0;
}

.techglobal-footer .footer-link-list li {
    position: relative;
    margin: 0;
    padding: 1rem 0 1rem 1.6rem;
    border-bottom: 1px solid rgba(0, 80, 130, .24);
    font-size: 1.35rem;
    line-height: 1.45;
}

.techglobal-footer .footer-link-list li::before {
    position: absolute;
    top: 1rem;
    left: .2rem;
    color: var(--footer-brand-yellow);
    content: "\203A";
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.footer.techglobal-footer .footer-link-list li a {
    color: var(--footer-brand-yellow) !important;
}

.footer.techglobal-footer .footer-link-list li a:hover,
.footer.techglobal-footer .footer-link-list li a:focus,
.footer.techglobal-footer .footer-office a:hover,
.footer.techglobal-footer .footer-office a:focus {
    color: #fff !important;
}

.techglobal-footer .footer-certifications {
    row-gap: 1.5rem;
    margin-top: auto;
    padding-top: 2rem;
}

.techglobal-footer .footer-main-row {
    min-height: 100%;
}

.techglobal-footer .footer-company-column {
    display: flex;
    flex-direction: column;
}

.techglobal-footer .footer-about-widget {
    margin-bottom: 0;
}

.techglobal-footer .footer-license {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 2;
}

.techglobal-footer .footer-license i {
    width: 1.8rem;
    color: var(--footer-brand-yellow);
}

.techglobal-footer .footer-certification-logo,
.techglobal-footer .footer-dmca-logo {
    display: block;
    max-width: 100%;
    height: auto;
}

.techglobal-footer .footer-contact-column {
    display: flex;
    padding-left: 2.5rem;
}

.techglobal-footer .footer-contact-widget {
    display: flex;
    width: 100%;
    margin-bottom: 0;
    flex-direction: column;
}

.techglobal-footer .footer-office {
    margin-bottom: 2rem;
}

.techglobal-footer .footer-office h5 {
    margin-bottom: .8rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
}

.techglobal-footer .footer-office h5 i {
    margin-right: .5rem;
}

.footer.techglobal-footer .footer-office p {
    margin-bottom: 0;
    color: var(--footer-brand-yellow) !important;
    font-size: 1.3rem;
    line-height: 1.8;
}

@media (min-width: 1200px) {
    .footer.techglobal-footer .footer-office p {
        white-space: nowrap;
    }
}

.techglobal-footer .footer-office p > i {
    width: 1.7rem;
    color: var(--footer-brand-yellow);
    text-align: center;
}

.footer.techglobal-footer .footer-office a {
    color: var(--footer-brand-yellow) !important;
}

.techglobal-footer .footer-social-icons {
    display: flex;
    gap: .8rem;
    margin-top: auto;
    padding-top: 2rem;
}

.techglobal-footer .footer-social-icons .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 1.6rem;
}

.techglobal-footer .footer-social-icons .social-icon:hover,
.techglobal-footer .footer-social-icons .social-icon:focus {
    border-color: var(--footer-brand-yellow);
    background: var(--footer-brand-yellow);
    color: #14599d;
}

.techglobal-footer .footer-bottom {
    min-height: 7.5rem;
    padding: 2rem 0;
    border-top: 1px solid var(--footer-brand-yellow);
}

.techglobal-footer .footer-copyright {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.6;
}

.techglobal-footer .payment-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.techglobal-footer .payment-icon {
    margin: 0;
}

@media (max-width: 991px) {
    .techglobal-footer .footer-middle {
        padding-top: 4rem;
    }

    .techglobal-footer .footer-contact-column {
        display: block;
        margin-top: 1rem;
        padding-left: 1.5rem;
    }

    .techglobal-footer .footer-social-icons {
        margin-top: 2rem;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .techglobal-footer .footer-about-text {
        font-size: 1.3rem;
        line-height: 1.75;
    }

    .techglobal-footer .footer-certifications > div {
        margin-bottom: 1rem;
    }

    .techglobal-footer .footer-bottom {
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .techglobal-footer .footer-middle {
        padding: 3.5rem 0 2rem;
    }

    .techglobal-footer .footer-brand-logo {
        width: 16rem;
        max-width: 16rem !important;
    }

    .techglobal-footer .footer-link-list li {
        padding-top: .85rem;
        padding-bottom: .85rem;
    }

    .techglobal-footer .footer-link-list li::before {
        top: .85rem;
    }

    .techglobal-footer .footer-contact-column {
        padding-left: 1.5rem;
    }

    .techglobal-footer .footer-bottom {
        padding: 2rem 0 2.5rem;
    }

    .techglobal-footer .footer-right {
        margin-left: 0 !important;
    }
}


.mobile-menu .about-menu a,
.mobile-menu .solution-menu a,
.mobile-menu .knowledge-menu a {
    text-transform: none;
}

.mobile-contact-links {
    display: grid;
    gap: 1rem;
    padding: 2rem 0;
}

.mobile-contact-links a {
    color: #fff;
    font-size: 1.4rem;
}

@media (max-width: 575px) {
	.top-categories .categories-slider a i {
		width: 10rem;
		height: 10rem;
	}

	.header .logo img {
		max-width: 14rem;
		height: auto;
	}
}

/* News archive page */
.page-footer-spacing {
    margin-bottom: 6rem;
}

/* CI4 places this page marker on body; spacing must stay before, not after, the footer. */
body.page-footer-spacing {
    margin-bottom: 0 !important;
}

/* Shared archive-to-footer rhythm for News, About and Service lists. */
.news-main-2026,
.content-list-main-2026 {
    padding-bottom: 6rem;
}

/* Keep related content away from the footer on every article detail page. */
.news-detail-main-2026,
.content-detail-main-2026 {
    padding-bottom: 6rem;
}

.news-archive {
    padding: 3.5rem 0 0;
    background: #fff;
}

.news-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #e5e8eb;
}

.news-page-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 .7rem;
    color: #14599d;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.news-page-title i {
    font-size: 2.5rem;
}

.news-page-description {
    max-width: 75rem;
    margin: 0;
    color: #6f7880;
    font-size: 1.4rem;
    line-height: 1.6;
}

.news-page-contact {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 1rem;
    min-width: 19rem;
    padding: 1rem 1.5rem;
    border: 1px solid #dce7f1;
    border-radius: .4rem;
    color: #14599d;
    background: #f5f9fd;
}

.news-page-contact:hover,
.news-page-contact:focus {
    border-color: #14599d;
    color: #fff;
    background: #14599d;
}

.news-page-contact > i {
    font-size: 2.5rem;
}

.news-page-contact span {
    display: grid;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
}

.news-page-contact small {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.news-category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    padding: 2rem 0 0;
}

.news-filter-button {
    min-height: 3.8rem;
    padding: .7rem 1.6rem;
    border: 1px solid #dce3e9;
    border-radius: 2rem;
    color: #46515b;
    background: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

.news-filter-button:hover,
.news-filter-button:focus,
.news-filter-button.is-active {
    border-color: #14599d;
    color: #fff;
    background: #14599d;
}

.news-archive-layout {
    margin-top: 3rem;
}

.news-archive-card {
    grid-template-columns: minmax(24rem, 32%) minmax(0, 1fr);
    min-height: 20rem;
    margin-bottom: 2.6rem;
    padding-bottom: 2.6rem;
}

.news-archive-card[hidden] {
    display: none !important;
}

.news-archive-card .news-card-image {
    align-self: start;
}

.news-archive-card .news-card-content {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.news-card-category {
    display: none !important;
}

.news-archive-card .news-card-content h2 {
    margin: 0 0 .7rem;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.4;
}

.news-archive-card .news-card-content h2 a {
    color: #222529;
}

.news-archive-card .news-card-content h2 a:hover,
.news-archive-card .news-card-content h2 a:focus {
    color: #14599d;
}

.news-read-more {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin-top: auto;
    padding-top: 1rem;
    color: #14599d;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.news-read-more:hover,
.news-read-more:focus {
    color: #f4b400;
}

.news-sidebar-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0;
    padding: 1.4rem 1.2rem;
    border-top: 3px solid #14599d;
    color: #14599d;
    background: #f5f9fd;
    font-size: 1.55rem;
    font-weight: 600;
    text-transform: uppercase;
}

.news-empty-state {
    padding: 4rem 2rem;
    border: 1px dashed #cad5de;
    color: #6f7880;
    text-align: center;
}

.news-pagination {
    display: flex;
    justify-content: center;
    gap: .7rem;
    padding-top: 1rem;
}

.news-pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border: 1px solid #dce3e9;
    border-radius: 50%;
    color: #46515b;
    background: #fff;
    font-size: 1.3rem;
    font-weight: 600;
}

.news-pagination .page-link:hover,
.news-pagination .page-link:focus,
.news-pagination .page-link.active {
    border-color: #14599d;
    color: #fff;
    background: #14599d;
}

.news-pagination .page-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    color: #7b858e;
}

@media (max-width: 991px) {
    .news-archive {
        padding-bottom: 5rem;
    }

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

    .news-archive-layout .news-list {
        grid-column: 1;
        grid-row: 1;
    }

    .news-archive-layout .news-sidebar {
        grid-column: 1;
        grid-row: 2;
        margin-top: 4rem;
    }

    .news-archive-layout .news-sidebar-sticky {
        position: static;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .news-page-header {
        align-items: flex-start;
    }

    .news-page-contact {
        min-width: 17rem;
    }

    .news-page-title {
        font-size: 2.4rem;
    }
}

@media (max-width: 575px) {
    .page-footer-spacing {
        margin-bottom: 4rem;
    }

    .news-main-2026,
    .content-list-main-2026 {
        padding-bottom: 4rem;
    }

    .news-detail-main-2026,
    .content-detail-main-2026 {
        padding-bottom: 4rem;
    }

    .news-archive {
        padding: 2.5rem 0 0;
    }

    .news-page-header {
        display: block;
    }

    .news-page-contact {
        width: 100%;
        margin-top: 1.5rem;
    }

    .news-category-filter {
        flex-wrap: nowrap;
        margin-right: -1.5rem;
        padding-right: 1.5rem;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .news-category-filter::-webkit-scrollbar {
        display: none;
    }

    .news-filter-button {
        flex: 0 0 auto;
    }

    .news-archive-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .news-archive-card .news-card-content h2 {
        font-size: 1.55rem;
    }

    .news-archive-layout .news-sidebar-ads a:not(:first-child) {
        display: none;
    }
}

/* News detail page */
.news-detail-section {
    padding: 3.5rem 0 0;
    background: #fff;
}

.news-detail-main {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.news-article {
    color: #384653;
}

.news-article-header {
    display: grid;
    grid-template-columns: 5.2rem minmax(0, 1fr);
    align-items: start;
    gap: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e8eb;
}

.news-article-date {
    display: grid;
    overflow: hidden;
    border: 1px solid #dce7f1;
    border-radius: .3rem;
    color: #14599d;
    background: #fff;
    text-align: center;
    box-shadow: 0 .3rem .8rem rgba(20, 89, 157, .08);
}

.news-article-date span {
    padding: .8rem .4rem .5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.news-article-date small {
    padding: .5rem .3rem;
    color: #fff;
    background: #087fc4;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.news-article-header h1 {
    margin: 0 0 .8rem;
    color: #14599d;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.3;
}

.news-article-meta {
    margin-bottom: 0;
}

.news-article-content {
    padding-top: 2.5rem;
    color: #46515b;
    font-size: 1.45rem;
    line-height: 1.8;
}

.news-article-content p {
    margin-bottom: 1.8rem;
}

.news-article-lead {
    color: #26384a;
    font-size: 1.55rem;
    font-weight: 500;
}

.news-article-hero {
    margin: 2.5rem 0 3rem;
}

.news-article-hero img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e5e8eb;
}

.news-article-hero figcaption {
    padding: .8rem 1rem;
    color: #7b858e;
    background: #f7f9fb;
    font-size: 1.15rem;
    font-style: italic;
    text-align: center;
}

.news-article-toc {
    margin: 0 0 3rem;
    padding: 1.8rem 2rem;
    border: 1px solid #dce7f1;
    border-left: 4px solid #14599d;
    background: #f5f9fd;
}

.news-article-toc > strong {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    color: #14599d;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.news-article-toc ol {
    margin: 0;
    padding-left: 2rem;
}

.news-article-toc li {
    margin: .5rem 0;
}

.news-article-toc a {
    color: #46515b;
}

.news-article-toc a:hover,
.news-article-toc a:focus {
    color: #14599d;
}

.news-article-content h2 {
    margin: 3.2rem 0 1.2rem;
    padding-left: 1.2rem;
    border-left: 4px solid #f4b400;
    color: #14599d;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    scroll-margin-top: 12rem;
}

.news-article-content > h3 {
    position: relative;
    margin: 2.3rem 0 1rem;
    padding-left: 1.8rem;
    color: #26384a;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.45;
    scroll-margin-top: 12rem;
}

.news-article-content .theme-detail-content {
    color: inherit;
    font: inherit;
}

.news-article-content .theme-detail-cover {
    margin: 2.5rem 0 3rem;
}

.news-article-content .theme-detail-cover img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e5e8eb;
}

.news-article-content .theme-detail-body > h3 {
    position: relative;
    margin: 2.3rem 0 1rem;
    padding-left: 1.8rem;
    color: #26384a;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.45;
    scroll-margin-top: 12rem;
}

.news-article-content .theme-detail-body > h3::before {
    position: absolute;
    top: .75em;
    left: .2rem;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #00adef;
    box-shadow: 0 0 0 3px #e9f6fc;
    content: "";
    transform: translateY(-50%);
}

.news-article-content .tech-content-checklist > li {
    padding: .95rem 1rem .95rem 3.35rem !important;
}

.news-article-content .tech-content-checklist > li::before {
    top: 50%;
    left: 1.15rem;
    width: 1.35rem;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%);
}

.news-article-content > h3::before {
    position: absolute;
    top: .75em;
    left: .2rem;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #00adef;
    box-shadow: 0 0 0 3px #e9f6fc;
    content: "";
    transform: translateY(-50%);
}

.news-requirement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    margin: 2rem 0 2.5rem;
}

.news-requirement-grid section {
    padding: 2rem 1.5rem;
    border: 1px solid #dce7f1;
    background: #fbfdff;
    text-align: center;
}

.news-requirement-grid i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.2rem;
    border-radius: 50%;
    color: #14599d;
    background: #eef6fc;
    font-size: 2.2rem;
}

.news-requirement-grid h3 {
    margin-bottom: .8rem;
    color: #26384a;
    font-size: 1.4rem;
    font-weight: 600;
}

.news-requirement-grid p {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.6;
}

.news-article-note {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin: 2.5rem 0;
    padding: 1.5rem 1.8rem;
    border: 1px solid #f2d779;
    background: #fffaf0;
}

.news-article-note > i {
    color: #e5a900;
    font-size: 2.4rem;
    text-align: center;
}

.news-article-note p {
    margin: 0;
}

.news-check-list {
    margin: 1rem 0 2.5rem;
    padding: 0;
    list-style: none;
}

.news-check-list li {
    position: relative;
    margin: .8rem 0;
    padding-left: 2.8rem;
}

.news-check-list li::before {
    position: absolute;
    top: .1rem;
    left: 0;
    color: #169b62;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
}

.news-article-credits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2rem;
    margin-top: 3rem;
    padding: 1.8rem 2rem 1.5rem;
    border: 1px solid #dce7f1;
    background: #f8fbfe;
}

.news-article-credit {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    min-width: 0;
}

.news-article-credit > i {
    display: inline-flex;
    flex: 0 0 4.2rem;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    color: #14599d;
    background: #e8f4fb;
    font-size: 1.65rem;
}

.news-article-credit div {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.news-article-credit span {
    color: #7b858e;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.news-article-credit a {
    color: #26384a;
    font-size: 1.35rem;
    font-weight: 600;
}

.news-article-credit a:hover,
.news-article-credit a:focus {
    color: #008ccc;
}

.news-article-updated {
    grid-column: 1 / -1;
    padding-top: 1.2rem;
    border-top: 1px solid #dce7f1;
    color: #6c7883;
    font-size: 1.15rem;
}

.news-article-updated i {
    margin-right: .6rem;
    color: #14599d;
}

.news-article-updated time {
    color: #26384a;
    font-weight: 600;
}

.news-article-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3rem;
    padding: 2rem 2.2rem;
    color: #fff;
    background: #14599d;
}

.news-article-cta div {
    display: grid;
    gap: .3rem;
}

.news-article-cta strong {
    font-size: 1.6rem;
}

.news-article-cta span {
    color: rgba(255, 255, 255, .82);
    font-size: 1.25rem;
}

.news-article-cta a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.5rem;
    border-radius: .3rem;
    color: #14599d;
    background: #ffd000;
    font-size: 1.35rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.news-article-cta a:hover,
.news-article-cta a:focus {
    color: #fff;
    background: #008ccc;
    box-shadow: 0 .5rem 1.4rem rgba(0, 0, 0, .16);
    text-decoration: none;
    transform: translateY(-2px);
}

.news-share-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3rem;
    padding: 2rem 0;
    border-top: 1px solid #e5e8eb;
    border-bottom: 1px solid #e5e8eb;
}

.news-share-block > strong {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    color: #26384a;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.news-share-links {
    display: flex;
    gap: .8rem;
}

.news-share-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border: 1px solid #dce3e9;
    border-radius: 50%;
    color: #14599d;
    background: #fff;
    font-size: 1.5rem;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.news-share-links a:hover,
.news-share-links a:focus {
    border-color: #14599d;
    color: #fff;
    background: #14599d;
}

.related-news {
    margin-top: 4.5rem;
}

.related-news-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #e5e8eb;
    color: #14599d;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.related-news-category-filter {
    padding: 1.8rem 0 2.2rem;
}

.related-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.related-news-card {
    overflow: hidden;
    border: 1px solid #e2e8ed;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.related-news-card[hidden] {
    display: none !important;
}

.related-news-card:hover {
    transform: translateY(-.3rem);
    box-shadow: 0 1rem 2rem rgba(20, 89, 157, .1);
}

.related-news-image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #f3f5f7;
}

.related-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.related-news-card:hover .related-news-image img {
    transform: scale(1.035);
}

.related-news-card > div {
    padding: 1.3rem 1.4rem 1.5rem;
}

.related-news-card h3 {
    margin: 0 0 1rem;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.45;
}

.related-news-card h3 a {
    color: #26384a;
}

.related-news-card h3 a:hover,
.related-news-card h3 a:focus {
    color: #14599d;
}

.related-news-card span {
    color: #7b858e;
    font-size: 1.1rem;
}

.related-news-card span i {
    margin-right: .4rem;
    color: #14599d;
}

.related-news-card span .fa-eye {
    margin-left: 1.2rem;
}

.related-news-empty {
    padding: 3rem 1.5rem;
    border: 1px dashed #cad5de;
    color: #6f7880;
    text-align: center;
}

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

    .news-detail-main {
        grid-column: 1;
        grid-row: 1;
    }

    .news-detail-layout .news-sidebar {
        grid-column: 1;
        grid-row: 2;
        margin-top: 4rem;
    }

    .news-detail-layout .news-sidebar-sticky {
        position: static;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .news-requirement-grid,
    .related-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-article-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .news-detail-section {
        padding-top: 2.5rem;
    }

    .news-article-header {
        grid-template-columns: 4.5rem minmax(0, 1fr);
        gap: 1rem;
    }

    .news-article-header h1 {
        font-size: 2.1rem;
    }

    .news-article-content {
        font-size: 1.4rem;
    }

    .news-article-lead {
        font-size: 1.45rem;
    }

    .news-article-content h2 {
        font-size: 1.75rem;
        scroll-margin-top: 8rem;
    }

    .news-requirement-grid,
    .related-news-grid {
        grid-template-columns: 1fr;
    }

    .news-share-block {
        align-items: flex-start;
        flex-direction: column;
    }

    .news-article-credits {
        grid-template-columns: 1fr;
        padding: 1.5rem;
    }

    .news-detail-layout .news-sidebar-ads a:not(:first-child) {
        display: none;
    }
}

/* Keep product article heading hierarchy visually distinct after theme rules. */
.tech-product-tabs .tech-product-content h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 2.25rem;
}

.tech-product-tabs .tech-product-content h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.75rem;
    line-height: 1.45;
}

@media (max-width: 767px) {
    .tech-product-tabs .tech-product-content h2 {
        font-size: 1.9rem;
    }

    .tech-product-tabs .tech-product-content h3 {
        font-size: 1.58rem;
    }
}
/* Semantic button reset for JavaScript-only header/sidebar controls. */
button.search-toggle,
button.cart-toggle,
button.btn-close,
button.btn-remove,
button.sidebar-toggle {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}