/* Smile Watch storefront refinements (2026-09-15) */

/* Homepage: content and visual system adapted from the original Smile Watch site. */
.common-home .section-galler {
    background: #09101d;
}

.common-home .section-galler .hero-slide,
.common-home .section-galler .slider-img,
.common-home .section-galler .slider-img img {
    display: block;
    width: 100%;
}

.common-home .section-galler .slider-img img {
    height: clamp(280px, 30.3vw, 582px);
    object-fit: cover;
}

.common-home .section-galler .has-content .hero-slide::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 8, 28, .78) 0%, rgba(0, 8, 28, .32) 38%, rgba(0, 8, 28, 0) 68%);
}

.common-home .section-galler .slide-content {
    z-index: 2;
    top: 50%;
    color: #fff;
    text-align: left !important;
    transform: translateY(-50%);
}

.common-home .section-galler .slide-content h2 {
    color: #fff;
    font-size: clamp(24px, 2.4vw, 43px);
    line-height: 1.18;
    letter-spacing: clamp(2px, .45vw, 7px);
    text-transform: uppercase;
}

.common-home .section-galler .slide-content div > strong {
    font-size: clamp(19px, 2vw, 34px);
    line-height: 1.25;
    letter-spacing: clamp(1px, .28vw, 4px);
}

.common-home .section-galler .slide-content .description {
    margin-top: 7px;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.common-home .section-galler .btn-one {
    min-width: 180px;
    color: #fff;
    background: #981b2d;
    border: 1px solid #981b2d;
}

.common-home .section-galler .btn-one:hover {
    color: #981b2d;
    background: #fff;
    border-color: #fff;
}

.common-home .service-service_three {
    padding: 0;
    color: #fff;
    background: #00081c;
}

.common-home .service-service_three__item {
    min-height: 86px;
    height: auto;
    padding: 16px 8px;
}

.common-home .service-service_three .section-service__img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.common-home .service-service_three .section-service__icon {
    flex: 0 0 38px;
    color: #cdbc7a;
    font-size: 29px;
    line-height: 38px;
    text-align: center;
}

.common-home .service-service_three .section-service__content a {
    color: #fff;
}

.common-home .service-service_three__item h3 {
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 1.4px;
}

.common-home .service-service_three__item .section_service__text {
    margin: 3px 0 0;
    color: #d7d9df;
    font-size: 12px;
    line-height: 1.4;
}

/* Inner-page reassurance strip: let text determine height instead of clipping it. */
body:not(.common-home) .service-service_three {
    padding: 12px 0;
    color: #00081c;
    background: #f5f6f8;
    border-bottom: 1px solid #e7e9ee;
}

body:not(.common-home) .service-service_three__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 62px;
    height: auto;
    padding: 10px 8px;
}

body:not(.common-home) .service-service_three > .container > .row > div {
    display: flex;
}

body:not(.common-home) .service-service_three .section-service__img {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

body:not(.common-home) .service-service_three .section-service__icon {
    flex: 0 0 28px;
    font-size: 23px;
    line-height: 28px;
    text-align: center;
}

body:not(.common-home) .service-service_three .section-service__content {
    min-width: 0;
    margin: 0;
    text-align: left;
}

body:not(.common-home) .service-service_three__item h3 {
    margin: 0;
    color: #00081c;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

body:not(.common-home) .service-service_three__item .section_service__text {
    margin: 3px 0 0;
    color: #747a86;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    body:not(.common-home) .service-service_three {
        padding: 8px 0;
    }

    body:not(.common-home) .service-service_three__item {
        min-height: 68px;
        padding: 10px 20px;
    }
}

.common-home #product_custom-0,
.common-home #product_custom-1,
.common-home .full_width_container {
    padding: 42px 0;
}

.common-home .panel-heading,
.common-home .sec-title .title {
    padding: 12px 20px 26px;
    color: #00081c;
    font-weight: 600;
}

.common-home .banner_custom {
    padding: 18px 0;
}

.common-home .banner_custom .widget-images,
.common-home .banner_custom .image-item,
.common-home .banner_custom .banner-image {
    overflow: hidden;
    border-radius: 3px;
}

.common-home .banner_custom .banner-image img {
    width: 100%;
    height: clamp(320px, 45vw, 570px);
    object-fit: cover;
    transition: transform .65s ease;
}

.common-home .banner_custom:hover .banner-image img {
    transform: scale(1.018);
}

.common-home .banner_custom .box-image {
    top: 50%;
    z-index: 2;
    width: min(46%, 500px);
    padding: 28px 30px;
    color: #fff;
    background: rgba(0, 8, 28, .78);
    transform: translateY(-50%);
}

.common-home .banner_custom .box-image-left {
    left: 4%;
}

.common-home .banner_custom .box-image-right {
    right: 4%;
}

.common-home .banner_custom .box-image h1 {
    font-size: clamp(25px, 3vw, 42px);
    line-height: 1.14;
    letter-spacing: clamp(2px, .5vw, 7px);
}

.common-home .banner_custom .box-image h2 {
    font-size: clamp(17px, 1.8vw, 25px);
    line-height: 1.25;
    letter-spacing: 3px;
}

.common-home .banner_custom .box-image span {
    line-height: 1.55;
    letter-spacing: 1.1px;
    text-transform: none;
}

.common-home .banner_custom .box-image .btn {
    color: #fff;
    background: #981b2d;
    border-color: #981b2d;
}

.common-home .slide-carousel {
    margin-top: 28px;
    padding: 48px 0 42px;
    background: linear-gradient(180deg, #f7f4ee 0%, #fff 100%);
    border-top: 1px solid #eee8dc;
    border-bottom: 1px solid #eee8dc;
}

.common-home .slide-carousel .sw-brand-heading {
    padding-top: 0;
}

.common-home .slide-carousel .sw-brand-heading .panel-title,
.common-home .sw-home-news .sec-title .title {
    position: relative;
    padding-bottom: 15px;
}

.common-home .slide-carousel .sw-brand-heading .panel-title::after,
.common-home .sw-home-news .sec-title .title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 52px;
    height: 2px;
    content: "";
    background: #981b2d;
    transform: translateX(-50%);
}

.common-home .slide-carousel .sw-brand-heading .sec-description {
    max-width: 680px;
    margin: 0 auto 22px;
    color: #6f7077;
    font-size: 14px;
}

.common-home .slide-carousel .item {
    padding: 8px 9px 16px;
}

.common-home .slide-carousel .item > a,
.common-home .slide-carousel .item > img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 94px;
    padding: 17px 14px;
    background: #fff;
    border: 1px solid #ebe5da;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 8, 28, .055);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.common-home .slide-carousel .item > a:hover {
    border-color: #d6c9ac;
    box-shadow: 0 12px 28px rgba(0, 8, 28, .11);
    transform: translateY(-3px);
}

