@media (hover: none) and (pointer: coarse) {
  .CategoryScroll .mm14-products-viewed-wrapper {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .CategoryScroll .mm14-products-viewed-wrapper::-webkit-scrollbar { display: none; }
  .CategoryScroll .mm14-products-viewed {
    transform: none !important; /* beats the inline style the JS sets */
  }
  .CategoryScroll .recent-item { scroll-snap-align: start; }
  
    #cmscontent #CategoryFrame .mm14-carousel-prev, 
    #cmscontent #CategoryFrame .mm14-carousel-next {
        display: none !important;
    }
    
    #cmscontent #CategoryFrame .mm14-products, 
    #cmscontent #CategoryFrame .mm14-products {
        margin-bottom: 0px;
    }
}
#cmscontent #CategoryFrame .bnrAd.Large .mm14-products-viewed > div {
    width: 23.7% !important;
    min-width: 23.7% !important;
    margin: 0 .65%;
}
#cmscontent article .btn-add:hover {
    opacity: .6;
}
#cmscontent.skin-2022.noside #content {
    max-width: unset;
}
.scale-header.header2022 {
    background: #fff;
}

#cmscontent.skin-2022 main {
    max-width:100% !important;
}

.eBannerX.Sub-Hero, .eBannerX.Sub-Hero .bannerx-img {
    padding-bottom: unset;
    height: 150px !important;
    object-fit: cover;
}

.bnrAd .instore.buyingrestriction {
    display: block;
}
#cmscontent.noside #content {
    width: 100% !important;
}
.ui-page-theme-a .ui-panel-wrapper {
    background: #F1F1F1;
}
.eBannerX .bannerx-image .bannerx-img {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
}
@media only screen and (min-width: 0) and (max-width: 479px) {
    #cmscontent #mainContent {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .eBannerX.Sub-Hero, .eBannerX.Sub-Hero .bannerx-img {
        height: 200px !important;
    }
}
@media only screen and (min-width: 1220px) and (max-width: 999999px) {
    #cmscontent.noside #content {
        max-width: 100%;
        margin-left: 0;
    }
}
body,
body.skin-2022 {
    background: #F1F1F1;
    color: #000;
}

.mb-8 {
    margin-bottom: 8px;
}