.common-home .slide-carousel .item img {
    width: 100%;
    height: 58px;
    min-height: 0;
    padding: 0;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    filter: grayscale(1);
    opacity: .76;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.common-home .slide-carousel .item a:hover img {
    filter: grayscale(0);
    opacity: 1;
    transform: translateY(-2px);
}

.common-home .sw-home-news {
    padding: 54px 0 60px;
    background: #fff;
}

.common-home .sw-home-news .sec-title {
    margin-bottom: 26px;
}

.common-home .sw-home-news .sec-description {
    max-width: 680px;
    margin: 10px auto 0;
    color: #777983;
}

.common-home .sw-news-grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 28px;
}

.common-home .sw-news-col {
    display: flex;
}

.common-home .sw-news-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8e9ed;
    border-radius: 4px;
    box-shadow: 0 10px 28px rgba(0, 8, 28, .065);
    transition: box-shadow .25s ease, transform .25s ease;
}

.common-home .sw-news-card:hover {
    box-shadow: 0 16px 36px rgba(0, 8, 28, .12);
    transform: translateY(-4px);
}

.common-home .sw-news-media {
    display: block;
    overflow: hidden;
    background: #f1f1f1;
}

.common-home .sw-news-media img {
    display: block;
    width: 100%;
  height:100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.common-home .sw-news-card:hover .sw-news-media img {
    transform: scale(1.035);
}

.common-home .sw-news-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 19px 20px 21px;
}

.common-home .sw-news-date {
    margin-bottom: 9px;
    color: #981b2d;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.1px;
}

.common-home .sw-news-title {
    margin: 0 0 11px;
    font-size: 17px;
    line-height: 1.45;
}

.common-home .sw-news-title a {
    color: #00081c;
}

.common-home .sw-news-excerpt {
    display: -webkit-box;
    margin: 0 0 15px;
    overflow: hidden;
    color: #676a73;
    font-size: 14px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.common-home .sw-news-link {
    margin-top: auto;
    color: #981b2d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.common-home .sw-news-view-all {
    display: inline-block;
    margin-top: 32px;
    padding: 11px 26px;
    color: #fff;
    background: #00081c;
    border: 1px solid #00081c;
    border-radius: 2px;
}

.common-home .newsletter-content-module {
    position: relative;
    overflow: hidden;
    padding: 70px 15px;
    color: #fff;
    background: radial-gradient(circle at 15% 20%, rgba(205, 188, 122, .26), transparent 34%), linear-gradient(135deg, #710f20 0%, #981b2d 48%, #4b0713 100%) !important;
}

.common-home .newsletter-content-module::after {
    position: absolute;
    right: -90px;
    bottom: -130px;
    width: 340px;
    height: 340px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(255, 255, 255, .035), 0 0 0 78px rgba(255, 255, 255, .025);
}

.common-home .pav-newsletter form {
    position: relative;
    z-index: 1;
    min-height: 0;
    margin: 0 auto;
    padding: 38px 42px 40px;
    color: #00081c;
    background: rgba(255, 255, 255, .97);
    border-top: 4px solid #cdbc7a;
    border-radius: 5px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.common-home .pav-newsletter .panel-heading h4 {
    margin-bottom: 13px;
    color: #00081c;
    font-size: clamp(24px, 2.4vw, 34px);
}

.common-home .pav-newsletter .description {
    color: #5e616b;
}

.common-home .pav-newsletter .signup {
    color: #fff;
    background: #981b2d;
    border-color: #981b2d;
}

.common-home .collapse_readmore {
    position: relative;
    padding: 68px 20px 72px;
    color: #fff;
    background: radial-gradient(circle at 85% 30%, rgba(205, 188, 122, .16), transparent 28%), #00081c;
}

.common-home .collapse_readmore .panel-heading {
    color: #fff;
}

.common-home .collapse_readmore .panel-heading::after {
    display: block;
    width: 58px;
    height: 2px;
    margin: 18px auto 22px;
    content: "";
    background: #cdbc7a;
}

.common-home .collapse_readmore .box-content,
.common-home .collapse_readmore .box-content p {
    color: #d9dce4;
}

.common-home .collapse_readmore .box-content a {
    color: #cdbc7a;
}

.common-home .collapse_readmore .box-content a.readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 20px;
    color: #00081c;
    background: #cdbc7a;
    border-radius: 2px;
    text-decoration: none;
}

.common-home .collapse_readmore .box-content a.readmore:hover,
.common-home .collapse_readmore .box-content a.readmore:focus {
    color: #00081c;
    background: #e0ce88;
}

.common-home .collapse_readmore .box-content a.readmore:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

.common-home .collapse_readmore .box-content a.readmore span,
.common-home .collapse_readmore .box-content a.readmore i {
    color: inherit;
}

@media (max-width: 767px) {
    .common-home .panel-heading,
    .common-home .sec-title .title {
        overflow: visible;
        font-size: 16px;
        line-height: 1.45;
        letter-spacing: 1.8px;
        white-space: normal;
    }

    .common-home .section-galler .has-content .hero-slide::after {
        background: linear-gradient(0deg, rgba(0, 8, 28, .86) 0%, rgba(0, 8, 28, .28) 52%, rgba(0, 8, 28, 0) 100%);
    }

    .common-home .section-galler .slide-content {
        top: auto;
        bottom: 18px;
        padding-right: 28px;
        padding-left: 28px;
        transform: none;
    }

    .common-home .section-galler .slide-content h2 {
        margin-bottom: 8px !important;
    }

    .common-home .section-galler .slide-content .description {
        display: none;
    }

    .common-home .section-galler .btn-one {
        min-width: 150px;
        margin-top: 12px;
    }

    .common-home .service-service_three__item {
        min-height: 76px;
    }

    .common-home .banner_custom .banner-image img {
        height: 420px;
    }

    .common-home .banner_custom .box-image {
        right: 18px;
        left: 18px;
        width: auto;
        padding: 22px 18px;
    }

    .common-home .banner_custom .box-image h1 {
        font-size: 24px;
    }

    .common-home .slide-carousel {
        margin-top: 14px;
    }

    .common-home .slide-carousel .item > a,
    .common-home .slide-carousel .item > img {
        min-height: 82px;
        padding: 12px 10px;
    }

    .common-home .sw-home-news {
        padding: 42px 0 48px;
    }

    .common-home .sw-news-grid {
        row-gap: 18px;
    }

    .common-home .newsletter-content-module {
        padding: 48px 0;
    }

    .common-home .pav-newsletter form {
        padding: 28px 20px 30px;
    }

    .common-home .collapse_readmore {
        padding: 52px 18px 56px;
    }
}

@media (max-width: 991px) {
    .common-home .mid-header-mobile {
        min-height: 64px;
    }

    .common-home .mid-header-mobile > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 118px;
        height: 64px;
        overflow: hidden;
        background: #00081c;
    }

    .common-home .mid-header-mobile > a img {
        display: block;
        width: 108px;
        height: 60px;
        padding: 4px;
        object-fit: contain;
    }
}

/* Product-all filter bar: isolate it from Bootstrap's native .custom-select. */
.sw-product-all .search-result-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 30px;
}

.sw-product-all .search-result-options > div:first-child,
.sw-product-all .search-result-options > button:first-child {
    margin-right: 0;
}

.sw-product-all .openFilter,
.sw-product-all #sort-by.custom-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    width: auto;
    min-width: 205px;
    height: 46px;
    min-height: 46px;
    margin: 0;
    padding: 0 16px;
    color: #00081c;
    background: #fff;
    border: 1px solid #d9dce3;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.sw-product-all .openFilter {
    min-width: 244px;
    font-family: inherit;
}

.sw-product-all .openFilter:hover,
.sw-product-all #sort-by.custom-select:hover {
    border-color: #00081c;
    box-shadow: 0 5px 18px rgba(0, 8, 28, .08);
}

.sw-product-all .search-result-options h5 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin: 0 14px 0 0;
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.5px;
    white-space: nowrap;
}

.sw-product-all .FilterButton,
.sw-product-all .SortByInvisibleSelect {
    position: static;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    fill: currentColor;
    margin-left: 0;
}

.sw-product-all .openFilter:focus-visible,
.sw-product-all #sort-by.custom-select:focus-within {
    outline: 2px solid #00081c;
    outline-offset: 3px;
}

.sw-product-all #sort-by select.form-control {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

/* Shared product tiles. */
.products-block .product-col,
.search-result-items .product-col {
    display: flex;
    margin-bottom: 28px;
}

.product-col .product-tile.sw-product-card {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e9ee;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 8, 28, .035);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.product-col .product-tile.sw-product-card:hover {
    transform: translateY(-4px);
    border-color: #d5d9e2;
    box-shadow: 0 14px 30px rgba(0, 8, 28, .12);
}

.sw-product-card .product-image {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f7f7f8;
}

.sw-product-card .thumb-link,
.sw-product-card .swap-on-hover-front-image {
    display: block;
    width: 100%;
    height: 100%;
}

.sw-product-card .swap-on-hover-front-image img {
    width: 100%;
    height: 100% !important;
    padding: 8px;
    object-fit: contain;
    transition: transform .35s ease;
}

.sw-product-card:hover .swap-on-hover-front-image img {
    transform: scale(1.035);
}

.sw-product-card .product-sale {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    margin: 0;
}

.sw-product-card .reduced-price-percentage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 29px;
    padding: 5px 9px;
    color: #fff;
    background: #b20d20;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
}

.sw-product-card .product-des {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 15px 15px 18px;
}

.sw-product-card .product-desc {
    min-height: 47px;
    margin: 0 0 11px;
}

.sw-product-card .product-desc a {
    display: -webkit-box;
    overflow: hidden;
    color: #00081c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sw-product-card .product-swatches {
    min-height: 28px;
    margin-bottom: 7px;
}

.sw-product-card .product-pricing {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 10px;
    margin-top: auto;
}

.sw-product-card .product-discount-price {
    color: #b20d20;
    font-size: 17px;
    font-weight: 700;
}

.sw-product-card .product-standard-price {
    color: #8a8f9a;
    font-size: 13px;
    text-decoration: line-through;
}

/* Legacy product-block partials used by search/special modules. */
.product-block {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e9ee;
    border-radius: 4px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.product-block:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 8, 28, .12);
}

.product-block .image {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f7f7f8;
}

.product-block .product-img,
.product-block .product-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.product-block .product-img img {
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
}

.product-block .product-meta {
    padding: 15px;
}