.ratio {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ratio::before {
    content: "";
    display: block;
}

.ratio > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ratio-1x1::before {
    padding-top: 100%;
}

.ratio-4x3::before {
    padding-top: 75%;
}

.ratio-3x2::before {
    padding-top: 66.6667%;
}

.ratio-16x9::before {
    padding-top: 56.25%;
}

.ratio-21x9::before {
    padding-top: 42.8571%;
}

.ratio-2x1::before {
    padding-top: 50%;
}

.ratio-9x16::before {
    padding-top: 177.7778%;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.top-unset {
    top: unset !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.img-fixed {
    max-width: 100% !important;
}

.img-h-100px {
    height: 100px;
    margin: 0 auto;
}

.img-ad-desktop {
    width: 1250px;
    height: auto;
}

.height-unset {
    height: unset !important;
}

.data-hidden {
    visibility: hidden !important;
}

.z-1 {
    z-index: 1 !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.object-fit-cover {
    object-fit: cover !important;
}

.text-dark {
    color: #000 !important;
}

.text-primary {
    color: #0073DF !important;
}

.text--dark--danger {
    color: #CC0000 !important;
}

.text-green {
    color: #7ebc00 !important;
}

.bg-gary {
    background-color: #E4E4E4 !important;
}

.bg-gary-100 {
    background-color: #F1F1F1 !important;
}

.bg-dark {
    background-color: #000 !important;
}

.box--shadow {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.btn--white {
    background: #fff;
    color: #000 !important;
    padding: 8px 20px;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    display: inline-block;
    text-align: center;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.btn--white:hover, .btn--white:focus {
    background: #E2E2E2;
    opacity: .9;
    text-decoration: none !important;
}

.btn--white--outline {
    border: 1px solid #fff;
    color: #fff !important;
    padding: 8px 20px;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    display: inline-block;
    text-align: center;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.btn--white--outline:hover,
.btn--white--outline:focus {
    color: #fff !important;
    opacity: .9;
    transition: all .4s ease-in-out;
    text-decoration: none !important;
}

button.btn-add, .btn-add {
    background: #0073df;
    border: 1px solid #0073df;
    border-radius: .2857142857rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    padding: .4785714286em 1.1428571429em .4857142857em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s;
    padding: 5px 16px;
    text-align: center;
}

.btn--brand {
    padding: 10px 20px;
    background: #01AE42;
    border-radius: 5px;
    font-weight: 600 !important;
    font-size: 14px;
    color: #fff !important;
    line-height: 150%;
    text-align: center;
    transition: all .4s;
}

.btn--brand:hover, .btn--brand:focus {
    background: #009839 !important;
    text-decoration: none !important;
}

.btn--brand-nvidia {
    background: #77B900 !important;
}

.btn--brand-nvidia:hover, .btn--brand-nvidia:focus {
    background: #63A50A !important;
}

.btn--brand-amd {
    background: #1495A8 !important;
}

.btn--brand-amd:hover, .btn--brand-amd:focus {
    background: #008194 !important;
}

.btn--brand-intel {
    background: #04C7FD !important;
    color: #000 !important;
}

.btn--brand-intel:hover, .btn--brand-intel:focus {
    background: #00B3E9 !important;
}

.btn--brand-asus {
    background: #248DFF !important;
    color: #000 !important;
}

.btn--brand-asus:hover, .btn--brand-asus:focus {
    background: #1079EB !important;
}

.btn--brand-hiwonder {
    background: #F89A29 !important;
}

.btn--brand-hiwonder:hover, .btn--brand-hiwonder:focus {
    background: #DE8922 !important;
}

.btn--brand-seeed {
    background: #8FC422 !important;
}

.btn--brand-seeed:hover, .btn--brand-seeed:focus {
    background: #82B31D !important;
}

.btn--primary {
    padding: 10px 20px;
    background: #0073df;
    border-radius: 5px;
    font-weight: 600 !important;
    font-size: 14px;
    color: #fff !important;
    line-height: 150%;
    text-align: center;
    transition: all .4s;
}

.btn--primary:hover, .btn--primary:focus {
    color: #fff !important;
    transition: all .4s;
    background: #0059AC !important;
    text-decoration: none !important;
}

.btn--brand-intel:hover, .btn--brand-intel:focus,
.btn--brand-asus:hover, .btn--brand-asus:focus {
    color: #000 !important;
    transition: all .4s;
    text-decoration: none !important;
}

.add--img {
    background-position: 36% center !important;
    min-height: 140px;
}

.bg-topcart {
    display: flex;
    align-items: center;
    padding: 8px 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #0073DF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
    border-radius: 10px 0px;
    font-weight: 600;
    font-size: 14px;
    min-height: 36px;
}

.bg-topcart--medium {
    font-size: 18px;
}

#cmscontent #content .category--landing h1 {
    color: #fff !important;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
    font-weight: 600;
    border: none !important;
}

.category--landing {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.category--landing .h5,
.category--landing h5 {
    font-weight: 600;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0%;
}

.category--hero--bg {
    padding: 32px;
    color: #fff;
    background: radial-gradient(127.01% 80.98% at -66.19% 133.88%, #0073DF 0%, rgba(0, 115, 223, 0) 90.67%), linear-gradient(0deg, #002755 50%, rgba(0, 76, 150, 0) 87.71%), var(--card-image), #002755;
    border-radius: 10px;
    min-height: 269px;
    transition: all .4s ease-in-out;
    background-repeat: no-repeat !important;
    background-size: var(--combo-shopping-size) !important;
    background-position: var(--combo-shopping-position-xs);
}

.category--hero--topspace {
    padding-top: 112px;
}

.category--hero--bg-space {
    background: radial-gradient(83.52% 63.45% at -5.22% -21.35%, #0073DF 20%, rgba(0, 115, 223, 0.929978) 25.23%, rgba(0, 115, 223, 0) 100%), linear-gradient(0deg, #002755 50%, rgba(0, 76, 150, 0) 87.5%), #002755;
    border-radius: 0;
}

.category--micro--center {
    background: radial-gradient(127.01% 80.98% at -66.19% 133.88%, #0073DF 0%, rgba(0, 115, 223, 0) 90.67%), linear-gradient(0deg, #002755 50%, rgba(0, 76, 150, 0) 87.71%), var(--card-image), linear-gradient(0deg, #1E1D22, #1E1D22);
    background-position: top -15% center !important;
    background-size: contain !important;
}

.grid-column-gapnone {
    gap: 0 !important;
}

.category--hero--bg-space h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 10px;
}

.category--hero--bg h2,
.what--goes h2 {
    font-size: 24px;
    font-weight: 600 !important;
}

.category--hero--position--fit {
    background-position: center center !important;
}

.category--hero--position--cover {
    padding: 16px;
}

.category--small--title {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1%;
    text-transform: uppercase;
}

.category--hero--video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    background: #FFFFFF;
    border: 1px solid #EDEBEB;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08);
    border-radius: 100%;
    color: #0073DF;
    font-size: 24px;
}

.category--landing p {
    font-weight: 600 !important;
    margin-bottom: 0;
}

.category--landing p.p1 {
    font-size: 16px;
}

.category--landing .category--hero--box {
    padding: 8px 16px 16px 16px;
    color: #000;
}

.category--landing .category--hero--box p {
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
}

.category--landing .category--hero--brand {
    padding: 16px;
}

.category--landing .category--hero--box,
.category--landing .category--hero--brand {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    transition: all .4s;
}

.category--landing .category--hero--box:hover,
.category--landing .category--hero--brand:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12);
    transition: all .4s;
    color: #000;
}

.category--md--title {
    font-weight: 600 !important;
}

.grid-column {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}

.grid-column-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.grid-card--large {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 568px) {
    .grid-column-xs-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .grid-column-xs-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .grid-column-xs-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .grid-column-xs-5 {
        grid-template-columns: repeat(5, 1fr);
        gap: 8px;
    }

    .grid-column-xs-6 {
        grid-template-columns: repeat(6, 1fr);
        gap: 8px;
    }
    
    .grid-column-xs-7 {
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
    }

    .category--micro--center {
        background-position: top 100% center !important;
        background-size: cover !important;
    }
}

@media (min-width: 768px) {
    .category--hero--position--cover {
        padding: 32px;
    }

    .bg-topcart {
        padding: 8px 24px 8px 32px;
        font-size: 14px;
    }

    .bg-topcart--medium {
        font-size: 20px;
    }

    .category--hero--bg h2,
    .what--goes h2 {
        font-size: 34px;
    }

    .category--landing .category--hero--brand {
        padding: 24px 24px 32px;
    }

    .category--landing .category--hero--box {
        padding: 8px 20px 16px 20px;
    }

    .grid-column-sm-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .grid-column-sm-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .grid-column-sm-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .grid-column-sm-5 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }

    .grid-column-sm-6 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }
    
    .grid-column-sm-7 {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 16px;
    }

    .grid-card--large {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .add--img {
        min-height: 218px;
        background-position: center center !important;
    }

    .categories-pattern {
        right: -34%;
        bottom: 0;
    }

    .difference-video {
        flex: 0 0 49%;
    }

    .category--hero {
        padding: 32px 48px 48px;
    }

    .category--hero--bg {
        background: radial-gradient(161% 1068% at -56.3% 50%, #0073DF 0%, rgba(0, 115, 223, 0.00) 100%), linear-gradient(90deg, #002755 60%, rgba(0, 39, 85, 0.00) 95%), var(--card-image), #002755;
        padding: 32px 48px 48px 48px;
        background-size: var(--combo-shopping-size), auto !important;
        background-position: var(--combo-shopping-position) !important;
    }

    .category--hero--bg:has(.btn:hover) {
        background: radial-gradient(168% 1112% at -56.3% 50%, #0073DF 32.24%, rgba(0, 115, 223, 0.00) 100%), linear-gradient(90deg, #002755 60%, rgba(0, 39, 85, 0.00) 95%), var(--card-image), #002755;
        background-repeat: no-repeat !important;
        background-size: var(--combo-shopping-size), auto !important;
        background-position: var(--combo-shopping-position) !important;
        transition: all .4s ease-in-out;
    }

    .category--hero--bg-space {
        background: radial-gradient(161% 1068% at -21.43% -56.3%, #0073DF 0%, rgba(0, 115, 223, 0) 100%), #002755 !important;
    }

    .category--hero--bg-space:has(.btn:hover) {
        background: radial-gradient(168% 1112% at -21.43% -56.3%, #0073DF 12%, rgba(0, 115, 223, 0) 100%), #002755 !important;
    }

    .category--micro--center {
        background: radial-gradient(98.62% 795.76% at -9.28% -10.74%, rgba(0, 115, 223, 0.6) 0%, rgba(0, 115, 223, 0) 100%), linear-gradient(90deg, #002755 50%, rgba(0, 39, 85, 0) 94.32%), var(--card-image), #002755;
        background-position: center right 0px !important;
        background-size: contain !important;
    }

    .category--micro--center:has(.btn:hover) {
        background: radial-gradient(100% 895.76% at -9.28% -10.74%, rgba(0, 115, 223, 0.6) 15%, rgba(0, 115, 223, 0) 100%), linear-gradient(90deg, #002755 50%, rgba(0, 39, 85, 0) 94.32%), var(--card-image), #002755;
        background-position: center right 0px !important;
        background-size: contain !important;
    }

    .category--hero--leftAlign {
        background-position: left -260% center !important;
    }
}
@media (min-width:834px) {
    .categories-pattern {
        right: -22%;
    }
}
@media (min-width:992px) {
    .categories-pattern {
        right: -4%;
    }

    .category--hero--position--130 {
        background-position: 90% !important;
    }

    .category--hero--position--150 {
        background-position: -30% !important;
    }

    .grid-column-md-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .grid-column-md-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .grid-column-md-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .grid-column-md-5 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }

    .grid-column-md-6 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }
    
    .grid-column-md-7 {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 16px;
    }

    #cmscontent #content .category--landing h1 {
        font-weight: 600;
        font-size: 40px;
        line-height: 110.00000000000001%;
        letter-spacing: -4.5%;
    }
}

@media (min-width:1200px) {
    .categories-pattern {
        right: 8%;
        bottom: 0;
    }

    .category--hero--position--130 {
        background-position: -130% !important;
    }

    .category--hero--position--150 {
        background-position: -150% !important;
    }

    .grid-column-lg-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .grid-column-lg-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .grid-column-lg-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .grid-column-lg-5 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }

    .grid-column-lg-6 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }
    
    .grid-column-lg-7 {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 16px;
    }
}

.category--landing .table--eligible thead tr th, .category--landing .table--eligible tbody tr td {
    font-size: 16px;
    padding: 16px 8px;
}

.category--landing .table--eligible tbody tr td {
    font-size: 15px;
}

.category--landing .table--eligible tbody tr td a {
    font-size: 16px !important;
}

.category--landing .eligible--table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
}

@media (max-width: 991.98px) {
    .category--landing .eligible--table-wrap {
        background: transparent;
        border: 0;
        border-radius: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .category--landing .eligible--table-wrap .table--eligible,
    .category--landing .eligible--table-wrap .table--eligible tbody,
    .category--landing .eligible--table-wrap .table--eligible tbody td {
        display: block;
        width: 100%;
    }

    .category--landing .eligible--table-wrap .table--eligible thead {
        display: none;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: #FFFFFF;
        border: 1px solid #DFDFDF;
        border-radius: 8px;
        padding: 12px 15px;
        margin-bottom: 15px;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr:last-child {
        margin-bottom: 0;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td {
        padding: 10;
        border-top: 0;
        text-align: left;
        font-weight: 400;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td:first-of-type {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        cursor: pointer;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td:first-of-type a {
        display: inline !important;
        width: auto;
    }

    .category--landing .eligible--table-wrap .table--eligible .table--eligible-toggle {
        display: inline-flex;
        flex: 0 0 auto;
        font-size: 16px;
        line-height: 100%;
        color: #0073DF;
        transition: rotate 0.3s ease;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open .table--eligible-toggle {
        rotate: 180deg;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td:not(:first-of-type) {
        display: none;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open td:not(:first-of-type) {
        display: block;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td:not(:first-of-type)::before {
        content: attr(data-label);
        display: block;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        color: #000;
        margin-bottom: 4px;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open td:nth-child(n+4) {
        border-top: 1px solid #F5F5F5;
        padding-top: 12px;
    }
}

@media (min-width: 568px) and (max-width: 991.98px) {
    .category--landing .eligible--table-wrap .table--eligible tbody tr {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open td:nth-child(n+4) {
        border-top: 0;
        padding-top: 0;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open td {
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 12px;
    }

    .category--landing .eligible--table-wrap .table--eligible tbody tr td:first-of-type, .category--landing .eligible--table-wrap .table--eligible tbody tr.is-open td:nth-child(n+6) {
        border-bottom: none;
    }
}

.favorite, .product2022 .favorite {
    background: #fff;
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: .0357142857em .0714285714em .2142857143em .1071428571em rgba(54, 54, 54, .1);
    box-shadow: .0357142857em .0714285714em .2142857143em .1071428571em rgba(54, 54, 54, .1);
    float: none;
    font-family: Font Awesome\ 6 Free;
    font-size: 1.25em;
    font-weight: 400;
    height: 1.6em;
    padding: .4285714286em;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 1.6em;
    z-index: 10;
    z-index: 1;
}

.favorite:after, .product2022 .favorite:after {
    color: #707070;
    content: "\f004";
    font-weight: 900;
    opacity: 0;
}

.favorite:before, .product2022 .favorite:before {
    color: #707070;
    content: "\f004";
}

.favorite:after, .favorite:before, .product2022 .favorite:after, .product2022 .favorite:before {
    left: 50%;
    line-height: .8;
    margin-top: .06em;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .15s;
    transition: all .15s;
}

.favorite.hover:after, .favorite.hover:before, .favorite:active:after, .favorite:active:before, .favorite:focus:after, .favorite:focus:before, .favorite:hover:after, .favorite:hover:before, .product2022 .favorite.hover:after, .product2022 .favorite.hover:before, .product2022 .favorite:active:after, .product2022 .favorite:active:before, .product2022 .favorite:focus:after, .product2022 .favorite:focus:before, .product2022 .favorite:hover:after, .product2022 .favorite:hover:before {
    color: #0073df;
}

.category--landing .ReviewsProducts .slick-slide {
    margin: 0 5px;
}

.category--landing .ReviewsProducts .slick-track {
    margin-left: 0;
    display: flex;
}

.category--landing .ReviewsProducts .slick-track .slick-slide {
    padding-bottom: 8px;
}

.category--landing .ReviewsProducts .slick-track .slick-slide div, .category--landing .ReviewsProducts .slick-track .slick-slide div > div {
    height: 100%;
}

.category--landing .ReviewsProducts .slick-track .slick-slide, .category--landing .ReviewsProducts .slick-track .slick-slide div > div > div {
    height: unset;
}

.category--landing .ReviewsProducts .slick-track .slick-slide .product-item__price {
    min-height: 28px;
}

.product-item {
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 16px 24px 12px;
    position: relative;
    transition: all .4s;
}

.product-item:hover, .product-item:focus {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.12);
    transition: all .4s;
}

.product-item .product-item__row .product-item__link {
    font-family: Open Sans;
    font-size: 16px !important;
}

.product-item .product-item__row .product-item__link {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.3px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.favorite:after, .favorite:before, .product2022 .favorite:after, .product2022 .favorite:before {
    font-family: "Font Awesome 6 Pro";
}

.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left {
    display: flex !important;
    flex-wrap: wrap;
}

.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left .bv_stars_component_container {
    padding-right: 8px !important;
}

.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left .bv_sub_container {
    display: flex !important;
    color: #000;
}

.product-item .product-item__price .text-red {
    color: #CC0000 !important;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 6px !important;
}

.product-item .product-item__price .text-blue {
    color: #000 !important;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 24px !important;
}

.product-item .product-item__title {
    margin-bottom: 0.5rem;
}

.product-item .product-item__title .small {
    margin-bottom: 20px;
    min-height: 72px;
}

.product-item .product-item__title .bv_inline_rating_container_left:hover {
    text-decoration: none !important;
}

.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left .bv_sub_container .bv_averageRating_component_container {
    padding-right: 3px;
}

.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left .bv_sub_container .bv_averageRating_component_container,
.product-item [data-bv-show=inline_rating] .bv_main_container.bv_inline_rating_container_left .bv_sub_container .bv_numReviews_component_container {
    line-height: 24px;
}

.product-item.product-item--horizontal .product-item__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-item.product-item--horizontal .product-item__row .product-item__image {
    max-width: 100%;
}

.product-item.product-item--horizontal .product-item__row .product-item__price .gutters-xsmall {
    flex-direction: column;
}

.product-item.product-item--horizontal .product-item__row .product-item__link {
    color: #000 !important;
}

.product-item.product-item--horizontal .product-item__row .col {
    width: 100%;
    margin-top: 20px;
}

.product-item .product--save {
    align-items: center;
    padding: 6px 12px;
    position: absolute;
    left: 0px;
    top: 20px;
    background: #161616;
    border-radius: 0px 10px 10px 0px;
    z-index: 2;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

@media (min-width:568px) {
    .product-item.product-item--horizontal .product-item__row {
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .product-item.product-item--horizontal .product-item__row .col {
        width: auto;
        margin-top: 0;
    }

    .product-item.product-item--horizontal .product-item__row .product-item__image {
        max-width: 130px;
    }
}

.buyingrestriction {
    padding: 5px 17.5px;
    flex-wrap: wrap;
    width: 100%;
}

.crtfrm .buyingrestriction {
    display: block;
}

@media (min-width:992px) {
    .category--landing .ReviewsProducts .slick-slide {
        margin: 0 8px;
    }
}

.section-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.section-grid .card-large {
    grid-column: span 2;
    grid-row: span 2;
}

.section-grid .card-small {
    grid-column: span 1;
}

.section-grid .card-small .bambu--card--body.text-left {
    text-align: left;
}

.section-grid .card-wide {
    grid-column: span 2;
}

.bambu--inter--image {
    background-repeat: no-repeat;
    background-size: 215px;
    background-position: right -56px bottom -26px;
}

.bambu--inter--image-wide {
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right 64% bottom 0;
}

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

@media (min-width:568px) {
    .bambu--inter--image {
        background-position: right -16px bottom -26px;
    }

    .bambu--inter--image-wide {
        background-size: auto 104%;
        background-position: right 84% bottom -40px;
    }
}

/* Category - 3D Printing page sections */
.category--eyebrow {
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #0073DF;
    margin-bottom: 6px;
}

.category--landing .category--section--title {
    font-weight: 600;
    font-size: 26px;
    line-height: 120%;
    margin: 0 0 8px;
}

.category--landing .section--intro p {
    line-height: 150%;
    font-size: 16px;
    font-weight: 400 !important;
}

.section-grid .bambu--card {
    background: #202020;
    color: #fff;
}

.bambu--card--media {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    background: #161616;
}

.section-grid .card-large .bambu--card--media {
    height: 240px;
}

.bambu--card--body {
    padding: 24px;
    flex: 1 1 auto;
}

.bambu--card--body p {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 24px;
}

.bambu--card--body h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}

.bambu--card--body h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
}

.bambu--card--body ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.bambu--card--content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
    font-weight: 800;
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #FF00FF; 
    visibility: hidden;
}

.card-wide .bambu--card--body,
.card-small .bambu--card--body {
    padding-bottom: 110px;
}

.section-grid .bambu--card h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    margin: 0 0 8px;
}

.category--landing .bambu--card p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #D7D7D7;
    margin: 0 0 16px;
}

.bambu--card--link {
    color: #000 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    transition: all .4s;
}

.bambu--card--link .ic {
    transition: all .4s;
}

.bambu--card--link:hover,
.bambu--card--link:focus {
    color: #000 !important;
    transition: all .4s;
}

.bambu--card--link:hover .ic,
.bambu--card--link:focus .ic {
    margin-left: 8px;
    transition: all .4s;
}

.bambu--card--link-white {
    color: #fff !important;
    transition: all .4s;
}

.bambu--card--link-white:hover,
.bambu--card--link-white:focus {
    color: #fff !important;
    transition: all .4s;
}

@media (min-width:992px) {
    .bambu--card--body {
        padding: 24px;
    }
}

.compare--table-wrap {
    background: #fff;
    border-radius: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 24px;
}

.table--compare {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
}

.table--compare th,
.table--compare td {
    text-align: left;
    vertical-align: middle;
    padding: 28px 24px;
    border-top: 1px solid #F0F0F0;
}

.table--compare thead th {
    border-top: 0;
    padding-top: 16px;
    text-align: center;
    vertical-align: bottom;
}

.table--compare thead th img {
    display: block;
    height: 140px;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto 10px;
}

.category--landing .table--compare thead th a {
    font-weight: 700 !important;
    color: #0073DF;
}

.table--compare tbody th {
    width: 22%;
    min-width: 150px;
    font-weight: 700 !important;
    color: #000;
    position: sticky;
    left: 0;
}

.table--compare tbody td {
    width: 26%;
    text-align: center;
}

.table--compare.column-6 tbody th {
    width: 18%;
}

.table--compare.column-6 tbody td {
    width: 15%;
}

/* Inland filament comparison */
.filament-section__container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.filament-section__title {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #000;
}

.filament--compare {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.filament--compare--characteristics {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

.filament--compare--characteristics-head {
    height: 230px;
    border-bottom: 1px solid #d7d7d7;
}

.filament--compare--characteristics-body {
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.filament--compare--characteristics-body .filament--compare--label {
    text-align: left;
}

.filament--compare--controls {
    display: none;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .filament--compare--controls {
        display: flex;
    }
}

@media (min-width: 568px) {
    .bambu--card--body h3 {
        font-size: 20px;
    }
}

.filament--compare--controls:empty {
    display: none;
}

.filament--compare--slider.slick-dotted {
    margin-bottom: 0;
}

.filament--compare--controls .slick-arrow {
    order: 1;
    position: static;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid #EDEBEB;
    border-radius: 50%;
    background: #FFFFFF;
    color: #0073DF;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08);
    font-size: 0;
    line-height: 1;
    transform: none;
    cursor: pointer;
}

.filament--compare--controls .slick-arrow:hover,
.filament--compare--controls .slick-arrow:focus {
    background: #EDEBEB !important;
    border: 1px solid #EDEBEB !important;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.12) !important;
}

.filament--compare--controls .slick-next {
    order: 3;
}

.filament--compare--controls .slick-arrow:before {
    color: #0073DF;
    font-family: "Font Awesome 6 Pro";
    font-size: 21px;
    line-height: 1;
    opacity: 1;
}

.filament--compare--controls .slick-prev:before {
    content: "\2039";
}

.filament--compare--controls .slick-next:before {
    content: "\203A";
}

/* Dots */
.filament--compare--controls .slick-dots {
    order: 2;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto;
    margin: 0;
    padding: 0 16px;
    list-style: none;
    transform: none;
}

.filament--compare--controls .slick-dots li.play,
.filament--compare--controls .slick-dots li.pause {
    display: none;
}

.filament--compare--controls .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
}

.filament--compare--controls .slick-dots li button {
    display: block;
    width: 10px !important;
    height: 10px !important;
    margin: 0;
    padding: 0 !important;
    border: 0;
    border-radius: 50%;
    outline: 0 !important;
    background: #5E5E5E !important;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.filament--compare--controls .slick-dots li button:before {
    display: none;
}

.filament--compare--controls .slick-dots li button:hover,
.filament--compare--controls .slick-dots li button:focus {
    background: rgba(94, 94, 94, 0.7) !important;
}

.filament--compare--controls .slick-dots li.slick-active button {
    background: rgba(94, 94, 94, 0.4) !important;
}

.filament--compare--slider {
    position: relative;
    min-width: 0;
    width: 100%;
    margin-bottom: 0;
}

.ReviewsProducts.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.filament--compare--slider .slick-list {
    width: 100%;
    overflow: hidden;
}

.filament--compare--slider .slick-track {
    display: flex;
    align-items: stretch;
}

.filament--compare--slider .slick-slide {
    height: auto;
    padding: 0;
}

.filament--compare--slider .slick-slide > div {
    height: 100%;
}

.filament--compare--slider .filament--compare--slide {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

.filament--compare--head {
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 8px 12px;
    border-bottom: 1px solid #d7d7d7;
}

.filament--compare--head img {
    display: block;
    width: 100%;
    max-width: 115px;
    height: 165px;
    margin: 0 auto 8px;
    object-fit: contain;
}

.filament--compare--name {
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
    color: #0073df;
    text-align: center;
}

.filament--compare--body {
    min-height: 135px;
    padding: 10px;
}

.filament--compare--label {
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
    text-align: center;
    color: #000;
}

.filament--compare--slider .filament--compare--slide .filament--compare--body .filament--compare--label {
    opacity: 0;
}

.filament--compare--body p {
    max-width: 145px;
    margin: 0;
    text-align: center;
    color: #000;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .filament--compare--head {
        height: 220px;
    }

    .filament--compare--characteristics-head {
        height: 220px;
    }

    .filament--compare--head img {
        max-width: 95px;
        height: 155px;
    }

    .filament--compare--name {
        font-size: 12px;
    }

    .filament--compare--body p {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .filament-section {
        padding: 15px 10px 45px;
    }

    .filament-section__title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .filament--compare {
        display: block;
        width: 100%;
        overflow: visible;
        border-radius: 10px;
    }

    .filament--compare--characteristics {
        display: none;
    }

    .filament--compare--slider {
        width: 100%;
    }

    .filament--compare--slider .slick-list {
        margin: 0;
    }

    .filament--compare--slider .slick-track {
        display: flex;
    }

    .filament--compare--slider .slick-slide {
        padding: 0 5px;
    }

    .filament--compare--slider .slick-slide > div {
        height: 100%;
    }

    .filament--compare--slider .filament--compare--slide {
        border-left: 0;
        border-radius: 8px;
        overflow: hidden;
    }

    .filament--compare--head {
        height: 215px;
        padding: 12px 8px 10px;
    }

    .filament--compare--head img {
        width: 100%;
        max-width: 125px;
        height: 165px;
        margin-bottom: 6px;
    }

    .filament--compare--name {
        font-size: 13px;
    }

    .filament--compare--body {
        min-height: 135px;
    }

    .filament--compare--slider .slick-current.slick-active .filament--compare--slide .filament--compare--body .filament--compare--label {
        opacity: 1;
        font-size: 13px;
        margin-bottom: 7px;
    }

    .filament--compare--body p {
        max-width: 180px;
        font-size: 13px;
        line-height: 1.45;
    }
}

@media (max-width: 575.98px) {
    .filament-section {
        padding-left: 8px;
        padding-right: 8px;
    }

    .filament--compare--slider .slick-slide {
        padding: 0 4px;
    }

    .filament--compare--head {
        height: 220px;
    }

    .filament--compare--head img {
        max-width: 130px;
        height: 170px;
    }

    .filament--compare--body p {
        max-width: 230px;
    }
}
/* Feature icon columns */
.feature--icon {
    padding: 32px;
}

.feature--icon .ic {
    display: block;
    font-size: 32px;
    line-height: 100%;
    color: #0073DF;
    margin-bottom: 12px;
}

button.btn-add, .btn-add,
.category--hero--bg .btn,
.category--hero--bg .btn--white,
.category--hero--bg .btn--white--outline,
.bambu--card--body .btn--brand,
.card-call-out .btn,
.news--card .btn--white,
.news--card .btn--white--outline,
.category--landing .feature--icon .btn--primary,
.category--landing .ReviewsProducts .slick-track .slick-slide .product-item__price {
    width: 100% !important;
}

.category--landing .feature--icon h3 {
    margin: 0 0 8px;
}

@media (min-width:568px) {

    button.btn-add, .btn-add,
    .category--hero--bg .btn,
    .category--hero--bg .btn--white,
    .category--hero--bg .btn--white--outline,
    .bambu--card--body .btn--brand,
    .card-call-out .btn,
    .news--card .btn--white,
    .news--card .btn--white--outline,
    .category--landing .feature--icon .btn--primary,
    .category--landing .ReviewsProducts .slick-track .slick-slide .product-item__price {
        width: unset !important;
    }
}

/* News cards */
.category--landing .news--card {
    padding: 24px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), var(--card-image);
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .4s ease-in-out;
}

.category--landing .news--card:has(.btn:hover) {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--card-image);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: all .4s ease-in-out;
}

.category--landing .card-wide .news--card {
    padding: 24px;
}

/* Category copy columns */
.category--landing .seo--card {
    padding: 24px;
}

.category--landing .feature--icon h3,
.category--landing .news--card h3,
.category--landing .seo--card h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
}

.category--md--title,
.category--landing p,
.category--eyebrow,
.category--landing .table--compare thead th a,
.table--compare tbody th,
.table--compare tbody td,
.filament--compare--body p,
.category--landing .feature--icon p,
.category--landing .news--card p,
.category--landing .testimonial--card p,
.category--landing .seo--card p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.category--landing .feature--icon p,
.category--landing .testimonial--card p,
.category--landing .seo--card p,
.combo--card p {
    font-weight: 400 !important;
}

@media (max-width: 767.98px) {
    .compare--table-wrap {
        padding: 16px;
    }

    .table--compare,
    .table--compare thead,
    .table--compare tbody {
        display: block;
    }

    .table--compare {
        min-width: 390px;
    }

    .table--compare thead tr,
    .table--compare tbody tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .table--compare thead th:first-child {
        display: none;
    }

    .table--compare thead th img {
        height: 72px;
    }

    .table--compare th,
    .table--compare td {
        border-top: 0;
        padding: 6px 8px;
    }

    .table--compare thead th {
        padding-top: 12px;
    }

    .table--compare tbody tr {
        border-top: 1px solid #F0F0F0;
        padding: 10px 0 16px;
    }

    .table--compare tbody th {
        grid-row: 1;
        grid-column: 1;
        width: auto;
        min-width: 0;
        position: static;
        text-align: center;
        padding-bottom: 6px;
    }

    .table--compare tbody td {
        grid-row: 2;
        width: auto;
    }

    .table--compare.column-6 {
        min-width: 690px;
    }

    .table--compare.column-6 tbody th {
        width: auto;
    }

    .table--compare.column-6 tbody td {
        width: auto;
    }

    .table--compare.column-6 thead tr,
    .table--compare.column-6 tbody tr {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .category--section--title + .btn--primary {
        margin-top: 8px;
    }
}

@media (min-width: 992px) {
    .bambu--card--body h2 {
        font-size: 34px;
    }

    .bambu--card--body h3,
    .category--landing .news--card h3,
    .category--landing .seo--card h3 {
        font-size: 26px;
    }

    .category--landing .feature--icon h3 {
        font-size: 20px;
    }

    .category--md--title,
    .category--landing p,
    .category--eyebrow,
    .category--landing .table--compare thead th a,
    .table--compare tbody th,
    .table--compare tbody td,
    .filament--compare--body p,
    .category--landing .feature--icon p,
    .category--landing .news--card p,
    .category--landing .testimonial--card p,
    .category--landing .seo--card p {
        font-size: 16px;
    }

    .category--landing .section--intro p,
    .category--landing p.p1 {
        font-size: 18px;
    }

    .category--landing .news--card {
        padding: 32px 48px 24px 48px;
    }

    .category--landing .card-wide .news--card {
        padding: 32px 32px 48px 32px;
    }

    .category--landing .seo--card {
        padding: 32px;
    }
}

/* UBIQUITI PAGE */
.ubiquiti--unifi {
    display: inline-block;
    max-width: 80px;
    width: 100%;
    position: absolute;
    left: 16px;
    top: 16px;
}

.ubiquiti--rail {
    min-width: 0;
    grid-column: span 2;
}

.ubiquiti--rail .ReviewsProducts,
.ubiquiti--rail .slick-list {
    max-width: 100%;
}

.ubiquiti--rail .filament--compare--controls {
    justify-content: flex-end;
    padding-right: 0;
}

.unifi--key-features h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
}

.unifi--key-features p {
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 150%;
}

.unifi--key-features .img--align-fixed {
    height: 140px;
}

.card-call-out-space {
    padding-top: 280px;
}

.card-call-out {
    background: linear-gradient(180deg, rgba(0, 39, 85, 0.00) 12.48%, #002755 44.51%), var(--card-call-out-image), radial-gradient(65.05% 65.05% at 50% 0%, #0073DF 20%, rgba(0, 115, 223, 0.00) 100%), #002755;
    background-repeat: no-repeat;
    background-size: var(--card-call-out-size);
    background-position: var(--card-call-out-position);
    transition: all .4s ease-in-out;
}

.card-call-out h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
}

.card-call-out p,
.bambu--card--body p {
    font-weight: 400 !important;
}

.card-call-out p.small {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 24px;
    margin-bottom: 0;
}

.card-call-out:has(.btn:hover), .card-call-out:has(.btn:focus) {
    background: linear-gradient(180deg, rgba(0, 39, 85, 0.00) 12.48%, #002755 44.51%), var(--card-call-out-image), radial-gradient(65.05% 65.05% at 50% 0%, #0073DF 56.94%, rgba(0, 115, 223, 0.00) 100%), #002755;
    background-repeat: no-repeat;
    background-size: var(--card-call-out-size);
    background-position: var(--card-call-out-position);
}

.what--goes img {
    width: 32px;
    height: 32px;
}

.what--goes p {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -2%;
}

@media (min-width: 768px) {
    .column--ubiquiti--rail {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .ubiquiti--unifi {
        left: unset;
        right: 48px;
        top: 32px;
    }

    .ubiquiti--hero--nav.grid-column-6 {
        grid-template-columns: repeat(8, 1fr);
    }

    .unifi--key-features h2 {
        font-size: 34px;
        line-height: 120%;
    }

    .unifi--key-features p {
        font-size: 18px;
    }

    .unifi--key-features .img--align-fixed {
        height: 247px;
    }

    .card-call-out h2 {
        font-size: 32px;
    }
}

.ai--components--nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 767.98px) {
    .ai--components--nav > *:first-child {
        grid-column: 1 / -1;
    }
}

@media (min-width: 768px) {
    .ai--components--nav {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .ai--components--nav {
        grid-template-columns: repeat(20, 1fr);
    }

    .ai--components--nav > * {
        grid-column: span 4;
    }

    .ai--components--nav > *:nth-child(n + 6) {
        grid-column: span 5;
    }
}

.table--systems--wrap > h3,
.table--systems--wrap > p {
    position: sticky;
    left: 0;
}

.category--landing .table--systems--wrap > p {
    font-weight: 400 !important;
}

.table--systems {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.table--systems th,
.table--systems td {
    padding: 20px 14px;
    text-align: center;
    vertical-align: middle;
    border: 0;
}

.table--systems thead th {
    vertical-align: bottom;
    padding-bottom: 18px;
    font-weight: 700 !important;
    color: #000;
}

.table--systems tbody tr {
    border-top: 1px solid #E5E5E5;
}

.table--systems tbody td:empty {
    background: #F1F1F1;
}

.category--landing .table--systems a {
    color: #0073DF;
}

.category--landing .table--systems p {
    margin: 0;
    font-weight: 400 !important;
}

@media (max-width: 767.98px) {

    .table--systems th,
    .table--systems td {
        padding: 16px 10px;
    }
}

.combo--card {
    padding: 32px 16px 190px 16px;
    background-color: #002755;
    background-image: var(--combo-art), radial-gradient(69.47% 86.31% at 100% 85.31%, rgba(0, 115, 223, 0.5) 0%, rgba(0, 115, 223, 0) 100%);
    background-repeat: no-repeat !important;
    background-size: var(--combo-size-xs), auto !important;
    background-position: var(--combo-position-xs);
    transition: all .4s ease-in-out;
}

.combo--card:has(.btn:hover), .combo--card:has(.btn:focus) {
    background-color: #002755;
    background-image: var(--combo-art), radial-gradient(90.24% 82.42% at 100% 85.31%, rgba(0, 115, 223, 0.80) 0%, rgba(0, 115, 223, 0.00) 100%);
    background-repeat: no-repeat !important;
    background-size: var(--combo-size-xs), auto !important;
    background-position: var(--combo-position-xs);
}

.combo--card h2 {
    font-size: 24px;
    line-height: 130%;
    font-weight: 600;
}

@media (min-width: 375px) {
    .combo--card {
        padding: 32px 32px 190px 32px;
    }
}

@media (min-width: 568px) {
    .combo--card {
        padding-bottom: 32px;
        background-size: var(--combo-size-xs), auto !important;
        background-position: var(--combo-position-sm) !important;
    }

    .combo--card:has(.btn:hover), .combo--card:has(.btn:focus) {
        background-size: var(--combo-size-xs), auto !important;
        background-position: var(--combo-position-sm) !important;
    }
}

@media (min-width: 768px) {
    .combo--card {
        background-size: var(--combo-size), auto !important;
        background-position: var(--combo-position-md) !important;
    }

    .combo--card:has(.btn:hover), .combo--card:has(.btn:focus) {
        background-size: var(--combo-size), auto !important;
        background-position: var(--combo-position-md) !important;
    }
}

@media (min-width: 992px) {
    .combo--card {
        padding: 35px 48px 48px 48px;
        background-size: var(--combo-size), auto !important;
        background-position: var(--combo-position) !important;
    }

    .combo--card:has(.btn:hover), .combo--card:has(.btn:focus) {
        background-size: var(--combo-size), auto !important;
        background-position: var(--combo-position) !important;
    }
}

/*=== Mobile Framework Css ===*/
.MobileFramework .category--hero--bg {
    background: radial-gradient(127.01% 80.98% at -66.19% 133.88%, #0073DF 0, rgba(0, 115, 223, 0) 90.67%), linear-gradient(0deg, #002755 50%, rgba(0, 76, 150, 0) 87.71%), var(--card-image), #002755;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: all .4s ease-in-out;
    padding: 32px !important;
    background-position: var(--combo-shopping-position) !important;
}

.MobileFramework .category--hero--bg:has(.btn:hover),
.MobileFramework .category--hero--bg:has(.btn:focus) {
    background: radial-gradient(127.01% 80.98% at -66.19% 133.88%, #0073DF 0, rgba(0, 115, 223, 0) 90.67%), linear-gradient(0deg, #002755 50%, rgba(0, 76, 150, 0) 87.71%), var(--card-image), #002755;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: all .4s ease-in-out;
    background-position: var(--combo-shopping-position) !important;
}

.MobileFramework .categories-pattern {
    display: none !important;
}

.MobileFramework .grid-column-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
}

.MobileFramework .grid-column {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 8px !important;
}
.MobileFramework .category--landing {
    max-width: 640px;
}

.MobileFramework .category--hero--bg [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
}

.MobileFramework .category--hero--topspace {
    padding-top: 112px !important;
}
.MobileFramework .category--landing .ReviewsProducts .slick-slide {
    padding: 0 8px;
    margin: 0 !important;
}
.MobileFramework .ReviewsProducts.slick-dotted.slick-slider {
    margin-left: -8px;
    margin-right: -8px;
}

.MobileFramework .shop--best-dails .shop--best-header .btn,
.MobileFramework .bambu--lab .bambu--lab--header .btn {
    display:none !important;
}
.MobileFramework .shop--best-dails .btn,
.MobileFramework .bambu--lab .btn{
    width: 100% !important;
    display: block !important;
}
.MobileFramework .section-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
}
.MobileFramework .bambu--lab .section-grid {
    margin-bottom: 20px !important;
}
.MobileFramework .category--landing .h5, .MobileFramework .category--landing h5 {
    font-size: 20px;
    line-height: 130%;
}

.MobileFramework .filament--compare--controls {
    display: none !important;
}

@media (max-width: 640px) {
    .MobileFramework .filament--compare--controls,
    .filament--compare--controls {
        display: none !important;
    }
}

.white-logo-boxes .img-fixed {
    width: 100% !important;
    max-width: 185px !important;
    margin: 0 auto;
    height: auto;
}