.product-block .name {
    min-height: 44px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.product-block .price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.product-block .price-new {
    color: #b20d20;
    font-size: 17px;
    font-weight: 700;
}

/* Product detail summary and equal-width tabs. */
.sw-product-detail .product-shop {
    padding-top: 8px;
}

.sw-product-detail .price-title.sw-product-summary {
    display: block;
}

.sw-product-detail .product-name h1 {
    margin: 0;
    color: #00081c;
    font-size: clamp(24px, 2.3vw, 36px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .3px;
}

.sw-product-detail .sw-product-summary > .price-block {
    margin-top: 19px;
}

.sw-product-detail .sw-product-price .regular-price,
.sw-product-detail .sw-product-price .special-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0;
}

.sw-product-detail .sw-price-caption {
    flex-basis: 100%;
    color: #6d7280;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sw-product-detail .sw-current-price {
    color: #b20d20 !important;
    font-size: clamp(26px, 3vw, 34px) !important;
    font-weight: 700;
    line-height: 1.15;
}

.sw-product-detail .sw-original-price {
    color: #9297a1;
    font-size: 16px;
    font-weight: 400;
}

.sw-product-detail .product-collateral {
    margin-top: 45px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e6ec;
    border-radius: 4px;
}

.sw-product-detail #product-detail-tab.product-tabs {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    border: 0;
    border-bottom: 1px solid #e3e6ec;
}

.sw-product-detail #product-detail-tab.product-tabs > li {
    display: flex;
    flex: 1 1 0;
    min-width: 140px;
    margin: 0;
    text-align: center;
}

.sw-product-detail #product-detail-tab.product-tabs > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 12px 16px;
    color: #656b78;
    background: #fafafb;
    border: 0;
    border-right: 1px solid #e3e6ec;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.sw-product-detail #product-detail-tab.product-tabs > li:last-child > a {
    border-right: 0;
}

.sw-product-detail #product-detail-tab.product-tabs > li > a.active,
.sw-product-detail #product-detail-tab.product-tabs > li.active > a {
    color: #00081c;
    background: #fff;
}

.sw-product-detail #product-detail-tab.product-tabs > li > a.active::after,
.sw-product-detail #product-detail-tab.product-tabs > li.active > a::after {
    position: absolute;
    right: 22px;
    bottom: -1px;
    left: 22px;
    height: 3px;
    background: #00081c;
    content: '';
}

.sw-product-detail #product-detail-tab.product-tabs > li > a::before {
    display: none;
}

.sw-product-detail #productTabContent .tab-pane {
    padding: 28px;
}

.sw-product-detail #productTabContent .v-base-content img {
    max-width: 100%;
    height: auto;
}

.sw-product-detail #tab-specification .table {
    margin: 0;
    border: 0;
}

.sw-product-detail #tab-specification .table td {
    padding: 13px 16px;
    border-color: #e7e9ee;
    vertical-align: middle;
}

.sw-product-detail #tab-specification .table tbody td:first-child {
    width: 34%;
    color: #555b67;
    background: #fafafb;
    font-weight: 600;
}

/* Product filter drawer. */
body.disableScroll {
    overflow: hidden;
}

#navigation-drawer.sw-filter-drawer {
    top: 0;
    right: 0;
    width: min(430px, 100vw);
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    color: #00081c;
    background: #fff;
    border-left: 1px solid #e5e8ee;
    box-shadow: -18px 0 45px rgba(0, 8, 28, .16);
    transform: translateX(105%);
    transition: transform .32s cubic-bezier(.22, .61, .36, 1);
}

body.disableScroll #navigation-drawer.sw-filter-drawer {
    transform: translateX(0);
}

body.disableScroll #navigation-scrim.sw-filter-scrim {
    background: rgba(0, 8, 28, .58);
    opacity: 1;
    backdrop-filter: blur(1px);
}

#navigation-drawer.sw-filter-drawer .ProductFilter {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#navigation-drawer.sw-filter-drawer .sw-filter-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    min-height: 88px;
    padding: 18px 22px 16px 24px;
    background: #fff;
    border-bottom: 1px solid #e5e8ee;
}

#navigation-drawer.sw-filter-drawer .sw-filter-title {
    color: #00081c;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#navigation-drawer.sw-filter-drawer .sw-filter-subtitle {
    margin-top: 6px;
    color: #777e8b;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .2px;
}

#navigation-drawer.sw-filter-drawer .sw-filter-close.site-close-handle {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: 14px;
    padding: 0;
    color: #00081c;
    background: #f4f5f7;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    transition: background-color .2s ease, transform .2s ease;
}

#navigation-drawer.sw-filter-drawer .sw-filter-close:hover {
    background: #e8eaee;
    transform: rotate(90deg);
}

#navigation-drawer.sw-filter-drawer .sw-filter-close img {
    display: block;
    width: 16px;
    height: 16px;
}

#navigation-drawer.sw-filter-drawer .sw-filter-form {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #b7bcc6 transparent;
    scrollbar-width: thin;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group {
    margin: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e5e8ee;
    border-radius: 0;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 19px 24px;
    color: #00081c;
    background: #fff;
    border: 0;
    border-radius: 0;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse:hover,
#navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse.active {
    color: #8f0b1d;
    background: #faf8f8;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse h5 {
    flex: 1 1 auto;
    margin: 0 16px 0 0;
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse svg {
    flex: 0 0 14px;
    min-width: 14px;
    width: 14px;
    height: 14px;
    fill: currentColor;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group-item {
    max-height: 330px;
    padding: 10px 24px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fafbfc;
    border: 0;
    border-top: 1px solid #eef0f3;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .checkbox,
#navigation-drawer.sw-filter-drawer .ProductFilter .radio,
#navigation-drawer.sw-filter-drawer .ProductFilter .fakecheckbox {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation-drawer.sw-filter-drawer .ProductFilter .list-group-item a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-decoration: none;
    text-transform: none;
}

#navigation-drawer.sw-filter-drawer .ProductFilter label {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 39px;
    margin: 0;
    padding: 7px 0;
    color: #343a46;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .15px;
    text-transform: none;
}

#navigation-drawer.sw-filter-drawer .ProductFilter label:hover {
    color: #8f0b1d;
}

#navigation-drawer.sw-filter-drawer .filter-group-attribute label > span {
    flex: 1 1 auto;
    min-width: 0;
}

#navigation-drawer.sw-filter-drawer .filter-group-attribute label > small {
    flex: 0 0 auto;
    margin-left: auto;
    color: #9a9faa;
    font-size: 11px;
    font-weight: 400;
}

#navigation-drawer.sw-filter-drawer .ProductFilter input[type="checkbox"],
#navigation-drawer.sw-filter-drawer .ProductFilter input[type="radio"] {
    position: static;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #aeb4bf;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

#navigation-drawer.sw-filter-drawer .ProductFilter input[type="radio"] {
    border-radius: 50%;
}

#navigation-drawer.sw-filter-drawer .ProductFilter input[type="checkbox"]:checked,
#navigation-drawer.sw-filter-drawer .ProductFilter input[type="radio"]:checked {
    background: #00081c;
    border-color: #00081c;
    box-shadow: inset 0 0 0 4px #fff;
}

#navigation-drawer.sw-filter-drawer .ProductFilter input:focus-visible {
    outline: 2px solid #8f0b1d;
    outline-offset: 2px;
}

#navigation-drawer.sw-filter-drawer .filter-group-attribute {
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .sw-product-all .search-result-options {
        align-items: stretch;
        gap: 9px;
        margin: 18px 0 22px;
    }

    .sw-product-all .openFilter,
    .sw-product-all #sort-by.custom-select {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
        padding: 0 11px;
    }

    .sw-product-all .openFilter {
        min-width: 0;
    }

    .sw-product-all .search-result-options h5 {
        margin-right: 7px;
        overflow: hidden;
        font-size: 11px;
        letter-spacing: .7px;
        text-overflow: ellipsis;
    }

    .product-col .product-tile.sw-product-card {
        border-radius: 2px;
    }

    .sw-product-card .product-des {
        padding: 11px 10px 14px;
    }

    .sw-product-card .product-desc {
        min-height: 42px;
    }

    .sw-product-card .product-desc a {
        font-size: 13px;
        line-height: 1.55;
    }

    .sw-product-card .product-discount-price {
        font-size: 15px;
    }

    .sw-product-card .product-standard-price {
        font-size: 12px;
    }

    .sw-product-card .product-sale {
        top: 8px;
        left: 8px;
    }

    .sw-product-card .reduced-price-percentage {
        min-width: 43px;
        min-height: 25px;
        padding: 3px 6px;
        font-size: 11px;
    }

    .sw-product-detail .product-shop {
        margin-top: 22px;
    }

    .sw-product-detail .product-collateral {
        margin-top: 30px;
    }

    .sw-product-detail #product-detail-tab.product-tabs > li {
        min-width: 118px;
    }

    .sw-product-detail #product-detail-tab.product-tabs > li > a {
        min-height: 50px;
        padding: 10px 8px;
        font-size: 11px;
        letter-spacing: .7px;
    }

    .sw-product-detail #productTabContent .tab-pane {
        padding: 18px 14px;
    }

    .sw-product-detail #tab-specification .table tbody td:first-child {
        width: 42%;
    }

    #navigation-drawer.sw-filter-drawer {
        width: 100vw;
    }

    #navigation-drawer.sw-filter-drawer .sw-filter-header {
        min-height: 80px;
        padding: 14px 16px 13px 18px;
    }

    #navigation-drawer.sw-filter-drawer .sw-filter-title {
        font-size: 18px;
        letter-spacing: 2.4px;
    }

    #navigation-drawer.sw-filter-drawer .sw-filter-subtitle {
        max-width: 250px;
    }

    #navigation-drawer.sw-filter-drawer .ProductFilter .list-group > .btn-collapse {
        min-height: 56px;
        padding: 17px 18px;
    }

    #navigation-drawer.sw-filter-drawer .ProductFilter .list-group-item {
        padding: 9px 18px 16px;
    }
}
.header__logo{
max-width:130px
}

/* Keep mobile controls on the existing topbar, without a second logo row. */
.sw-mobile-menu-toggle,
.sw-mobile-header-actions {
    display: none;
}

@media (max-width: 991px) {
    #top-header .sw-header-topbar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        align-items: center;
        gap: 8px;
        min-height: 72px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .sw-header-brand a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .sw-header-brand .header__logo {
        width: auto;
        max-width: min(155px, 100%);
        max-height: 76px;
        object-fit: contain;
    }

    .sw-mobile-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 10px;
        color: #00081c;
        background: transparent;
        border: 0;
        cursor: pointer;
    }

    .sw-mobile-menu-toggle svg {
        width: 23px;
        height: 23px;
        fill: currentColor;
    }

    .sw-mobile-header-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 44px;
        margin: 0;
    }

    .sw-mobile-header-actions #cart {
        width: 44px;
        margin: 0;
        padding: 0;
    }

    .sw-mobile-header-actions #cart > .btn-cart {
        position: relative;
        width: 44px;
        height: 44px;
        padding: 10px;
        color: #00081c;
        background: transparent;
        border: 0;
    }

    .sw-mobile-header-actions #cart > .btn-cart svg {
        width: 24px;
        height: 24px;
        fill: currentColor;
    }

    .common-home .sw-mobile-menu-toggle,
    .common-home .sw-mobile-header-actions #cart > .btn-cart {
        color: #fff;
    }

    .sw-mobile-header-actions #cart-total {
        top: 0;
        right: 0;
    }

    .sw-mobile-navigation {
        height: 0;
    }

    .common-home .section-galler .slick-arrow {
        top: 16px;
        bottom: auto;
        left: auto;
        width: 34px;
        height: 34px;
        margin: 0;
        padding: 9px;
        color: #fff;
        background: rgba(0, 8, 28, .72);
        border: 1px solid rgba(255, 255, 255, .35);
        border-radius: 50%;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        transform: none;
    }

    .common-home .section-galler .slick-prev {
        right: 58px;
    }

    .common-home .section-galler .slick-next {
        right: 16px;
    }
}

@media (max-width: 767px) {
    #footer.footer {
        padding: 24px 0 18px;
    }

    #footer > .container > .row {
        row-gap: 16px;
    }

    #footer .title-menu {
        margin: 0 0 8px;
        font-size: 15px;
        line-height: 1.4;
        letter-spacing: 1.2px;
    }

    #footer .title-menu > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #footer .box-infor,
    #footer .panel-body {
        margin: 0;
        padding: 0;
        font-size: 13px;
        line-height: 1.6;
    }

    #footer .panel-body p {
        margin: 0 0 6px;
    }

    #footer .list-menu li a {
        padding-bottom: 5px;
        font-size: 13px;
        line-height: 1.5;
    }

    #footer a {
        overflow-wrap: anywhere;
    }

    .copyright {
        padding: 9px 12px;
        font-size: 12px;
        line-height: 1.5;
        text-align: center;
    }
}

/* Contact page: balanced information/form cards and a full-width map. */
.sw-contact-page {
    padding: 42px 0 48px;
    background: #f7f8fa;
}

.sw-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 26px;
}

.sw-contact-card {
    min-width: 0;
    padding: 30px;
    background: #fff;
    border: 1px solid #e7e9ee;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 8, 28, .035);
}

.sw-contact-card h2,
.sw-contact-form legend {
    display: block;
    width: 100%;
    margin: 0 0 24px;
    padding: 0;
    color: #00081c;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .3px;
    border: 0;
}

.sw-contact-info {
    border-top: 3px solid #cdbc7a;
}

.sw-contact-store {
    margin-bottom: 20px;
    color: #00081c;
    font-size: 18px;
    font-weight: 600;
}

.sw-contact-store-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.sw-contact-detail {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
    color: #596273;
    font-size: 15px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.sw-contact-detail > .fa {
    flex: 0 0 24px;
    color: #8b7537;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

.sw-contact-detail > div {
    min-width: 0;
}

.sw-contact-detail address {
    margin: 0;
}

.sw-contact-detail strong {
    display: block;
    margin-bottom: 3px;
    color: #00081c;
    font-size: 13px;
    font-weight: 600;
}

.sw-contact-detail a {
    display: block;
    color: #00081c;
}

.sw-contact-detail a:hover,
.sw-contact-map-heading a:hover {
    color: #981b2d;
}

.sw-contact-comment {
    color: #596273;
    font-size: 14px;
    line-height: 1.7;
}

.sw-contact-info .panel-body .row > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 12px;
}

.sw-contact-form .form-group {
    margin: 0 0 18px;
}

.sw-contact-form .control-label {
    display: block;
    margin-bottom: 8px;
    padding: 0;
    color: #394252;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.sw-contact-form .form-control {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #cbd1db;
    border-radius: 3px;
}

.sw-contact-form textarea.form-control {
    min-height: 160px;
    height: auto;
    resize: vertical;
}

.sw-contact-form .form-control:focus {
    border-color: #9d8749;
    box-shadow: 0 0 0 3px rgba(205, 188, 122, .16);
}

.sw-contact-form .text-danger {
    margin-top: 6px;
    font-size: 13px;
}

.sw-contact-submit {
    margin: 18px 0 0;
    text-align: right;
}

.sw-contact-submit .btn {
    min-width: 140px;
    padding: 12px 24px;
    color: #cdbc7a;
    font-size: 14px;
    background: #00081c;
    border: 1px solid #00081c;
    border-radius: 3px;
}

.sw-contact-submit .btn:hover {
    color: #fff;
    background: #981b2d;
    border-color: #981b2d;
}

.sw-contact-map {
    margin-top: 26px;
    padding: 0;
    overflow: hidden;
}

.sw-contact-map-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 22px 30px;
}

.sw-contact-map-heading h2 {
    width: auto;
    margin: 0;
}

.sw-contact-map-heading a {
    color: #596273;
    font-size: 13px;
}

.sw-contact-map iframe {
    display: block;
    width: 100%;
    height: 340px;
    border: 0;
}

@media (max-width: 991px) {
    .sw-contact-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .sw-contact-page {
        padding: 24px 0 28px;
    }

    .sw-contact-layout {
        gap: 20px;
    }

    .sw-contact-card {
        padding: 24px 20px;
    }

    .sw-contact-card h2,
    .sw-contact-form legend {
        font-size: 20px;
    }

    .sw-contact-detail {
        margin-bottom: 18px;
        font-size: 14px;
    }

    .sw-contact-submit .btn {
        width: 100%;
    }

    .sw-contact-map {
        margin-top: 20px;
        padding: 0;
    }

    .sw-contact-map-heading {
        padding: 20px;
    }

    .sw-contact-map iframe {
        height: 280px;
    }
}

/* Information pages: a readable article and a compact newsletter section. */
.sw-information-page {
    padding: 42px 0 48px;
    background: #f7f8fa;
}

.sw-information-article {
    max-width: 960px;
    margin: 0 auto;
    padding: 34px 42px 38px;
    background: #fff;
    border: 1px solid #e7e9ee;
    border-top: 3px solid #cdbc7a;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 8, 28, .035);
}

.sw-information-eyebrow {
    margin-bottom: 22px;
    color: #8b7537;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 3px;
}

.sw-information-content {
    color: #394252;
    font-size: 16px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.sw-information-content p,
.sw-information-content ul,
.sw-information-content ol {
    margin: 0 0 18px;
}

.sw-information-content > :last-child {
    margin-bottom: 0;
}

.sw-information-content h2,
.sw-information-content h3,
.sw-information-content h4 {
    margin: 26px 0 12px;
    color: #00081c;
    line-height: 1.4;
    letter-spacing: .3px;
}

.sw-information-content strong {
    color: #00081c;
}

.sw-information-content a {
    color: #981b2d;
    text-decoration: underline;
}

.sw-information-content img,
.sw-information-content iframe,
.sw-information-content video {
    max-width: 100%;
}

.sw-information-content img {
    height: auto;
}

.sw-information-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

:is(.information-information, .information-contact) .newsletter-content-module {
    background: #f0f2f5;
    border-top: 1px solid #e7e9ee;
}

:is(.information-information, .information-contact) .pav-newsletter {
    padding: 32px 0;
}

:is(.information-information, .information-contact) .pav-newsletter form {
    min-height: 0;
    margin: 0 auto;
    padding: 28px 32px;
    background: #fff;
    border: 1px solid #e1e5ec;
    border-radius: 4px;
    box-shadow: none;
}

:is(.information-information, .information-contact) .pav-newsletter .panel-heading {
    letter-spacing: 2px;
    text-align: center;
}

:is(.information-information, .information-contact) .pav-newsletter .panel-heading h4 {
    margin: 0;
    font-size: 24px;
    line-height: 1.4;
}

:is(.information-information, .information-contact) .pav-newsletter .description {
    margin: 10px 0 20px;
    color: #747a86;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

:is(.information-information, .information-contact) .pav-newsletter .newsletter {
    margin-top: 0;
}

:is(.information-information, .information-contact) .pav-newsletter .form-group {
    margin-bottom: 0;
}

:is(.information-information, .information-contact) .pav-newsletter .newsletter .form-group > .input-group {
    gap: 12px;
}

:is(.information-information, .information-contact) .pav-newsletter .input-group input {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    border: 1px solid #cbd1db;
}

:is(.information-information, .information-contact) .pav-newsletter .input-group button {
    padding: 12px 20px;
    border: 1px solid #00081c;
}

@media (max-width: 767px) {
    .sw-information-page {
        padding: 24px 0 28px;
    }

    .sw-information-article {
        padding: 24px 20px;
    }

    .sw-information-eyebrow {
        margin-bottom: 16px;
    }

    .sw-information-content {
        font-size: 15px;
        line-height: 1.8;
    }

    :is(.information-information, .information-contact) .pav-newsletter {
        padding: 24px 0;
    }

    :is(.information-information, .information-contact) .pav-newsletter form {
        padding: 24px 20px;
    }

    :is(.information-information, .information-contact) .pav-newsletter .panel-heading h4 {
        font-size: 20px;
        letter-spacing: 1.5px;
    }

    :is(.information-information, .information-contact) .pav-newsletter .input-group input,
    :is(.information-information, .information-contact) .pav-newsletter .input-group button {
        flex: 0 0 100%;
        width: 100%;
        border-radius: 2px;
    }
}

/* Shared listing banner, following the news category's title-only layout. */
.sw-catalog-hero {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    margin: 0;
    padding: 0;
    background: #00081c;
}

.sw-catalog-hero > .hero-text {
    display: block;
    width: 100%;
    min-width: 0;
}

.sw-catalog-hero .hero-slide {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 238px;
    overflow: hidden;
}

.sw-catalog-hero--has-image .hero-slide::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(0, 8, 28, .25);
    content: '';
    pointer-events: none;
}

.sw-catalog-hero__media {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.sw-catalog-hero__media img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.sw-catalog-hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 238px;
}

.sw-catalog-hero .sw-catalog-hero__content {
    position: relative !important;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0 auto;
    padding: 32px 18px;
    color: #fff;
    transform: none;
}

body:not(.common-home) .sw-catalog-hero .sw-catalog-hero__content h1 {
    margin: 0;
    color: #fff;
    font-size: 43px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 9px;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .24);
    text-transform: uppercase;
}

.sw-category-description {
    margin: 20px 0 0;
    color: #747a86;
    font-size: 14px;
    line-height: 1.65;
}

.sw-product-listing {
    padding-top: 4px;
    padding-bottom: 34px;
}

.sw-product-listing .search-result-items {
    row-gap: 26px;
}

.sw-product-listing .product-col {
    margin-bottom: 0;
}

.sw-manufacturer-toolbar {
    align-items: center;
}

.sw-manufacturer-toolbar .sw-product-count {
    margin-left: auto;
    color: #747a86;
    font-size: 13px;
}

.sw-empty-products {
    margin: 36px 0 55px;
    padding: 35px 20px;
    background: #f7f8fa;
    border: 1px solid #e7e9ee;
}

@media (max-width: 767px) {
    .sw-catalog-hero .hero-slide,
    .sw-catalog-hero__container {
        min-height: 280px;
    }

    .sw-catalog-hero .sw-catalog-hero__content {
        padding: 25px 12px;
    }

    body:not(.common-home) .sw-catalog-hero .sw-catalog-hero__content h1 {
        font-size: 25px;
        line-height: 1.4;
        letter-spacing: 3px;
    }

    .sw-manufacturer-toolbar .sw-product-count {
        flex: 1 0 100%;
        margin: 0;
        padding-top: 2px;
        text-align: left;
    }

    .sw-product-listing .search-result-items {
        row-gap: 14px;
    }
}
 .common-home .sw-news-media ,
.blog-list .news-list .image > a{
    display: block;
    overflow: hidden;
    background: #f1f1f1;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-list .news-list .image > a img{
width:100%;
  height:100%;
  object-fit:cover
}
@media (max-width:767px){
  .common-home .sw-news-view-all{
  margin-top:0;
  }
}

/* Header quick search. */
.sw-header-search {
    position: relative;
    z-index: 1002;
    flex: 0 0 auto;
}

.sw-header-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    color: #00081c;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease;
}

.sw-header-search-toggle:hover,
.sw-header-search-toggle:focus-visible,
.sw-header-search.is-open .sw-header-search-toggle {
    color: #0d428c;
    background: rgba(13, 66, 140, .09);
    outline: 0;
}

.sw-header-search-toggle svg,
.sw-header-search-form button svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: currentColor;
}

body:not(.common-home) .mid-header .sw-header-search-toggle {
    color: #fff;
}

body:not(.common-home) .mid-header .sw-header-search-toggle:hover,
body:not(.common-home) .mid-header .sw-header-search-toggle:focus-visible,
body:not(.common-home) .mid-header .sw-header-search.is-open .sw-header-search-toggle {
    background: rgba(255, 255, 255, .13);
}

.sw-header-search-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(360px, calc(100vw - 30px));
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 5px;
    box-shadow: 0 14px 38px rgba(0, 8, 28, .19);
    pointer-events: none;
    transform: translateY(-7px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.sw-header-search.is-open .sw-header-search-panel {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.sw-header-search-form {
    display: flex;
    align-items: stretch;
    height: 46px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cfd4dc;
    border-radius: 3px;
}

.sw-header-search-form:focus-within {
    border-color: #00081c;
    box-shadow: 0 0 0 2px rgba(0, 8, 28, .08);
}

.sw-header-search-form input {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    padding: 0 13px;
    color: #00081c;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 14px;
}

.sw-header-search-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    color: #fff;
    background: #00081c;
    border: 0;
    cursor: pointer;
}

.sw-header-search-form button:hover,
.sw-header-search-form button:focus-visible {
    background: #0d428c;
    outline: 0;
}

/* Search result page, aligned with the all-products listing. */
.sw-search-page {
    padding-top: 34px;
}

.sw-search-box {
    margin: 0 0 28px;
    padding: 22px;
    background: #f6f7f9;
    border: 1px solid #e3e6eb;
    border-radius: 5px;
}

.sw-search-box__main {
    display: flex;
    align-items: stretch;
    max-width: 820px;
    margin: 0 auto;
}

.sw-search-box__main .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 50px;
    padding: 0 16px;
    color: #00081c;
    background: #fff;
    border: 1px solid #cfd4dc;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    font-size: 15px;
}

.sw-search-box__main .form-control:focus {
    border-color: #00081c;
}

.sw-search-box__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    min-width: 132px;
    height: 50px;
    padding: 0 20px;
    color: #fff;
    background: #00081c;
    border: 1px solid #00081c;
    border-radius: 0 3px 3px 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background-color .2s ease;
}

.sw-search-box__submit:hover,
.sw-search-box__submit:focus-visible {
    color: #fff;
    background: #0d428c;
    border-color: #0d428c;
    outline: 0;
}

.sw-search-box__submit svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.sw-search-advanced-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 13px auto 0;
    padding: 3px 8px;
    color: #4b5362;
    background: transparent;
    border: 0;
    font-size: 13px;
}

.sw-search-advanced-toggle i {
    transition: transform .2s ease;
}

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

.sw-search-advanced {
    display: none;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 24px;
    max-width: 820px;
    margin: 18px auto 0;
    padding-top: 18px;
    border-top: 1px solid #dfe2e7;
}

.sw-search-advanced.is-open {
    display: flex;
}

.sw-search-advanced__category {
    flex: 1 1 330px;
}

.sw-search-advanced__category label {
    display: block;
    margin-bottom: 7px;
    color: #00081c;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.sw-search-advanced__category .form-control {
    height: 44px;
    background: #fff;
    border-color: #cfd4dc;
    box-shadow: none;
}

.sw-search-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin: 0;
    color: #333a47;
    font-size: 13px;
    cursor: pointer;
}

.sw-search-check input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #00081c;
}

.sw-search-summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e7eb;
}

.sw-search-summary h2 {
    margin: 0;
    color: #00081c;
    font-size: 22px;
    font-weight: 600;
}

.sw-search-summary span {
    color: #6a7180;
    font-size: 13px;
}

.sw-search-page .search-result-options {
    justify-content: flex-end;
    margin-top: 18px;
}

.sw-search-page .search-result-options .openFilter:first-child {
    margin-right: auto;
}

.sw-search-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 210px;
    margin-bottom: 34px;
    padding: 30px;
    color: #5d6574;
    background: #fff;
    border: 1px solid #e3e6eb;
    text-align: center;
}

.sw-search-empty svg {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    fill: #9ca3af;
}

.sw-search-empty p {
    margin: 0;
}

@media (max-width: 991px) {
    #top-header .sw-header-topbar {
        grid-template-columns: 88px minmax(0, 1fr) 88px;
    }

    .sw-mobile-header-actions {
        width: 88px;
    }

    .sw-mobile-header-actions > .language,
    .sw-mobile-header-actions > .box-language {
        display: none;
    }

    .sw-mobile-header-actions .sw-header-search-toggle {
        color: #00081c;
    }

    .common-home .sw-mobile-menu-toggle,
    .common-home .sw-mobile-header-actions .sw-header-search-toggle,
    .common-home .sw-mobile-header-actions #cart > .btn-cart {
        color: #fff;
    }

    .sw-mobile-header-actions .sw-header-search-panel {
        right: -44px;
    }
}

@media (max-width: 767px) {
    #top-header .sw-header-topbar {
        gap: 2px;
    }

    .sw-header-brand .header__logo {
        max-width: min(128px, 100%);
    }

    .sw-search-page {
        padding-top: 22px;
    }

    .sw-search-box {
        margin-bottom: 22px;
        padding: 15px;
    }

    .sw-search-box__main .form-control {
        height: 46px;
        padding: 0 12px;
        font-size: 14px;
    }

    .sw-search-box__submit {
        min-width: 48px;
        width: 48px;
        height: 46px;
        padding: 0;
    }

    .sw-search-box__submit span {
        display: none;
    }

    .sw-search-advanced {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .sw-search-advanced__category {
        flex-basis: auto;
    }

    .sw-search-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .sw-search-summary h2 {
        font-size: 19px;
    }
}