/* ============================================================
   SELF-HOSTED FONTS
   Lato woff2 files live in themes/tud-blog/fonts/ (downloaded from Google Fonts v25).
   Serving locally removes two external round-trips to fonts.gstatic.com.
   Poppins and Roboto remain on Google Fonts (TTF-only local copies, no woff2 yet).
   font-display: swap prevents invisible text while fonts load.
   ============================================================ */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/S6uyw4BMUTPHjx4wXg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a:hover, span, .current-menu-item a, .blogmore, .more-link, .pagenav.fixedmenu li a:hover, .widget ul li a:hover,.pagenav.fixedmenu li.current-menu-item > a,.block2_text a,
.blogcontent a, .sentry a, .post-meta a:hover, .sidebar .social_icons i:hover,.blog_social .addthis_toolbox a:hover, .addthis_toolbox a:hover, .content.blog .single-date, a.post-meta-author, .block1_text p,
.grid .blog-category a, .pmc-main-menu li.colored a, #footer .widget ul li a:hover, .sidebar .widget ul li a:hover, #footer a:hover, .woocommerce ul.products li.product h3:hover,
.woocommerce .woocommerce-breadcrumb a:hover, .widget_products a span:hover, .widget_top_rated_products a span:hover, .widget_recently_viewed_products a span:hover 
{
	color: currentColor;
}

.blog .post-read-more:hover, .button:hover, button:hover {
    color: currentColor;
    background-color: currentColor;
}

/* custom styling */

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* ============================================================
   PERFORMANCE: content-visibility for below-fold sections
   Skips layout/paint of off-screen sections until they scroll
   into view. Saves ~Style & Layout time on initial load.
   contain-intrinsic-size reserves approximate height so
   scrollbar doesn't jump when section renders.
   ============================================================ */
/* .tud-section + .tud-section,
.tud-section ~ .tud-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px;
} */

body.blog .auth-sub-heading,
body.blog .blog-items-list .post-title,
body.blog .bulk-pricing-block .product-details-heading,
body.blog .cart-item-info .product-name,
body.blog .cart-table-header .cell,
body.blog .listing-title,
body.blog .login-modal .account-sub-heading,
body.blog .review-item-title,
body.blog .section-title, h1, h3, h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

body.blog .compare-table-heading,
body.blog .navigation-mobile .nav-mobile-panel-child .nav-mobile-item a,
body.blog {
    font-family: Poppins, sans-serif;
    letter-spacing: 0;
    color: #000;
}

body.blog:has(#wpadminbar) {
    margin-top: 32px;
}
body.blog:has(#wpadminbar):not(.header-compressed) .site-wrapper header.site-header{
    top: 32px;
}

body.blog:has(.banners.banners-top):has(#wpadminbar):not(.header-compressed) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel,
body.blog:not(:has(.banners.banners-top)):has(#wpadminbar) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 125px;
}

body.blog:has(.banners.banners-top):not(:has(#wpadminbar)):not(.header-compressed) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 120px;
}

body.blog.header-compressed:has(.banners.banners-top):not(:has(#wpadminbar)) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 60px;
}
body.blog:has(.banners.banners-top):not(:has(#wpadminbar)) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 85px;
}

body.blog:has(.banners.banners-top):has(#wpadminbar) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 91px;
}
body.blog:not(.header-compressed):has(.banners.banners-top):not(:has(#wpadminbar)) .site-wrapper header.site-header {
    top: 25px;
}

body.blog.header-compressed:not(:has(.banners.banners-top)):not(:has(#wpadminbar)) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel  {
    top: 60px;
}
body.blog:not(:has(.banners.banners-top)):not(:has(#wpadminbar)) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel  {
    top: 91px;
}
body.blog:has(.banners.banners-top):not(:has(#wpadminbar)) .site-wrapper header.site-header {
    margin-top: 25px;
    /* margin-top: 0; */
    top: 0;
    z-index: 99999;
}



body.blog:has(.banners.banners-top) .site-wrapper header.site-header {
    /* top: 25px; */
    margin-top: 25px;
    /* margin-top: 0; */
    top: 0;
}
body.blog:has(#wpadminbar) .site-wrapper .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 91px;
}
body.blog:has(#wpadminbar) .site-wrapper header.site-header {
    top: 31px;
}

.main-nav-bar {
    padding-top: 0;
}

body.blog h1, body.blog h2, body.blog h3, body.blog h4, body.blog h5, body.blog h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

/* ── Accessibility utilities ── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-to-content {
    position: absolute;
    top: -999px;
    left: 8px;
    z-index: 99999;
    padding: 8px 16px;
    background: #68AD45;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
}

.skip-to-content:focus {
    top: 8px;
}

.mainwrap.blog .blog-main-h1-container h1 {
    margin: 0;
    text-align: center;
    margin-bottom: 30px;
}

body.blog .mainwrap.blog.home.sidebar.grid {
    padding-top: 50px;
}

.main-content #amory-slider-wrapper #amory-slider div.tp-tab-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 140%;
}


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


}


@media only screen and (max-width: 782px) and (min-width: 601px) {
    body.blog:has(#wpadminbar) .site-wrapper header.site-header {
        top: 46px;
    }

    body.blog:has(#wpadminbar):not(.header-compressed) .site-wrapper header.site-header {
        top: 46px;
    }
    body.blog:has(#wpadminbar) .mainwrap.blog.sidebar .sidebar, 
    body.blog:has(#wpadminbar) .mainwrap.single-default.sidebar .sidebar, 
    body.blog:has(#wpadminbar) .mainwrap.sidebar .sidebar {
        top: 125px;
    }

    /* body.blog:has(#wpadminbar) .main-nav-bar { */
        /* margin-top: 46px;
    } */
}

@media only screen and (max-width: 600px) {
    
    body.blog:has(#wpadminbar) .site-wrapper header.site-header {
        top: 0;
    }

    body.blog:has(#wpadminbar):not(.header-compressed) .site-wrapper header.site-header {
        top: 0;
        margin-top: 46px;
    }
}

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

    .mainwrap.blog .blog-main-h1-container h1 {
        font-size: 30px !important;
        margin-bottom: 20px;
    }


}


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


}

/* ============================================================
   HOMEPAGE TEMPLATE (SO-59814)
   ============================================================ */

.tud-homepage {
    padding: 0;
}

.tud-homepage > .bialty-container {
    padding: 0;
}

/* ── Sidebar: current category highlight ── */
.widget_categories .current-cat > a span {
    color: #66BE4A;
    background-size: 100% var(--text-decoration-thickness);
}
.widget_categories .current-cat > a,
.widget_categories .current-cat > a:hover {
    color: #68AD45 !important;
    /* border-bottom: 1px solid #68AD45; */
    padding-bottom: 1px;
    font-weight: 600;
}

/* ── Blog header (above sidebar/content) ── */
/* .tud-blog-header { padding: 28px 0 20px; }
.tud-blog-header .tud-inner { max-width: 900px; }
.tud-blog-title { font-size: 32px; font-weight: 800; color: #1a1a1a; margin: 0 0 10px; line-height: 1.2; }
.tud-blog-description { font-size: 15px; color: #444; line-height: 1.6; margin: 0; max-width: 800px; } */

/* ══════════════════════════════════════════
   BLOG DETAIL (single.php)
══════════════════════════════════════════ */

/* 2-column layout: content | right sidebar */
.tud-single .main {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.tud-single-content {
    flex: 1;
    min-width: 0;
}

.tud-single-sidebar--right {
    flex: 0 0 440px;
    min-width: 0;
    position: sticky;
    top: 88px;
    max-height: calc(100dvh - 130px);
    overflow-y: scroll;
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;
}

.tud-single-sidebar--right::-webkit-scrollbar {
    display: none;              /* Chrome, Safari */
}

body:has(.banners.banners-top) .tud-single-sidebar--right {
    top: 128px;
}

body:has(#wpadminbar) .tud-single-sidebar--right {
    top: 108px;
}

/* Override parent theme float layout for single */
.tud-single .sidebar {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tud-single .content.singledefult {
    float: none !important;
    width: calc(100% - 480px) !important;
    flex: 0 0 calc(100% - 480px);
}

/* Breadcrumb */
.tud-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 13px;
    line-height: 120%;
    font-weight: 400;
    text-transform: uppercase;
    color: #555551;
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 768px) {
    .tud-breadcrumb {
        margin-bottom: 16px;
    }
}

.tud-breadcrumb a {
    color: #555551;
    text-decoration: none;
    font-size: 13px;
    line-height: 120%;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.tud-breadcrumb a:hover {
    color: #333;
}

.tud-breadcrumb__sep {
    color: #555551;
    font-weight: 400;
}

/* Post meta bar */
.tud-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 2px;
    text-transform: uppercase;

    margin-bottom: 20px;
    color: #221F20;

}

.tud-post-meta__sep {
    /* color: #ccc; */
}

.tud-post-meta__cats a,
.tud-post-meta__tags a {
    color: currentColor;
    text-decoration: none;
}

.tud-post-meta__cats a:hover,
.tud-post-meta__tags a:hover {
    text-decoration: none;
    color: #66BE4A;
}

.tud-share--top {
    margin-left: auto;
}

/* Article title */
.tud-article-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 130%;
    margin: 0 0 20px;
}

.tud-article-body .wp-block-heading {
    font-family: Roboto;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 1px;
}

.tud-article-body .small-text-hotspot {
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 150%;
    color: #555555;
    margin-top: 4px;
}

.tud-article-body .wp-block-image img {
    width: 100%;
}

.tud-article-body .wp-block-image.size-large {
    flex: 1 0 0%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}


@media (min-width: 1025px) {
    body.header-compressed:has(.banners.banners-top) .tud-single-sidebar--right,
    body.header-compressed.blog:has(.banners.banners-top):not(:has(#wpadminbar)) .tud-single-sidebar--right {
        top: 88px;
        max-height: calc(100dvh - 100px) !important;
    }
}
body.blog:has(.banners.banners-top):not(:has(#wpadminbar)) .tud-single-sidebar--right {

}

/* @media screen and (max-width: 1366px) and (min-width: 1025px) {
    body:has(.banners.banners-top) .tud-single-sidebar--right {
        top: 88px;
    }

} */

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .tud-article-title {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .tud-post-meta .tud-post-meta__sep {
        display: none;
    }
    .tud-post-meta {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 24px;
    }

    .tud-share.tud-share--top {
        width: 100%;
        padding-top: 8px;
    }
}

/* Hero image */
.tud-article-hero {
    margin-bottom: 24px;
    border-radius: 4px;
    overflow: hidden;
}

.tud-article-hero img {
    width: 100%;
    height: auto;
    display: block;
}

/* Now Reading: Blog navigation (by publish date) */
.tud-now-reading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1a1a;
    color: #fff;
    padding: 16px 0;
    gap: 20px;
}
.tud-now-reading .tud-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}   
.tud-now-reading__content {
    flex: 1;
    font-size: 16px;
}
.tud-now-reading__label {
    font-weight: 700;
    color: #FFF;
    margin-bottom: 4px;
}
.tud-now-reading__title {
    color: #fff;
}
.tud-now-reading__nav {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}
.tud-now-reading__prev,
.tud-now-reading__next {
    font-size: 13px;
    font-weight: 600;
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap;
}
.tud-now-reading__prev span:not([class]),
.tud-now-reading__next span:not([class]) {
    display: inline;
    -webkit-transition: background-size ease-in-out .3s;
    transition: background-size ease-in-out .3s;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 1px;
}
.tud-now-reading__prev:hover span:not([class]),
.tud-now-reading__next:hover span:not([class]) {
    /* color: #68AD45; */
    background-size: 100% 1px;
    color: #fff;
}
.tud-now-reading__next {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
}

.tud-now-reading__prev,
.tud-now-reading__next {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
}

.tud-now-reading__prev .icon-arrow-left,
.tud-now-reading__next .icon-arrow-right {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
}

/* right icon */
.tud-now-reading__next .icon-arrow-right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1px;
    width: 9px;
    height: 2px;
    background: currentColor;
    transform: translateY(-50%);
}

.tud-now-reading__next .icon-arrow-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(45deg);
}

/* left icon */
.tud-now-reading__prev .icon-arrow-left::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 9px;
    height: 2px;
    background: currentColor;
    transform: translateY(-50%);
}

.tud-now-reading__prev .icon-arrow-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1px;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 767px) {
    .tud-now-reading {
        flex-direction: column;
        gap: 16px;
        padding: 16px 0;
    }
    .tud-now-reading__nav { 
        gap: 16px; 
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tud-now-reading .tud-inner {
        flex-direction: column !important;
        align-items: stretch;
        gap: 16px; 
    }
}

/* Article body typography */
.tud-article-body {
    font-size: 16px;
    line-height: 2;
}


.tud-article-body h2 {
    font-size: 36px;
}

@media (max-width: 767px) {
    .tud-article-body h2{
        margin-top: 30px;
    }
}

.tud-article-body h3 {
    margin: 20px 0 20px;
    font-size: 30;
}

@media (max-width: 767px) {
    .tud-article-body h2{
        margin-top: 28px;
    }
}

.tud-article-body h4 {
    font-size: 28px;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .tud-article-body h4 {
        margin-top: 16px;
        margin-bottom: 16px;
        font-size: 22px;
    }
}

.tud-article-body p {
    margin: 0 0 16px;
}

.tud-article-body ul,
.tud-article-body ol {
    padding-left: 24px;
    margin: 0 0 16px;
    list-style: disc;
}


.tud-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

.tud-article-body a:not(.tud-btn ) {
    color: #68AD45;
    text-decoration: underline;
}

.tud-article-body a:hover {
    text-decoration: underline;
}

/* Tags */
.tud-article-tags {
    margin: 20px 0 0;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.tud-article-tags a {
    display: inline-block;
    background: #F8F8F8;
    padding: 4px 16px;
    color: #171717;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
}

/* .tud-article-tags a:hover {
    background: #68AD45;
    color: #fff;
} */

.tud-article-tags .tud-tags-label {
    color: #888;
    font-weight: 600;
    margin-right: 4px;
}

/* Share bar */
.tud-share-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 20px 0 0;
    padding: 16px 24px;
    background-color: #000000;
    color: #FFF;
    justify-content: space-between;
}

.tud-share-bar .tud-share-icons a {
    background-color: #FFF;
}

.tud-share-bar__label {
    font-size: 16px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
}

/* Share icons (used both top and bottom) */
.tud-share-icons {
    list-style: none;
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.tud-share-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0f0f0;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.tud-share-icons a:hover {
    /* background: #68AD45; */
    color: #000;
}

/* "Not Sure Which Product" CTA band */
.single .mainwrap.tud-single .main {
    margin-bottom: 77px;
    justify-content: center;
}

.tud-product-cta .tud-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}

.tud-product-cta {
    background-color: #E8E3D7;
    padding-top: 40px;
    padding-bottom: 40px;
    /* gap: 20px;
    background: #1a1a1a;
    color: #fff;
    padding: 28px 32px;
    border-radius: 6px;
    margin: 40px 0 0; */
}

.tud-product-cta__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: #000;
}

.tud-product-cta__heading {
    font-family: Roboto;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    color: #000;
}

.tud-product-cta__sub {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #000;
}

.tud-product-cta__btn.tud-btn {
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    padding: 8px 16px;
    min-width: 173px;
    text-transform: capitalize;
    border-radius: 4px;
}


@media only screen and (max-width: 768px) {
    .tud-product-cta {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .tud-product-cta__heading {
        font-size: 28px;
    }
    .tud-product-cta__sub {
        font-size: 14px;
    }
}

/* Related articles */
.tud-related {
    padding: 40px 0;
    background-color: #F2EEE7;
}

.tud-related-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tud-related__title {
    font-size: 20px;
    font-weight: 800;
    margin: 0;
}

.tud-related .tud-card {
    border-radius: 0;
    background-color: #FFFFFF;
}


body.blog .tud-related .tud-card-thumb img {
    border-radius: 0;
}


@media only screen and (max-width: 768px) {
    .tud-related .tud-card {
        min-height: 284px;
    }
}

.tud-related .tud-card .tud-card-title a:hover {
    color: currentColor;
}

.tud-related .tud-card .tud-card-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tud-related .tud-card .tud-card-thumb {
    aspect-ratio: 288 / 224;
}

@media only screen and (max-width: 768px) {
    .single .mainwrap.tud-single, .archive .mainwrap.tud-single {
        padding-top: 16px !important;
    }
}

/* Right sidebar — Featured Products */
.tud-single-sidebar--right .widget {
    background: #f8f8f8;
    border-radius: 6px;
    padding: 16px;
}

.tud-single-sidebar--right h3 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin: 0 0 12px;
}

.tud-single-sidebar--right .widget-line {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 14px;
}

/* ══════════════════════════════════════════
   CATEGORY PAGE
══════════════════════════════════════════ */

/* Category header */

.mainwrap.tud-category {
    padding-top: 0;
}

.tud-cat-header {
    margin-bottom: 35px;
    padding-bottom: 24px;
    /* border-bottom: 1px solid #eee; */
}

@media only screen and (max-width: 768px) {
    .tud-cat-header {
        margin-bottom: 40px;
        padding-bottom: 16px;
        /* border-bottom: 1px solid #eee; */
        text-align: center;
    }
}

.tud-cat-header p:first-child {
    margin-top: 0;
}


.tud-cat-header p:last-child {
    margin-bottom: 0;
}

.tud-cat-title {
    font-size: 40px;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .tud-cat-title {
        font-size: 30px;
    }
}

.tud-cat-description {
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}

/* Card image — fixed aspect ratio so all thumbnails are uniform height */
.tud-category .tud-card-thumb {
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
}

body.blog .tud-card-thumb img {
    border: 1px solid #BFBFBF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.tud-category .tud-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.tud-category .tud-card:hover .tud-card-thumb img {
    transform: scale(1.03);
}

/* Card title — 3-line clamp */
.tud-category .tud-card-title {
    /* margin: 0 0 12px; */
}

.tud-category .tud-card-title a {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0;
}

/* Card excerpt — 3-line clamp */
.tud-category .tud-card-excerpt {
    font-size: 16px;
    line-height: 150%;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* Make all cards in a row the same height */
.tud-category .tud-card-grid {
    align-items: stretch;
    order: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: initial;
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .tud-category .tud-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tud-category .tud-card {
    display: flex;
    flex-direction: column;
}


.tud-category .tud-card-body {
    flex: 1;
    padding: 14px;
    justify-content: flex-start;
}

/* body.blog .tud-category .content.blog .tud-card .tud-card-title a:hover {
    color: currentColor;
} */

body.blog .tud-category .content.blog .tud-card .tud-card-title a {
    min-height: initial;
    font-size: 22px;
}

@media only screen and (max-width: 767px) {
    body.blog .tud-category .content.blog .tud-card .tud-card-title a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    body.blog .tud-category .content.blog .tud-card-grid {
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
    }

    body.blog .tud-category .content.blog .tud-card-grid .tud-card {
        height: initial;
    }
}

body.blog .tud-category .content.blog .tud-card:hover .tud-card-thumb img{
    transform: initial;
}

/* Pagination */
.tud-pagination-wrap {
    margin: 0;
    text-align: center;
}

.tud-pagination-count {
    font-size: 16px;
    margin: 10px 0 0;
}

@media only screen and (max-width: 768px) {
    .tud-pagination-count {
        font-size: 14px;
    }
}

.tud-pagination-wrap ul.page-numbers {
    list-style: none;
    display: inline-flex;
    gap: 0;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.tud-pagination-wrap ul.page-numbers li {
    display: flex;
}

.tud-pagination-wrap li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 8px;
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    background: #fff;
    /* transition: border-color .2s, color .2s; */
    margin: 0;
    font-family: Lato;
    box-shadow: none;
    border-radius: 0;
    transition: background ease .2s, color ease .2s;
}

.tud-pagination-wrap li a.page-numbers:hover {
    background: #000;
    border-color: #000;
    color: #FFFFFF;
}

.tud-pagination-wrap li .page-numbers.current {
    background: #4E4D5B;
    border-color: #4E4D5B;
    color: #FFFFFF;
}

.tud-pagination-wrap li .page-numbers.dots {
    border: none;
    background: none;
    cursor: default;
}

.tud-pagination-wrap .prev.page-numbers::before,
.tud-pagination-wrap .next.page-numbers::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: currentColor;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tud-pagination-wrap .prev.page-numbers::before {
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66437 3.03568L5.78434 6.00051L8.66437 8.96535C9.11188 9.43138 9.11188 10.1854 8.66437 10.6514C8.21206 11.1149 7.4808 11.1174 7.02849 10.6514L3.33563 6.84198C2.88812 6.37845 2.88812 5.62194 3.33563 5.15591L7.02849 1.34897C7.4808 0.883571 8.21206 0.883571 8.66437 1.3496C9.11188 1.81563 9.11188 2.56965 8.66437 3.03568Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66437 3.03568L5.78434 6.00051L8.66437 8.96535C9.11188 9.43138 9.11188 10.1854 8.66437 10.6514C8.21206 11.1149 7.4808 11.1174 7.02849 10.6514L3.33563 6.84198C2.88812 6.37845 2.88812 5.62194 3.33563 5.15591L7.02849 1.34897C7.4808 0.883571 8.21206 0.883571 8.66437 1.3496C9.11188 1.81563 9.11188 2.56965 8.66437 3.03568Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tud-pagination-wrap .next.page-numbers::before {
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33563 3.03568L6.21566 6.00051L3.33563 8.96535C2.88812 9.43138 2.88812 10.1854 3.33563 10.6514C3.78794 11.1149 4.5192 11.1174 4.97151 10.6514L8.66437 6.84198C9.11188 6.37845 9.11188 5.62194 8.66437 5.15591L4.97151 1.34897C4.5192 0.883571 3.78794 0.883571 3.33563 1.3496C2.88812 1.81563 2.88812 2.56965 3.33563 3.03568Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33563 3.03568L6.21566 6.00051L3.33563 8.96535C2.88812 9.43138 2.88812 10.1854 3.33563 10.6514C3.78794 11.1149 4.5192 11.1174 4.97151 10.6514L8.66437 6.84198C9.11188 6.37845 9.11188 5.62194 8.66437 5.15591L4.97151 1.34897C4.5192 0.883571 3.78794 0.883571 3.33563 1.3496C2.88812 1.81563 2.88812 2.56965 3.33563 3.03568Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tud-pagination-wrap .prev.page-numbers,
.tud-pagination-wrap .next.page-numbers {
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9E9FA4;
}

/* Previous / Next category nav */
.tud-cat-nav {
    display: flex;
    gap: 16px;
}

.tud-cat-nav-item {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 16px 4.26%;
    border: 1px solid #000000;
    border-radius: 16px;
    text-decoration: none;
    background: #fff;
    min-height: 120px;
    transition: background ease .2s, border-color ease .2s, box-shadow ease .2s;
}

.tud-cat-nav-item:hover svg {
    color: #66BE4A;
}
.tud-cat-nav-item:hover {
    border-color: #66BE4A;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    background-color: #DCEED2;
    color: #000;
}

.tud-cat-nav-item--next {
    text-align: right;
}

.tud-cat-nav-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}

.tud-cat-nav-item--prev .tud-cat-nav-label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.tud-cat-nav-item--next .tud-cat-nav-label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.tud-cat-nav-name {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.tud-cat-nav-empty {
    flex: 1;
}

/* Sidebar on LEFT for homepage + category pages — overrides parent theme float:right */
.tud-homepage .sidebar,
.tud-category .sidebar {
    float: left !important;
    margin: 0 30px 0 0 !important;
    padding: 0 !important;
}

.tud-homepage .content.blog,
.tud-category .content.blog {
    float: right !important;
}

/* Inner content wrapper — matches theme's 1180px container */
/* .tud-inner { max-width: 1180px; margin: 0 auto; padding: 0 20px; } */

/* ── Sections ── */
/* .tud-section { padding: 50px 0; background: #fff; }
.tud-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.tud-section-title { font-size: 24px; font-weight: 800; margin: 0; text-transform: uppercase; letter-spacing: .5px; }
.tud-view-all { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #68AD45; text-decoration: none; border: 2px solid #68AD45; padding: 7px 14px; border-radius: 3px; white-space: nowrap; }
.tud-view-all:hover { background: #68AD45; color: #fff; } */

/* ── Cards ── */
/* .tud-card-grid { display: flex; gap: 20px; flex-wrap: wrap; }*/
/* .tud-card-grid--3 > .tud-card { flex: 0 0 calc(33.333% - 14px); }
.tud-card-grid--4 > .tud-card { flex: 0 0 calc(25% - 15px); } */
/*.tud-card { overflow: hidden; border-radius: 4px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.tud-card-thumb { display: block; overflow: hidden; position: relative; }
.tud-card-thumb img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform .3s; }
.tud-card-thumb:hover img { transform: scale(1.03); } */

/* Play icon overlay for video cards */
/* .tud-card-thumb--video::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 52px; height: 52px;
    border-radius: 50%;
    background: rgba(255,255,255,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/28px no-repeat;
    pointer-events: none;
    transition: background-color .2s;
}
.tud-card-thumb--video:hover::after { background-color: rgba(255,255,255,1); }
.tud-card-body { padding: 16px; }
.tud-card-title { font-size: 15px; font-weight: 700; margin: 0 0 8px; line-height: 1.4; }
.tud-card-title a { color: #1a1a1a; text-decoration: none; }
.tud-card-title a:hover { color: #68AD45; }
.tud-card-excerpt { font-size: 13px; color: #666; margin: 0 0 12px; line-height: 1.5; }
.tud-card-cta { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #fff; text-decoration: none; background: #68AD45; text-align: center; padding: 10px 14px; margin-top: 12px; border-radius: 3px; }
.tud-card-cta:hover { background: #5a9a3a; color: #fff; } */

/* ── Section description ── */
/* .tud-section-description { font-size: 14px; color: #555; margin: -16px 0 24px; line-height: 1.6; }
.tud-section--dark .tud-section-description { color: #aaa; } */

/* ── Card hover overlay (opt-in per block via "Hover Overlay" toggle) ── */
.tud-card-thumb {
    position: relative;
    display: block;
    overflow: hidden;
}

.tud-section--hover .tud-card-hover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
}

.tud-section--hover .tud-card:hover .tud-card-hover-overlay {
    opacity: 1;
    pointer-events: auto;
}

.tud-section--hover .tud-card-hover-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tud-section--hover .tud-card-hover-btn {
    display: inline-block;
    padding: 5px 22px;
    background: #68AD45;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: capitalize;
    font-family: Poppins;
    white-space: nowrap;
    transition: background .2s;
}

.tud-section--hover .tud-card:hover .tud-card-hover-btn:hover {
    background-color: #000000;
    border-color: #000000;
    color: #FFF;
}

/* ── Overlay card style ── */
.tud-card--overlay {
    position: relative;
    background: #000;
}

.tud-card--overlay .tud-card-thumb {
    display: block;
    position: relative;
}

/* .tud-card--overlay .tud-card-thumb img { height: 200px; width: 100%; object-fit: cover; display: block; opacity: .85; transition: opacity .3s; } */
.tud-card--overlay .tud-card-thumb img {
    transition: transform 0.4s ease;
}

.tud-card--overlay:hover .tud-card-thumb img {
    /* opacity: .7; */
    transform: scale(1.1);
}

.tud-card-overlay-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 14px 14px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .78));
}

.tud-card-overlay-body .tud-card-thumb {
    display: none;
}

.tud-card--overlay .tud-card-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.tud-card--overlay .tud-card-title a {
    color: #fff;
    text-decoration: none;
}

.tud-card--overlay .tud-card-title a:hover {
    color: #c8eab2;
}

/* ── Dark section ── */
.tud-section--dark {
    background: #1c1c1c;
}

.tud-section--dark .tud-section-title {
    color: #fff;
}

.tud-section--dark .tud-card {
    background: #2c2c2c;
    box-shadow: none;
}

.tud-section--dark .tud-card-title a {
    color: #fff;
}

.tud-section--dark .tud-card-excerpt {
    color: #aaa;
}

.tud-section--dark .tud-view-all {
    color: #68AD45;
    border-color: #68AD45;
}

.tud-section--dark .tud-view-all:hover {
    background: #68AD45;
    color: #fff;
}

/* ── Hero Carousel ── */
/* Each slide: text LEFT + image RIGHT, carousel transitions the whole slide */
.tud-hero {
    padding: 0;
}

/* .tud-hero-slider-wrap { position: relative; border: 1px solid #e0e0e0; background: #fff; min-height: 280px; padding-bottom: 44px; } */

/* bxSlider resets — applied to the outer wrapper */
.tud-hero-slider-wrap .bx-wrapper {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.tud-hero-slider-wrap .bx-viewport {
    width: 100% !important;
    overflow: hidden;
}

.tud-hero-slider-wrap .bx-loading {
    background: none;
}

div#tud-hero-slider[style] {
    /* display: block; */
}

.tud-hero-slide {
    /* height: 100%; */
}

.tud-hero-slide {
    min-height: 100% !important;
}

/* bxSlider forces display:block on .tud-hero-slide — use inner wrapper for flex */
.tud-hero-slide {
    display: block;
}

.tud-hero-slide-inner {
    display: flex;
    align-items: stretch;
    min-height: 280px;
}

/* LEFT: text */

/* RIGHT: image */
.tud-hero-slide-image {
    flex: 0 0 50%;
    overflow: hidden;
}

.tud-hero-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 280px;
}


/* Dots — bottom left of the slider wrap */
#tud-hero-dots {
    position: absolute;
    bottom: 14px;
    left: 32px;
    display: flex;
    gap: 8px;
    z-index: 10;
}

.tud-hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #bbb;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: background .2s, border-color .2s;
}

.tud-hero-dot.is-active {
    background: #68AD45;
    border-color: #68AD45;
}

.tud-btn {
    display: inline-block;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
    border-radius: 4px;
    text-transform: capitalize;
    text-align: center;
}

.tud-btn:hover {
    text-decoration: none;
}

.tud-btn-primary {
    background: #66BE4A;
    color: #fff;
}

.tud-btn-primary:hover {
    background: #000;
    color: #fff;
}

.tud-btn-secondary {
    background: #fff;
    color: #66BE4A;
    /* border: 1px solid #60BF36; */
}

.tud-btn-secondary:hover {
    background: #66BE4A;
    color: #FFF;
    border-color: #66BE4A;
}

/* ── Category Tiles Carousel ── */
/* .tud-categories { background: #f7f7f7; }
.tud-cat-carousel-wrapper { display: flex; align-items: center; gap: 12px; }
.tud-cat-clip { flex: 1; overflow: hidden; }
.tud-cat-carousel { display: flex; gap: 16px; transition: transform .35s ease; }
.tud-cat-tile { flex-shrink: 0; min-width: 80px; }
.tud-cat-tile a { display: block; text-align: center; text-decoration: none; color: inherit; }
.tud-cat-tile img,
.tud-cat-tile-placeholder { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; display: block; background: #ddd; }
.tud-cat-tile a:hover img { opacity: .85; }
.tud-cat-tile-name { display: block; margin-top: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #333; } */
/* .tud-cat-prev, .tud-cat-next { flex-shrink: 0; width: 32px; height: 32px; background: #68AD45; color: #fff; border: none; font-size: 20px; border-radius: 50%; cursor: pointer; line-height: 1; display: flex; align-items: center; justify-content: center; } */
.tud-cat-prev:hover, .tud-cat-next:hover {
    background: #5a9a3a;
}

.tud-block-placeholder {
    padding: 20px;
    color: #999;
    font-style: italic;
    font-size: 14px;
}

/* ══════════════════════════════════════════
   NEW FOOTER
══════════════════════════════════════════ */
.tud-footer {
    background: #373737;
    color: #FFF;
    font-size: 14px;
    margin-top: 0;
}

/* Main columns */
.tud-footer-main {
    padding: 80px 56px
}

.tud-footer-cols {
    display: flex;
    gap: 40px;
}

.tud-footer-col {
    flex: 1 1 0;
    min-width: 0;
}

.tud-footer-col--brand {
    flex: 1.4;
}

.tud-footer-col--newsletter {
    flex: 1.4;
}

/* Logo */
.tud-footer-logo {
    display: inline-block;
    margin-bottom: 18px;
}

.tud-footer-logo img {
    display: block;
    width: 250px;
    height: 55px;
    max-width: 250px;
    aspect-ratio: 250 / 55;
}

/* Contact list */
.tud-footer-contact {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.tud-footer-contact li {
    margin-bottom: 4px;
}

.tud-footer-contact a {
    color: #FFFFFF;
    text-decoration: none;
}

.tud-footer-contact a:hover {
    color: #fff;
}

/* Column titles */
.tud-footer .footer-title {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: -.01rem;
    margin: 0 0 12px;
}

.tud-footer-col .footer-title + .footer-title,
.tud-footer-col nav + .footer-title {
    margin-top: 24px;
}

/* Nav links */
.breadcrumb a:hover, 
.mega-nav-list a:hover, 
.site-footer a:hover {
    text-decoration: none;
}

.tud-footer nav ul {
    list-style: none;
    padding: 0;
    margin: 0 0 4px;
}

.tud-footer nav ul a {
    color: #FFF;
    text-decoration: none;
}

.tud-footer a span {
    display: inline;
    -webkit-transition: background-size ease-in-out .3s;
    transition: background-size ease-in-out .3s;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66be4a), to(#66be4a));
    background-image: linear-gradient(#66be4a, #66be4a);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 4px;
}

.tud-footer a:hover span {
    background-size: 100% 1px;
    color: #66be4a;
}

/* Newsletter */
.tud-footer-newsletter-desc {
    color: #FFF;
    margin: 0 0 14px;
    font-size: 13px;
}

.tud-footer-email-row {
    display: flex;
    gap: 0;
}

.tud-footer-email-row input[type="email"] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #555;
    background: #1e1e1e;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
}

.tud-footer-email-row input[type="email"]::placeholder {
    color: #909090;
}

.tud-footer-email-row button {
    padding: 10px 18px;
    background: #66BE4A;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.tud-footer-email-row button:hover {
    background: #000;
}

/* Social icons */
.tud-footer-social {
    display: flex;
    gap: 10px;
    margin: 22px 0 20px;
}

.tud-footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #3d3d3d;
    color: #ccc;
    text-decoration: none;
    transition: background .2s, color .2s;
}

/* .tud-footer-social a:hover {
    background: #68AD45;
    color: #fff;
} */

/* PCI badge */
.tud-footer-pci {
    display: block;
    max-width: 130px;
    margin-top: 6px;
    opacity: .8;
}

/* Bottom bar */
.tud-footer-bottom {
    /* border-top: 1px solid #3d3d3d; */
    padding: 0 0 16px;
}

.tud-footer-bottom .tud-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.tud-footer-copy {
    color: #888;
    font-size: 12px;
    white-space: nowrap;
}

.tud-footer-payment {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.tud-footer-payment svg {
    opacity: .6;
    height: 22px;
    width: auto;
    fill: #ccc;
}

.tud-footer-legal {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    white-space: nowrap;
}

.tud-footer-legal a {
    color: #888;
    text-decoration: none;
}

.tud-footer-legal a:hover {
    color: #66be4a;
}

.tud-footer-legal span {
    color: #555;
}

/* ── Instagram Section ── */
.tud-instagram #sb_instagram {
    padding-bottom: 0 !important;
}
.tud-instagram-handle {
    color: #66BE4A;
    text-decoration: underline;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-underline-offset: 7px; 
    text-decoration-thickness: 1px;
}

.tud-instagram-handle:hover {
    color: #66BE4A;
}

.tud-instagram #sb_instagram #sbi_images {
    margin-top: 32px;
    padding: 0;
}

#sb_instagram #sbi_images,
.tud-instagram-feed,
.tud-instagram-grid {
    display: flex !important;
    gap: 16px !important;
}

.tud-instagram-item {
    flex: 1 1 0;
    min-width: 0;
}

.tud-instagram-link {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.tud-instagram-item img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
    border-radius: 6px;
    transition: opacity .25s;
}

.tud-instagram-link:hover img {
    opacity: .85;
}

.tud-instagram-feed .sb_instagram_header {
    display: none;
}

@media screen and (max-width: 1200px) {
    .tud-instagram .tud-inner {
        /* margin-right: -16px; */
        max-width: calc(100% + 16px);
    }

    .tud-instagram #sb_instagram #sbi_images {
        order: 3;
        grid-template-columns: unset;
        grid-auto-flow: column;
        grid-auto-columns: minmax(172px, 46%);
        gap: 8px !important;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        padding: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-top: 16px;
        padding-right: 16px;
        /* margin-right: -16px; */
    }

    .tud-instagram #sb_instagram #sbi_images .sbi_item {
        scroll-snap-align: start;
        border-radius: 16px;
        flex: 0 0 calc(50% - 5px);
    }
}

/* ── SBI item hover overlay ── */
.tud-instagram-feed .sbi_photo_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 16px !important;
}

.tud-instagram-feed .sbi_photo {
    display: block;
    height: auto !important;
}

.tud-instagram-feed .sbi_photo img {
    display: block;
    width: 100%;
    aspect-ratio: 223 / 277;
    object-fit: cover;
    transition: transform .4s ease;
}

.tud-instagram-feed .sbi_item:hover .sbi_photo img {
    transform: scale(1.08);
}

/* Video element sits behind the overlay, fills the cell */
.tud-instagram-feed .tud-sbi-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
    border-radius: 8px;
}

.tud-instagram-feed .sbi_item:hover .tud-sbi-video {
    opacity: 1;
}

/* Overlay: dark gradient + icon + handle */
.tud-sbi-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0;
    transition: opacity .25s ease;
    border-radius: 16px;
    pointer-events: none;
}

.tud-instagram-feed .sbi_item:hover .tud-sbi-overlay {
    opacity: 1;
}

.tud-sbi-overlay__icon {
    width: 64px;
    height: 64px;
    color: #171717;
    background: #E6E6E6;
    border-radius: 50%;
    padding: 16px;
    box-sizing: border-box;
    pointer-events: none;
}

.tud-sbi-overlay__handle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}
.tud-sbi-overlay__handle {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;    
    position: relative;
    display: inline-block;
    text-decoration: none;
}

@media only screen and (max-width: 1220px) {
    .tud-sbi-overlay__handle {
        font-size: 14px;
    }
}

.tud-sbi-overlay__handle:hover {
    color: #66BE4A;
}
.tud-sbi-overlay__handle:hover::after {
    transform: scaleX(1);
}

/* Hide SBI admin-only "Hide photo (admin)" link in lightbox */
/* #sbi_mod_link,
.sbi_lightbox_action {
    display: none !important;
} */

.sbi_loading_comments{
    display: none !important;
}

.tud-instagram #sb_instagram .sbi_type_carousel .fa-clone,
.tud-instagram #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone,
.tud-instagram #sb_instagram .sbi_type_video .sbi_playbtn, 
.tud-instagram #sb_instagram .sbi_type_carousel .sbi_playbtn {
    right: 12px;
    top: 12px;
    left: initial;
    margin: 0;
    font-size: 18px;
}

.tud-instagram #sb_instagram .sbi_type_carousel .fa-clone,
.tud-instagram #sb_instagram.sbi_medium .sbi_playbtn, 
.tud-instagram #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play {
    margin: 0;
    font-size: 18px;
}

/* ── Video Lightbox ── */
body.tud-modal-open {
    overflow: hidden;
}

#tud-video-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tud-video-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .82);
}

.tud-video-modal-box {
    position: relative;
    width: 90%;
    max-width: 860px;
    z-index: 1;
}

.tud-video-modal-close:hover {
    background-color: rgba(255, 255, 255, .3);
    color: #FFF;
}
.tud-video-modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    padding: 0;

    background-color: rgba(0, 0, 0, .6);

    width: 28px;
    height: 28px;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 0;
    border-radius: 0;
}

.tud-video-modal-iframe-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000;
}

.tud-video-modal-iframe-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* ── Responsive ── */
@media only screen and (min-width: 1600px) {
    .tud-footer-col--newsletter {
        width: 566px;
    }
}

@media only screen and (max-width: 1220px) {
    .tud-inner {
        max-width: 100%;
    }

    .tud-hero-content {
        padding: 50px 40px;
    }
}

@media only screen and (max-width: 1024px) {
    /* tile width controlled by JS data-tiles-desktop/mobile */
}

@media only screen and (max-width: 768px) {
    .tud-hero-slide-inner {
        flex-direction: column-reverse;
    }

    .tud-hero-slide-image {
        flex: none !important;
        width: 100%;
        /* height: 200px; */
        max-width: 100% !important;
    }

    .tud-hero-slide-image img {
        /* min-height: 200px; */
        /* height: 200px; */
    }

    .tud-hero-headline {
        font-size: 22px;
    }

    #tud-hero-dots {
        left: 20px;
    }

    .tud-section .tud-card-grid {
        display: flex;
    }

    .tud-card-grid--3 > .tud-card {
        flex: 0 0 calc(50% - 5px);
    }
    .tud-card-grid--4 > .tud-card {
        flex: 0 0 calc(50% - 20px);
    }

    .tud-card--overlay .tud-card-thumb img {
        /* height: 160px; */
    }

    /* Single page responsive */
    .tud-share-bar {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .single .mainwrap.tud-single .main {
        /* margin-bottom: 40px !important; */
    }
    .tud-single .main {
        flex-direction: column;
    }

    .tud-single-sidebar--right .widget {
        flex: none;
        margin-left: -16px !important;
        margin-right: -16px !important;
        padding: 24px !important;
        position: static;
        width: calc(100% + 32px);
    }

    .tud-product-cta {
        flex-direction: column;
        text-align: center;
    }

    /* Category page responsive */
    .tud-cat-nav {
        gap: 8px;
    }

    .tud-cat-nav-name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .tud-cat-nav-item--next .tud-cat-nav-name {
        text-align: right;
    }

    .tud-cat-nav-item {
        min-height: 60px;
        padding: 16px;
    }

    .tud-cat-nav-item--next {
        text-align: left;
    }

    .tud-cat-tile {
        flex-basis: calc(33.333% - 11px);
    }

    .tud-instagram-grid {
        flex-wrap: wrap;
    }

    .tud-instagram-item {
        flex: 0 0 calc(50% - 8px);
    }

    .tud-footer-cols {
        flex-wrap: wrap;
        gap: 28px;
    }

    .tud-footer-col,
    .tud-footer-col--brand,
    .tud-footer-col--newsletter {
        flex: 0 0 calc(50% - 14px);
    }

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

    .tud-footer-payment {
        flex-wrap: wrap;
    }

    /* Mobile accordion */
    .tud-footer-cols {
        flex-direction: column;
        gap: 0;
    }

    .tud-footer-col,
    .tud-footer-col--brand,
    .tud-footer-col--newsletter {
        flex: none;
        width: 100%;
        padding: 0;
    }

    .tud-footer-col--brand {
        padding-top: 24px;
    }

    .tud-footer-col--brand .tud-footer-logo {
        display: block;
        text-align: center;
    }

    .tud-footer-col--brand .tud-footer-contact {
        text-align: center;
        margin-bottom: 0;
    }

    .tud-footer .footer-title.tud-footer-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 4px;
        margin: 0;
        cursor: pointer;
        user-select: none;
        justify-content: center;
    }

    /* .tud-footer .footer-title.tud-footer-toggle::after {
        content: '\25BE';
        font-size: 16px;
        color: #888;
        transition: transform .25s;
    } */

    .tud-footer .footer-title.tud-footer-toggle.open::after {
        transform: rotate(225deg);
    }

    .tud-footer-col .footer-title.tud-footer-toggle + .footer-title.tud-footer-toggle,
    .tud-footer-col .tud-footer-collapsible + .footer-title.tud-footer-toggle {
        margin-top: 0;
    }

    .tud-footer-collapsible {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease;
    }

    .tud-footer-collapsible nav ul {
        padding: 0 4px 12px;
    }

    .tud-footer-col--newsletter .tud-footer-collapsible {
        padding: 0 4px;
    }

    .tud-footer-main {
        padding-bottom: 0;
    }

    .tud-footer-col--brand .tud-footer-contact {
        padding: 0 4px 16px;
    }

    .tud-card-excerpt {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 480px) {
}

/* FORIX CUSTOM */

body.blog {
    background-color: #FFFFFF !important;
    line-height: 150% !important;
}

body.blog {
    overflow: initial;
}

body.blog .site-wrapper {
    overflow: initial;
    display: unset;
}

.mainwrap.blog.home {
    padding-top: 0;
}

body.blog .site-wrapper .site-canvas {
    margin-top: 0 !important;
    padding-top: 0px !important;
}

.site-header .main-nav-bar .top-bar-left,
.site-header .main-nav-bar .top-bar-right {
    float: none;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.button-mobile-nav-cart .button-cart-toggle svg,
.main-nav-bar .top-bar-right .button-cart-toggle svg {
    position: initial;
    top: initial;
    right: 0;
}

.button-mobile-nav-cart .button-cart-toggle,
.main-nav-bar .top-bar-right .button-cart-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0;
    background-color: transparent;
}

.button-mobile-nav-cart .button-cart-toggle .cart-quantity,
.main-nav-bar .top-bar-right .button-cart-toggle .cart-quantity{
    padding: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #66BE4A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    text-transform: capitalize;
}

.site-header .main-nav-bar .top-bar-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 83.17%;
}

.site-header .main-nav-bar .navigation {
    width: 100%;
}

body.blog .main-nav-bar .navigation {
    display: inline-flex;
    justify-content: center;
}

.site-header .main-nav-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

/* .site-header .main-nav-bar .container .top-bar-right, */
.site-header .main-nav-bar .container::after {
    display: none;
}

body.home .main-nav-bar .navigation > ul > li:first-child a::after {
    display: none;
}

button.button-search-toggle {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.button-search-toggle:hover {
    color: #60bf36;
}

.main-nav-bar .top-level-nav-link {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account_page ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
}

.site-wrapper header.site-header {
    border-bottom-width: 8px !important;
    position: initial;
    position: sticky;
    top: 0;
}

.main-nav-bar > .container, .main-nav-bar > .product-tabs {
    height: auto;
}

body.home .site-canvas {
    margin-top: 0;
}

.tud-related .tud-inner,
.tud-now-reading .tud-inner,
.tud-product-cta .tud-inner,
.tud-blog-header .tud-inner {
    max-width: 1232px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

body.blog .on-canvas .main-content {
    margin-top: 48px !important;
    margin-bottom: 60px;
}

body.blog .on-canvas .main-content:has(.mainwrap.tud-single) {
    margin-bottom: 0 !important;
}

body.blog .on-canvas .main-content::after {

    content: "";
    display: block;
    clear: both;
}

/* Menu Mobile */
/* Menu Mobile copy LIVE */
body.nav-mobile-open {
    overflow: hidden;
    height: 100vh;
    touch-action: none;
}

.navigation-mobile {
    position: fixed;
    z-index: 99999;
    top: -1px;
    bottom: -2px;
    width: 100vw;
    height: calc(100dvh + 3px);
    display: block;
    overflow-y: auto;
    background-color: rgba(241, 238, 233, .97);
    border-top: 1px solid rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
    color: #000;
    transform: translateX(-100%);
    transition: transform ease .3s;
}

.navigation-mobile.visible {
    transform: translateY(0);
    transition: transform ease .3s;
}

@media (min-width: 1025px) {
    .navigation-mobile {
        display: none !important
    }

    .customNav-inner .customNav-vehicle .customNav-vehicle-content .auth-sub-heading, 
    .customNav-inner .customNav-vehicle .customNav-vehicle-content .listing-title, 
    .customNav-inner .customNav-vehicle .customNav-vehicle-content .login-modal .account-sub-heading, 
    .customNav-inner .customNav-vehicle .customNav-vehicle-content .section-title, 
    .customNav-inner .customNav-vehicle .customNav-vehicle-content h3, 
    .customNav-inner .customNav-vehicle .customNav-vehicle-content .account-sub-heading {
        font-weight: 600;
        font-size: 18px !important;
        text-transform: capitalize;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 16px;
        margin-top: 0;
        font-family: "Roboto Condensed", sans-serif;
    }

    .customNav-inner .customNav-vehicle .customNav-vehicle-content .btn-shop-now:hover {
        background-color: #000;
        border-color: #000;
    }
    .customNav-inner .customNav-vehicle .customNav-vehicle-content .btn-shop-now {
        background-color: #66be4a;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 600;
        font-family: Poppins, sans-serif;
        border-color: #66be4a;
        color: #FFF !important;
        border-radius: 4px;
        min-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main-nav-bar .top-level-nav-link {

    }
}

.navigation-mobile .title-submenu {
    padding: .8125rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9
}

.navigation-mobile .title-submenu .action-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize
}

.navigation-mobile .title-submenu a {
    color: #000;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    vertical-align: middle;
    padding: 0 !important
}

.navigation-mobile .nav-mobile-item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

.navigation-mobile .nav-mobile-item a {
    padding: .5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0;
}

.navigation-mobile .nav-mobile-item.has-children {
    position: relative
}

.navigation-mobile .nav-mobile-item.has-children::after {
    position: absolute;
    right: 0;
    top: .75rem;
    display: inline-block;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url("../icons/chevron-down.svg");
    background-position: center center;
    background-repeat: no-repeat
}

.navigation-mobile .nav-mobile-item .shop-all-link {
    display: none
}

.navigation-mobile .nav-mobile-item .nav-mobile-ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    /* border-left: 1px solid #d5d5d5 */
}

/* .navigation-mobile .nav-mobile-dropdown:not(.is-open) {
    display: none
} */

.navigation-mobile .customNav-li a, 
.navigation-mobile .top-level-nav-link {
    font-family: Roboto;
    color: #000
}



.navigation-mobile .top-level-nav-link {
    font-size: 1.125rem
}

.nav-mobile-open .navigation .button-mobile-nav-toggle {
    position: initial;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #66be4a;
    min-height: 3.5rem;
    transform: none;
    color: #FFF;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    text-transform: capitalize;
    position: sticky;
    top: 0;
    z-index: 1;
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link {
    text-transform: none;
    font-size: 1rem;
    padding: 2.125rem 0 2.3125rem;
    line-height: 1.5;
    letter-spacing: .5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #000
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link span {
    position: relative;
    color: currentColor
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link:hover span,
.main-nav-bar .top-bar-left .navigation .top-level-nav-link:hover {
    color: #000!important
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link:hover span {
    color: #000!important;
    color: currentColor
}

.main-nav-bar .top-bar-left .navigation .top-level-nav-link:hover span::after {
    width: 100%
}

/* .main-nav-bar .top-bar-left .navigation .dropdown.dropdown-open .top-level-nav-link {
    /* color: #000!important; 
    color: #60bf36
} */

.nav-mobile-open .navigation .button-mobile-nav-toggle span {
    display: block !important;
}

.nav-mobile-open .navigation .button-mobile-nav-toggle .burger,
.nav-mobile-open .navigation .button-mobile-nav-toggle .burger:after,
.nav-mobile-open .navigation .button-mobile-nav-toggle .burger:before {
    background-color: #fff;
}

body.header-compressed .site-header,
body.nav-mobile-open .site-header {
    margin-top: 26px;
}

body.blog.nav-mobile-open .site-wrapper {
    z-index: 99999;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .navigation-mobile .top-level-nav-link {
        font-size: .875rem
    }

    .site-header .main-nav-bar .top-bar-left {
        flex: 0 0 100%;
    }

    .site-header .main-nav-bar .container .top-bar-right {
        display: none;
    }
}

.navigation-mobile .customNav-li a {
    font-size: 1rem
}

.navigation-mobile .utils {
    padding: 0 20px
}

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

    body.blog .main-nav-bar .navigation {
        display: none;
    }
    .navigation-mobile .utils {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 -2px 8px 0 #00000026;
        box-shadow: 0 -2px 8px 0 #00000026;
        padding: 9px 20px;
        z-index: 1;
        position: relative;
        color: #000
    }

    .actions-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 12px 16px;
    }

    .actions-btn a {
        width: calc(50% - 8px);
        text-align: center;
        margin: 0;
        display: inline-flex;
    }
}

@media screen and (max-width: 1024px) and (max-width: 479px) {
    .navigation-mobile .utils {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1024px) {
    .navigation-mobile .utils .x-paint-widget {
        margin-bottom: 16px
    }

    .navigation-mobile .utils .link-mobile {
        color: #000;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        vertical-align: middle;
        text-transform: uppercase;
        padding: 8px 0;
        margin: 0
    }

    .navigation-mobile .utils .link-mobile:hover {
        color: #66be4a
    }
}

.navigation-mobile .utils-customer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation-mobile .utils-customer .button-util {
    margin: 0
}

@media screen and (max-width: 1023px) {
    .navigation-mobile .utils-customer {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.navigation-mobile .button--primary {
    padding: 13px 42px;
    line-height: unset;
    height: auto;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    margin-bottom: .5rem
}

.navigation-mobile .button--primary a {
    color: #fff;
    font-size: 1.125rem;
    font-family: Roboto;
    font-weight: 700;
    padding: 0
}

.navigation-mobile .button-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Poppins, sans-serif;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation-mobile .button-util img, .navigation-mobile .button-util svg {
    margin-right: .5rem
}

@media screen and (max-width: 479px) {
    .navigation-mobile .button-util.button-search-toggle {
        margin: 0
    }
}

@media screen and (max-width: 1023px) {
    .navigation-mobile .button-util.button-search-toggle {
        margin: 0 1.25rem
    }

    .nav-mobile-container {
        height: calc(100% - 56px);
        overflow-y: hidden;
    }
}

.navigation-mobile .button-util--icon {
    max-width: 1.375rem
}

.navigation-mobile.visible {
    height: calc(100dvh + 3px) !important;
    padding-bottom: 0 !important;
    background-color: #f0f0f0
}

@media only screen and (max-width: 1024px) {
    .navigation-mobile.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navigation-mobile.visible nav.navigation {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;

    }

    .navigation-mobile.visible .utils {
        background-color: #f1eee8
    }

}

.nav-mobile-inner .customNav-ul-list {
    padding-left: 16px;
}

.nav-mobile-inner .customNav-ul {
    border-left: 1px solid #d5d5d5;
    margin-top: 16px;
    margin-bottom: 16px;
    gap: 0;
}

.nav-mobile-inner .customNav-ul > li:last-child > a {
    padding-bottom: 0
}

.nav-mobile-inner .customNav-ul > li:first-child > a {
    padding-top: 0
}

.nav-mobile-inner .customNav-ul > .customNav-li:not(.shop-all-link):last-of-type a {
    padding-bottom: 0
}

.nav-mobile-inner .customNav-col .customNav-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-transform: capitalize;
    padding-left: 1rem;
    color: #000;
    margin-top: 1rem
}

.nav-mobile-inner .customNav-col:last-child {
    padding-bottom: 20px
}

.hidePaintFinder x-paint-finder {
    display: none !important
}

.hidePaintFinder .hover-dropdown:first-of-type a.is-open::after, .hidePaintFinder .hover-dropdown:first-of-type a.is-open::before {
    display: none !important
}

.nav-mobile-container {
    background-color: #f0f0f0;
    /* padding-bottom: 26px */
}

.nav-mobile-container > ul {
    height: calc(100dvh - 200px);
}

.nav-mobile-container .button-search-submit {
    top: 1.35rem;
    right: 1.5rem
}

.nav-mobile-container > ul > li:not(.nav-mobile-item-parent):not(.nav-mobile-item) {
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-mobile-container > ul > li.nav-mobile-item:not(.nav-mobile-item-parent) {
    /* margin-top: 26px */
}

.nav-mobile-container > ul > li.nav-mobile-item:has(.x-paint-widget) {
    padding: 1.5rem 1rem;
    background-color: #f1eee8;
    -webkit-box-shadow: 0 -2px 8px 0 #00000026;
    box-shadow: 0 -2px 8px 0 #00000026
}

.nav-mobile-container .btn-quiz {
    background-color: #fff;
    border: 1px solid #66be4a;
    color: #66be4a !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    min-height: 38px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: inline-flex !important;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center !important;
    border-radius: 4px;
    margin: 0 !important
}

.nav-mobile-container .btn-quiz:hover {
    background-color: #66be4a;
    color: #FFF !important;
}

.nav-mobile-container .btn-find-color {
    background-color: #66be4a;
    color: #FFF !important;
    border: 1px solid #66be4a;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    min-height: 38px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: inline-flex !important;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center !important;
    border-radius: 4px;
    margin: 0 !important
}

.nav-mobile-container .btn-find-color:hover {
    background-color: #000000;
    color: #FFFFFF !important;
    border-color: #000000;
}

.nav-mobile-container .pf-widget--newVersion .selectText {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize
}

/* End Menu Mobile copy LIVE */

.navigation-mobile .navigation {
    padding: 0;
    float: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.site-wrapper header.site-header {
    height: auto;
}

.button-mobile-nav-cart {
    transform: translateY(-50%);
    height: auto;
}


@media screen and (min-width: 1024px) {
    body.header-compressed .main-nav-bar .top-bar-left .navigation .top-level-nav-link {
        padding: 1rem 0;
    }
    body:not(.header-compressed) .main-nav-bar .top-bar-left .navigation .top-level-nav-link {
        padding: 2.3rem 0 2.1rem;
    }

}

@media screen and (max-width: 1024px) {
    .site-header .main-nav-bar .container {
        height: 70px;
    }

    .account_page {
        display: none;
    }

    .main-nav-bar .top-bar-left .site-branding img {
        margin-top: 0;
    }
}

.nav-mobile-container .nav-mobile-dropdown {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #f0f0f0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1;
    -webkit-transition: -webkit-transform .3ms ease;
    transition: -webkit-transform .3ms ease;
    transition: transform .3ms ease;
    transition: transform .3ms ease, -webkit-transform .3ms ease;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    transition: transform ease .3s,
    opacity ease .3s .3s,
    visibility 0s linear .3s;
}

.nav-mobile-container .nav-mobile-dropdown.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: transform ease .3s
}

.nav-mobile-container .nav-mobile-dropdown .nav-mobile-outer {
    max-height: calc(100dvh - 252px);
    overflow-y: auto
}

.navigation-mobile .title-submenu .action-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    color: #555551;
    letter-spacing: 0;
}

/* Content Homepage */
.banners {
    background-color: #1A1A1A;
}

.banners .banner {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    line-height: 1.2;
}

body.blog .mainwrap.blog.home {
    padding-top: 0;
    margin-top: 40px;
}

body.blog .main {
    max-width: 1232px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

body.blog .mainwrap.blog.sidebar .sidebar,
body.blog .mainwrap.single-default.sidebar .sidebar,
body.blog .mainwrap.sidebar .sidebar {
    width: 239px;
    position: sticky;
    top: 90px;
    margin: 0;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body.blog .sidebar .widget {
    margin: 0;
    padding: 24px;
    background-color: #E8E3D7;
    border-radius: 16px;
}

body.blog .sidebar .widget h3 {
    margin: 0;
    text-transform: capitalize;
    margin-bottom: 24px;
    padding: 0;
    font-family: Roboto;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    text-transform: capitalize;
    color: #1A1A1A;
}

body.blog .widget.widget_categories ul li, body.blog .widget.widget_archive ul li {
    margin: 0;
    border: 0;
    padding: 12px 0;
}

body.blog .widget.widget_categories ul li > a, body.blog .widget.widget_archive ul li > a {
    padding: 0;
    display: inline-block;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000;
    text-transform: capitalize;
    text-decoration: none;
}

body.blog .widget.widget_categories ul li > a span, body.blog .widget.widget_archive ul li > a span {
    --text-decoration-thickness: 1px;
    display: inline;
    line-height: 1.5;
    transition: background-size ease-in-out .3s;
    background-color: transparent;
    background-image: linear-gradient(#66BE4A, #66BE4A);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 min(var(--text-decoration-thickness), .1rem);

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: currentColor;
}

/* body.blog .widget.widget_categories ul li > a:hover, body.blog .widget.widget_archive ul li > a:hover {
    color: #66BE4A;
    background-size: 100% min(var(--text-decoration-thickness), .1rem);
} */

body.blog .widget.widget_categories ul li.current-cat > a span, 
body.blog .widget.widget_categories ul li:not(.current-cat) > a:hover span, 
body.blog .widget.widget_archive ul li:not(.current-cat) > a:hover span {
    color: #66BE4A;
    background-size: 100% var(--text-decoration-thickness);
}

body.blog .content.blog {
    display: flex;
    flex-direction: column;
    gap: 56px 0;
}

body.blog .mainwrap.blog.sidebar .main .content.blog,
body.blog .mainwrap.single-default.sidebar .main .content.singledefult,
body.blog .mainwrap.sidebar .postcontent,
body.blog .sidebar .content.singlepage {
    width: calc(100% - 239px - 23px);
    float: right;
}

body.blog .mainwrap.blog.sidebar .main .content.blog p:empty {
    display: none;
}

.tud-hero-wrapper {
    border-radius: 16px;
    overflow: hidden;
}

body.blog:has(.header-compressed) .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 88px;
}

.main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    background-color: #f8f8f8;
    position: fixed !important;
    left: 0 !important;
    min-width: 100%;
    top: 68px;
    transform: top ease .2s;
    max-height: initial;
    -webkit-box-shadow: 0 19px 29px -22px rgba(0, 0, 0, .64);
    box-shadow: 0 19px 29px -22px rgba(0, 0, 0, .64);
}

body:not(.header-compressed):has(.banners .banner:not(:empty)) .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 112px;
    transform: top ease .2s;
}

body:not(.header-compressed):has(.banners .banner:empty) .main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel {
    top: 86px;
    transform: top ease .2s;
}

.main-nav-bar .top-bar-left .navigation .dropdown .dropdown-panel a {
    color: #373737;
}

.main-nav-bar .top-bar-left .navigation .dropdown.dropdown-open > a:hover {
    color: #60bf36 !important;
}

.main-nav-bar .top-bar-left .navigation .dropdown.dropdown-open > a {
    background-color: transparent;
    color: currentColor;
}

/* .nav-page .dropdown-panel ul {
    padding: 4rem 1.5rem;
    max-width: 1616px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
} */

.nav-page .dropdown-panel ul a {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    position: relative;
}

.nav-page .dropdown-panel .customNav-li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #60bf36;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.nav-page .dropdown-panel .shop-all-link a {
    color: #000;
    font-size: 16px;
    line-height: 150%;
    vertical-align: middle;
    font-family: Poppins, sans-serif;
    position: relative;
}

.nav-page .dropdown-panel .shop-all-link a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #60bf36;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.nav-page .dropdown-panel .shop-all-link a:hover {
    color: #60bf36 !important
}

.nav-page .dropdown-panel .shop-all-link a:hover::after {
    width: 100%
}

.nav-page .dropdown-panel .customNav-li a:hover {
    color: #60bf36 !important
}

.nav-page .dropdown-panel .customNav-li a:hover::after {
    width: 100%
}

.main-nav-bar .btn-quiz {
    margin-bottom: 0;
    background-color: #66be4a;
    border-color: #66be4a;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    min-width: 132px;
    border-radius: 4px;
    height: 40px;
}

.main-nav-bar .btn-quiz:hover {
    background-color: #000;
    border-color: #000;
}

.dropdown-panel .customNav-outer {
    max-width: 1616px;
    margin-left: auto;
    margin-right: auto;
}

.dropdown-panel .customNav-outer .customNav-title {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.dropdown-panel .customNav-outer .customNav-ul.automotive {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
}

.dropdown-panel .customNav-outer .customNav-ul-list {
    width: 100%;
}

.dropdown-panel .customNav-outer .customNav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dropdown-panel .customNav-inner::-webkit-scrollbar {
    width: 4px
}

.dropdown-panel .customNav-inner::-webkit-scrollbar-track {
    background: 0 0;
    background-color: #eee;
    border-radius: 5px
}

.dropdown-panel .customNav-inner::-webkit-scrollbar-thumb {
    background-color: #000;
    background-clip: padding-box;
    border-radius: 5px
}

.dropdown-panel .customNav-outer .customNav-inner:has(.automotive) {
    line-height: 1.25rem;
}

.nav-page .dropdown-panel li:not(:last-child) {
    margin-bottom: 0;
}

.nav-page .dropdown-panel .shop-all-link {
    margin-top: 40px;
}

.nav-page .dropdown-panel a span {
    --text-decoration-thickness: 1px;
    display: inline;
    line-height: 1.5;
    transition: background-size ease-in-out .3s;
    background-color: transparent;
    background-image: linear-gradient(#66BE4A, #66BE4A);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 min(var(--text-decoration-thickness), .1rem);

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: currentColor;
}

.nav-page .dropdown-panel a:hover span {
    color: #66BE4A;
    background-size: 100% var(--text-decoration-thickness);
}

.customNav-ul {
    margin-left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.customNav-ul .customNav-li {
    width: 100%;
}

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

@media (min-width: 1024px) {
    .dropdown-panel .customNav-outer .customNav-inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 2.5rem;
        max-height: calc(100vh - 300px);
        overflow-y: auto;
        padding-right: 20px;
        margin-right: -20px;
    }

    .nav-page .dropdown-panel .customNav-inner {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 2.5rem;
        max-height: calc(100vh - 300px);
        overflow-y: auto;
        padding-right: 20px;
        margin-right: -20px
    }

    .nav-page .dropdown-panel .customNav-inner .customNav-col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle {
        position: relative;
        max-width: 224px;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        max-height: 502px
    }

    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-img {
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 100%;
        max-width: initial;
        width: auto;
        min-width: 100%
    }

    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        white-space: normal;
        text-align: center;
        color: #fff;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(35.5%,rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 35.5%,rgba(0,0,0,0) 100%)
    }

    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content .auth-sub-heading, 
    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content .listing-title, 
    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content .login-modal .account-sub-heading, 
    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content .section-title, 
    .nav-page .dropdown-panel .customNav-inner .customNav-vehicle .customNav-vehicle-content h3 {
        font-weight: 600;
        font-size: 18px;
        text-transform: capitalize;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 16px;
        margin-top: 0;
        font-family: "Roboto Condensed", sans-serif;
    }

    .main-nav-bar .top-bar-right .search-wrapper {
        display: inline-block;
        vertical-align: baseline!important;
        position: relative;
        margin-right: 0
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap {
        position: absolute;
        top: 100%;
        right: -16px;
        bottom: inherit;
        background: #fff;
        width: 350px;
        max-width: 90vw;
        height: auto;
        min-height: inherit;
        padding: 1rem;
        -webkit-box-shadow: 0 5px 15px -4px #111;
        box-shadow: 0 5px 15px -4px #111;
        border-radius: 0;
        border-top: solid 8px #60bf36;
        z-index: 100;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
        transition: opacity .3s ease,-webkit-transform .3s ease;
        transition: transform .3s ease,opacity .3s ease;
        transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
        opacity: 0;
        pointer-events: none;
        margin: .5rem 0 0;
        overflow: inherit
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap.search-open {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        pointer-events: auto
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap.search-open::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        right: 15px;
        top: -14px;
        position: absolute;
        border-left: .75rem solid transparent;
        border-right: .75rem solid transparent;
        border-bottom: .75rem solid #60bf36
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-input {
        min-width: inherit
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .button-search-close {
        background: 0 0;
        border: none;
        position: absolute;
        top: 0;
        right: 1rem;
        padding: .3rem;
        cursor: pointer;
        line-height: 0;
        display: none
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .button-search-close .icon-close {
        fill: #333333
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .button-search-close:hover .icon-close {
        fill: #60bf36
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: .5rem;
        -webkit-transform: none;
        transform: none;
        margin: 0;
        position: relative;
        left: initial;
        top: initial;
        width: 100%;
        gap: 0
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .form-field {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 0;
    }
    
    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .form-field .search-input {
        width: 100%;
        padding-right: 16px;
        margin-bottom: 0;
        border: 2px solid #60bf36;
        font-size: 1rem;
        width: 100%;
        min-height: 48px;
        border-radius: 0;
        color: #333
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .form-field .search-input:focus {
        border-color: #60bf36;
        outline: 0
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .button-search-submit {
        background: #60bf36;
        border: none;
        padding: .5rem;
        cursor: pointer;
        min-height: 48px;
        width: 48px;
        position: initial;
        -webkit-transform: none;
        transform: none;
        gap: none;
        border-radius: 0;
        color: #fff
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .button-search-submit svg path {
        fill: #fff
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .button-search-submit .icon-search {
        fill: #fff
    }

    .main-nav-bar .top-bar-right .search-wrapper .search-wrap .search-form .button-search-submit:hover {
        background: #60bf36
    }
}

@media screen and (min-width: 1440px) {
    .dropdown-panel .customNav-outer {
        padding: 4rem 1.5rem;
    }
}

/* .tud-section */
.tud-section {
    /* padding: 56px 0 64px; */
    overflow: hidden;
}

.tud-section.tud-categories {
    overflow: initial;
}

.tud-section .tud-card-grid {
    margin-top: 32px;
}

.tud-inner {
    /* max-width: 1280px;
    margin: 0 auto; */
    /* padding: 0 20px; */
}

.tud-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.tud-section-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tud-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    padding: 15px;
    background: #66be4a;
    border: 1px solid #66be4a;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.tud-view-all:hover,
.tud-view-all:focus-visible {
    background-color: #000000;
    border-color: #000000;
    color: #FFF;
}

.tud-section-description {
    max-width: 760px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 0;
}

.tud-card-grid {
    display: flex;
    gap: 16px;
}

.tud-card-grid--3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tud-card-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tud-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background-color: #F0F0F0;
}

.tud-card-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 302 / 224;
}

.tud-card-thumb div {
    height: 100%;
}

.tud-card-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tud-card-thumb--video::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.tud-card-thumb--video::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-38%, -50%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid rgba(255, 255, 255, 0.95);
    z-index: 3;
}

.tud-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 16px 16px;
    gap: 12px;
}

.tud-card-description {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 1 auto;
    gap: 12px;
}

.tud-card-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0;
    text-transform: capitalize;

}

.tud-card-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    min-height: 57px;
}

.tud-card-excerpt {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tud-card-cta {
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    display: inline;

    background-image: linear-gradient(#66BE4A, #66BE4A);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: background-size 0.3s ease, color 0.3s ease;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

}

.tud-card-cta:hover,
.tud-card-cta:focus-visible {
    color: #66BE4A;
    background-size: 100% 1px;
}

.tud-blog-header .tud-inner .tud-blog-title {
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 8px;
}

.tud-blog-header .tud-inner .tud-blog-description {
    font-size: 16px;
    line-height: 150%;
    margin: 0;
}
@media (max-width: 1220px) {
    .tud-card-grid--3 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tud-card-grid--4 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.blog .mainwrap.blog.sidebar .sidebar, body.blog .mainwrap.single-default.sidebar .sidebar, body.blog .mainwrap.sidebar .sidebar {
        max-width:  calc(100% + 32px);
        width: calc(100% + 32px) !important;
        top: 78px;
        z-index: 99;
        padding: 16px !important;
        background-color: #FFF;
        margin: -16px -16px 8px !important;
        right: 0;
    }

    .sidebar .widget_categories {
        background: #E8E3D7;
        margin: 0;
        box-shadow: 0px 4px 12px 0px #00000026;
    }

    .sidebar .widget_categories .widget-line {
        display: none;
    }

    body.blog .content.blog {
        gap: 40px 0;
    }

    body.blog .sidebar .widget {
        border-radius: 0; 
        padding: 0;
        /* margin-left: -16px; */
    }

    body.blog .sidebar .widget_categories h3 {
        position: relative;
        margin: 0;
        padding: 16px 50px 16px 16px;
        background: #E8E3D7;
        color: #231F20;
        font-family: Poppins, sans-serif;
        font-weight: 700;
        font-size: 18px !important;
        line-height: 120%;
        text-transform: capitalize;
        cursor: pointer;
        margin-bottom: 0;
    }

    .sidebar .widget_categories h3::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        transition: transform 0.25s ease;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23231F20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .sidebar .widget_categories.is-open h3::after {
        transform: translateY(-50%) rotate(180deg);
    }

    body.blog .sidebar .widget {
        position: relative;
    }

    .sidebar .widget_categories ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 16px 16px;
        background: #E8E3D7;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }

    .sidebar .widget_categories.is-open ul {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    body.blog .sidebar .widget_categories ul li {
        margin: 0;
        padding: 0;
    }

    .sidebar .widget_categories ul li a {
        display: block;
        color: #000000;
        text-decoration: none;
        font-family: Poppins, sans-serif;
        font-size: 16px;
        line-height: 150%;
        font-weight: 400;
        padding: 0;
    }

    .sidebar .widget_categories ul li a span {
        display: inline;
    }

    body.home.blog .site-wrapper .site-canvas {
        margin-top: 0 !important;
    }

    body.blog .on-canvas .main-content {
        margin-top: 24px !important;
        margin-bottom: 0 !important;
    }

    body.blog .on-canvas .main-content:has(.mainwrap.tud-single) {
        margin-bottom: 0 !important;
    }

    /* body.blog .mainwrap.blog.home {
        margin-top: 24px;
    } */

    .tud-blog-header {
        margin-top: 16px;
    }

    .tud-blog-header .tud-inner {
        text-align: center;

    }

    .tud-blog-header .tud-inner .tud-blog-title {
        font-size: 30px;
        line-height: 130%;
    }

    .tud-blog-header .tud-inner .tud-blog-description {
        font-size: 14px;
        line-height: 150%;
    }

    .tud-now-reading .tud-inner {
        flex-direction: initial;
    }

    .tud-inner {
        display: flex;
        flex-direction: column;
        /* padding: 0; */
    }

    .tud-section {
        overflow: initial;
    }

    .tud-section-header {
        display: contents;
        text-align: center;
    }

    .tud-section-description {
        order: 2;
        font-size: 14px;
        text-align: center;
        margin-top: 8px;
    }

    .tud-section .tud-card-grid {
        margin-top: 16px;
    }

    .tud-inner {
        margin-right: -16px;
    }

    .tud-card-grid {
        order: 3;
        grid-template-columns: unset;
        grid-auto-flow: column;
        grid-auto-columns: minmax(172px, 46%);
        gap: 10px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        padding: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-top: 16px;
        padding-right: 16px;
    }



    .tud-card-grid::-webkit-scrollbar {
        display: none;
    }

    .tud-card {
        scroll-snap-align: start;
        border-radius: 16px;
    }

    .tud-card-thumb {
        aspect-ratio: 174 / 126;
    }

    .tud-card-thumb--video::before {
        width: 48px;
        height: 48px;
    }

    .tud-card-thumb--video::after {
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 12px;
    }

    .tud-card-body {
        padding: 12px 12px 14px;
        gap: 8px;
    }

    .tud-card-title {
        font-size: 18px;
    }

    .tud-card-cta {
        margin-top: 24px;
        font-size: 14px;
    }

    .tud-view-all {
        order: 4;
        align-self: center;
        margin: 16px 0 0 0;
        min-width: 152px;
        padding: 9px;
        font-size: 14px;
    }
}



@media screen and (max-width: 1024px) {
    .tud-single .main {
        gap: 0;
    }
    .single .mainwrap.tud-single .main {
        flex-wrap: wrap;
    }

    body.blog .mainwrap.sidebar .content.blog, 
    body.blog .mainwrap.single-default.sidebar .main .content.singledefult, 
    body.blog .sidebar .content.singlepage {
        margin-bottom: 40px !important;
    }

    body.blog .tud-single-sidebar--right,
    body.blog .mainwrap.sidebar .content.blog, body.blog .mainwrap.single-default.sidebar .main .content.singledefult, body.blog .sidebar .content.singlepage {
        flex: 0 0 100%;
        min-height: initial;
        max-height: initial !important;
        overflow: initial;
        margin-bottom: 0;
        width: 100%;
    }
    
    body.blog .mainwrap.single-default.sidebar .widget {
        border-radius: 0 !important;
        padding: 24px;

    }
}
@media screen and (max-width: 1220px) and (min-width: 769px) {
    .tud-single-sidebar--right {
        flex: 0 0 340px;
    }

    .tud-single .content.singledefult {
        flex: 0 0 calc(100% - 380px);
    }
}


@media (max-width: 767px) {

    .tud-section-title {
        /* order: 1; */
        /* margin: 0 0 8px; */
        font-size: 22px;
        /* text-align: center; */
    }
}

/* end .tud-section */

/* .tud-hero */
.tud-hero-slider-wrap {
    border: 1px solid #EBEBEB;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.tud-hero-slide:not([style]):not(:first-child) {
    display: none;
}

.tud-hero-slide-text {
    background-color: #F0F0F0;
    padding: 40px 40px 60px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
}


.tud-hero-headline {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0;
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.tud-hero-body {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 150%;
    /* display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.tud-hero-slide-text .tud-hero-body {
    margin: 0;
}


/* Right image */
.tud-hero-slide-image {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    overflow: hidden;
}

.tud-hero-slide-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* DOT */
#tud-hero-dots {
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 95;
}

.tud-hero-dot {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #cfcfcf;
    cursor: pointer;
    appearance: none;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.tud-hero-dot:hover,
.tud-hero-dot:focus-visible {
    background: #D9D9D9;
    outline: none;
}

.tud-hero-dot.is-active {
    background: #60BF36;
}
@media (max-width: 1024px) {
    .tud-card-title a {
        min-height: 49px;
    }
}
@media (max-width: 767px) {

    .tud-hero {
        display: block;
        /* margin-top: 24px; */
    }

    .tud-hero-slider-wrap {
        background-color: #F0F0F0;
    }

    .tud-hero-slide-inner {
        display: flex;
        flex-direction: column-reverse; /* image on top */
        overflow: hidden;
        justify-content: flex-end;
    }

    .tud-hero-slide-text,
    .tud-hero-slide-image {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tud-hero-slide-text {
        padding: 16px 16px 50px;
        text-align: center;
        gap: 8px;
    }

    .tud-hero-body {
        font-size: 14px;
    }

    .tud-hero-headline {
        font-size: 24px;
    }

    #tud-hero-dots {
        left: 50%;
        transform: translateX(-50%);
        bottom: 16px;
    }
}

@media (max-width: 1220px) {
    .tud-hero {
        display: block;
        /* margin-top: 24px; */
    }
}

/* end .tud-hero */

/* .tud-cat-repair-cat */
.tud-cat-repair-cat .tud-card-cta {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    text-transform: capitalize;
    background-color: #66BE4A;
    padding: 10px;
    color: #FFF;
    width: 100%;
    display: block;
    border-radius: 4px;
}

.tud-cat-repair-cat .tud-card-cta:hover {
    background: #000;
    border-color: #000;
}

/* end .tud-cat-repair-cat */

/* .tud-categories */
.tud-categories {
    background-color: transparent;
}

.tud-cat-carousel-wrapper {
    margin-top: 32px;
}

.tud-cat-prev, .tud-cat-next {
    background-color: transparent;
    border: 2px solid #373737;
    color: #373737;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

/* .tud-section.tud-categories .tud-cat-carousel .tud-cat-tile-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; 
} */

/* Carousel wrapper */
.tud-cat-carousel {
    position: relative;
    align-items: stretch;
    display: flex;
    transition: transform ease .3s;
    gap: 0;
}


.tud-cat-carousel .tud-cat-tile {
}

.tud-cat-clip {
    overflow: hidden;
    margin-left: -8px;
    margin-right: -8px;
}

/* Tile */
.tud-cat-tile {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    /* overflow: hidden; */
    /* border: 1px solid #BFBFBF; */
    border-radius: 16px;
    background: #ffffff;
    text-decoration: none;
    color: #231f20;
    width: calc(25% - 12px);
}

.tud-cat-tile:hover > a,
.tud-cat-tile:focus > a {
    text-decoration: none;
    color: #66BE4A;
    box-shadow: 0px 4px 12px 0px #00000026;
}

.tud-cat-tile-image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f3f3f3;
    border-bottom: 1px solid #bdbdbd;
}

.tud-cat-tile-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Title */
/* ===== Category Carousel ===== */
.tud-cat-carousel-wrapper {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Track */

.tud-cat-carousel::-webkit-scrollbar {
    display: none;
}

/* Tile item */
.tud-cat-carousel .tud-cat-tile {
    flex: 0 0 25% !important;
    min-width: 0;
    scroll-snap-align: start;
    padding: 8px;
    display: flex;
}

/* Full card link */
.tud-cat-carousel .tud-cat-tile > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #bdbdbd;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    color: #231f20;
}

/* Image area */
.tud-cat-carousel .tud-cat-tile-image-wrap,
.tud-cat-carousel .tud-cat-tile-placeholder {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #e9e9e9;
}

.tud-cat-carousel .tud-cat-tile-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Placeholder when no image */
.tud-cat-carousel .tud-cat-tile-placeholder {
    background: linear-gradient(180deg, #efefef 0%, #dddddd 100%);
}

/* Title */
.tud-cat-carousel .tud-cat-tile-name {
    /* min-height: 115px; */
    padding: 16px;
    overflow: hidden;
    color: #171717;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Keep text color stable */
.tud-cat-carousel .tud-cat-tile > a,
.tud-cat-carousel .tud-cat-tile > a:hover,
.tud-cat-carousel .tud-cat-tile > a:focus,
.tud-cat-carousel .tud-cat-tile-name {
    text-decoration: none;
}

/* Hover */
.tud-cat-carousel .tud-cat-tile:hover > a .tud-cat-tile-name {
    color: #66BE4A;
}

.tud-cat-carousel .tud-cat-tile:hover > a {
    box-shadow: 0px 4px 12px 0px #00000026;
    /* transform: translateY(-1px); */
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* ===== Nav buttons ===== */
.tud-cat-prev,
.tud-cat-next {
    position: absolute;
    top: -75px;
    width: 48px;
    height: 48px;
    border: 2px solid #3f3f3f;
    border-radius: 50%;
    background: #f5f5f5;
    color: #3f3f3f;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    z-index: 2;
    padding-bottom: 2px;
}

.tud-cat-prev:focus-visible,
.tud-cat-next:focus-visible,
.tud-cat-prev:hover,
.tud-cat-next:hover {
    background: #3f3f3f !important;
    color: #FFF;
}

.tud-cat-prev {
    right: 58px;
}

.tud-cat-next {
    right: 0;
}

.tud-cat-prev:hover,
.tud-cat-next:hover {
    background: #fff;
}

.tud-cat-prev:focus-visible,
.tud-cat-next:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.tud-cat-dots {
    display: none;
}

/* ===== Tablet ===== */
@media (max-width: 991px) {
    .tud-cat-carousel .tud-cat-tile {
        flex: 0 0 33.33% !important;
    }

    .tud-cat-carousel .tud-cat-tile-name {
        font-size: 22px;
        /* min-height: 100px; */
    }
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
    .tud-categories .tud-section-title {
        order: initial;
        margin-bottom: 0;
    }

    .tud-cat-clip {
        margin-left: 0;
        margin-right: -16px;
    }

    .tud-cat-carousel-wrapper {
        padding-top: 0;
        margin-top: 16px;
    }

    .tud-cat-carousel .tud-cat-tile {
        padding: 4px;
    }

    .tud-cat-prev,
    .tud-cat-next {
        display: none;
    }

    .tud-cat-carousel {
        gap: 0;
        padding-right: 12px;
        overflow-x: auto;
        scroll-padding-left: 0;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .tud-cat-carousel .tud-cat-tile {
        flex: 0 0 calc(50% - 8px) !important;
    }

    /* Hide JS-cloned tiles on mobile — native scroll does not use the
       infinite-loop trick, only desktop does. */
    .tud-cat-carousel .tud-cat-tile--clone {
        display: none !important;
    }

    .tud-cat-carousel .tud-cat-tile-name {
        /* min-height: 84px; */
        padding: 16px;
        font-size: 22px;
        line-height: 130%;
        text-align: left;
    }

    .tud-cat-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }

    .tud-cat-dot {
        width: 10px;
        height: 10px;
        background-color: #D9D9D9;
        border-radius: 50%;
        padding: 0;
    }
    .tud-cat-dot.is-active {
        background-color: #60BF36;
    }
}

/* end .tud-categories */

/* .tud-section--hover */
.tud-section--hover .tud-card-overlay-body {
    display: block;
}

.tud-section--hover .tud-card-thumb {
    position: relative;
    overflow: hidden;
}

.tud-section--hover .tud-card-hover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    gap: 0;
    transition: opacity .25s ease, visibility .25s ease;
}

.tud-section--hover .tud-card:hover .tud-card-hover-overlay,
.tud-section--hover .tud-card:focus-within .tud-card-hover-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.tud-section--hover .tud-card-hover-overlay:hover {
    gap: 16px;
}

.tud-section--hover .tud-card-hover-overlay .tud-card-hover-btn {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin-bottom: -3px;
    transform: translateY(-50%);
    transition: transform ease .3s, height ease .3s
}

.tud-section--hover .tud-card-hover-overlay:hover .tud-card-hover-btn {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-bottom: 0;
    transform: translateY(0);
    transition: transform ease .3s, height ease .3s
}

.tud-card--overlay .tud-card-thumb {
    aspect-ratio: 1 / 1;
}

.tud-card--overlay .tud-card-thumb img {
    object-fit: cover;
}
 
.tud-section--hover .tud-card-grid.tud-card-grid--4 .tud-card {
    flex: 0 0 calc(50% - 5px);
}

@media (max-width: 767px) {
    .tud-section--hover .tud-card-grid.tud-card-grid--4 {
        display: flex;
        flex-wrap: wrap;
    }
}

/* end .tud-section--hover */

/* FOOTER - MAIN */

/* =========================================
   Footer base
========================================= */
.tud-footer {
    background: #373737;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
}

.tud-footer *,
.tud-footer *::before,
.tud-footer *::after {
    box-sizing: border-box;
}

.tud-footer .tud-inner {
    width: 100%;
    max-width: 1728px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

.tud-footer-main {
    padding: 56px 0 28px;
}

.tud-footer-bottom {
    padding: 28px 0 32px;
}

.tud-footer a,
.tud-footer p,
.tud-footer li,
.tud-footer span,
.tud-footer input,
.tud-footer button {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #ffffff;
}

.tud-footer a {
    text-decoration: none;
    transition: opacity 0.25s ease;
}

/* .tud-footer a:hover {
    opacity: 0.8;
} */

.tud-footer ul:not(.tud-footer-contact) {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-title,
.tud-footer-toggle {
    margin: 0 0 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #ffffff;
}

/* 40px space between content block and next title */
.tud-footer-collapsible {
    margin-bottom: 40px;
}

.tud-footer-collapsible:last-child {
    margin-bottom: 0;
}

/* =========================================
   Desktop > 1024px
========================================= */
@media (min-width: 1025px) {
    .tud-footer-cols {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 40px;
        align-items: start;
    }

    .tud-footer-toggle {
        cursor: default;
        pointer-events: none;
    }

    .tud-footer-collapsible {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .tud-footer-col--brand .tud-footer-logo {
        display: inline-flex;
        margin-bottom: 16px;
    }

    .tud-footer-contact {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-bottom: 40px;
    }

    .tud-footer-col nav ul {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }

    .tud-footer-newsletter-desc {
        margin: 0 0 16px;
    }

    .tud-footer-email-row {
        display: flex;
        align-items: stretch;
        gap: 2px;
        /* max-width: 566px; */
    }

    .tud-footer-email-row input[type="email"] {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px;
        padding: 0 16px;
        border: 0;
        border-radius: 4px;
        background: #FFFFFF;
        color: #000000;
    }

    .tud-footer-email-row input[type="email"]::placeholder {
        color: #8b8b8b;
    }

    .tud-footer-email-row button {
        flex: 0 0 128px;
        height: 48px;
        border: 0;
        border-radius: 4px;
        background: #6ac245;
        color: #ffffff;
        font-weight: 500;
        cursor: pointer;
    }

    .tud-footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    .tud-footer-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #f1f1f1;
        color: #1d1d1d;
    }

    .tud-footer-pci {
        display: block;
        max-width: 170px;
        height: auto;
        margin-top: 60px;
    }

    .tud-footer-bottom .tud-inner {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: end;
        gap: 24px;
    }

    .tud-footer-copy {
        justify-self: start;
    }

    .tud-footer-payment {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
    }

    .tud-footer-payment svg {
        display: block;
        height: 24px;
        width: auto;
        fill: currentColor;
    }

    .tud-footer-legal {
        justify-self: end;
        display: flex;
        align-items: center;
        gap: 12px;
    }
}

/* =========================================
   Tablet 768px - 1024px
   Show 2 columns
========================================= */
@media (min-width: 768px) and (max-width: 1024px) {
    .tud-footer .tud-inner {
        padding-left: 32px;
        padding-right: 32px;
    }

    .tud-footer-main {
        padding: 48px 0 24px;
    }

    .tud-footer-bottom {
        padding: 24px 0 28px;
    }

    .tud-footer-cols {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 48px;
        align-items: start;
    }

    .tud-footer-toggle {
        cursor: default;
        pointer-events: none;
    }

    .tud-footer-collapsible {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .tud-footer-col--brand .tud-footer-logo {
        display: inline-flex;
        margin-bottom: 24px;
    }

    .tud-footer-contact {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-bottom: 40px;
    }

    .tud-footer-col nav ul {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }

    .tud-footer-newsletter-desc {
        margin: 0 0 16px;
    }

    .tud-footer-email-row {
        display: flex;
        align-items: stretch;
    }

    .tud-footer-email-row input[type="email"] {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px;
        padding: 0 16px;
        border: 0;
        border-radius: 4px 0 0 4px;
        background: #f1f1f1;
        color: #222222;
    }

    .tud-footer-email-row button {
        flex: 0 0 126px;
        height: 48px;
        border: 0;
        border-radius: 0 4px 4px 0;
        background: #6ac245;
        color: #ffffff;
        font-weight: 500;
    }

    .tud-footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    .tud-footer-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #f1f1f1;
        color: #1d1d1d;
    }

    .tud-footer-pci {
        display: block;
        max-width: 170px;
        height: auto;
        margin-top: 40px;
    }

    .tud-footer-bottom .tud-inner {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: end;
        gap: 24px;
    }

    .tud-footer-payment {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px;
    }

    .tud-footer-payment svg {
        display: block;
        height: 22px;
        width: auto;
        fill: currentColor;
    }

    .tud-footer-legal {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: flex-end;
    }
}

/* =========================================
   Mobile < 768px
========================================= */
@media (max-width: 767px) {
    .tud-footer .tud-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .tud-footer-main {
        padding: 28px 0 24px;
    }

    .tud-footer-bottom {
        padding: 20px 0 24px;
    }

    .tud-footer-cols {
        display: block;
    }

    .tud-footer-col--brand .tud-footer-logo {
        display: inline-flex;
        margin-bottom: 24px;
    }

    .tud-footer-contact {
        margin-bottom: 28px;
        text-align: center;
    }

    .tud-footer-col--brand {
        text-align: center;
    }

    .tud-footer-col .tud-footer-collapsible {
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        margin-bottom: 8px;
    }

    .tud-footer-col--brand {
        border-top: 0;
    }

    .tud-footer-toggle {
        position: relative;
        margin: 0;
        padding: 18px 28px 18px 0;
        text-align: center;
        cursor: pointer;
    }

    .tud-footer-toggle::after {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        right: 4px;
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-65%) rotate(45deg);
        transition: transform 0.25s ease;
    }

    .tud-footer-toggle.open::after {
        transform: translateY(-35%) rotate(-135deg);
    }

    .tud-footer-collapsible {
        max-height: 0;
        overflow: hidden;
        margin-bottom: 0;
        transition: max-height 0.3s ease;
    }

    .tud-footer-collapsible nav ul {
        display: flex;
        flex-direction: column;
        gap: 13px;
        padding: 0 0 16px !important;
        text-align: center;
    }

    .tud-footer-col--newsletter .tud-footer-toggle {
        padding-bottom: 12px;
    }

    .tud-footer-col--newsletter .tud-footer-toggle::after {
        display: none;
    }

    .tud-footer-col--newsletter .tud-footer-collapsible {
        max-height: none;
        overflow: visible;
        padding-bottom: 12px;
    }

    .tud-footer-newsletter-desc {
        margin: 0 0 16px;
        text-align: center;
    }

    .tud-footer-email-row {
        display: block;
    }

    .tud-footer-email-row input[type="email"] {
        display: block;
        width: 100%;
        height: 48px;
        padding: 0 16px;
        border: 0;
        border-radius: 4px;
        background: #f1f1f1;
        color: #222222;
        margin: 0 0 8px;
    }

    .tud-footer-col--newsletter {
        border-bottom: 0;
    }

    .tud-footer-col--newsletter .tud-footer-collapsible {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        max-height: initial !important;
    }

    .tud-footer-email-row button {
        display: block;
        width: 100%;
        height: 48px;
        margin-top: 4px;
        border: 0;
        border-radius: 4px;
        background: #6ac245;
        color: #ffffff;
        font-weight: 500;
    }

    .tud-footer-social {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
    }

    .tud-footer-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #f1f1f1;
        color: #1d1d1d;
    }

    .tud-footer-pci {
        display: block;
        max-width: 160px;
        height: auto;
        margin: 28px auto 0;
    }

    .tud-footer-bottom .tud-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        text-align: center;
    }

    .tud-footer-payment {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
    }

    .tud-footer-payment svg {
        display: block;
        height: 20px;
        width: auto;
        fill: currentColor;
    }

    .tud-footer-legal {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }
}

/* END FOOTER - MAIN */


/* Sigle page */
.single .mainwrap.tud-single, .archive .mainwrap.tud-single {
    padding-top: 32px;
}

.tud-single-sidebar--right .widget {
    /* background: #e8e3dc;
    border-radius: 16px;
    padding: 24px; */
}

.tud-single-sidebar--right h3 {
    margin: 0 0 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    color: #171717;
}

.tud-single-sidebar--right .widget-line {
    display: none;
}

.tud-fp {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tud-fp__item {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: #fff;
}

.tud-fp__img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.tud-fp__img a {
    display: block;
}

.tud-fp__img img {
    display: block;
    width: 100%;
    max-width: 120px;
    height: auto;
    object-fit: contain;
}

.tud-fp__info {
    min-width: 0;
}

.tud-fp__name {
    margin: 0 0 8px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: #171717;
}

.tud-fp__price {
    margin: 0;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #171717;
}

.tud-fp__view-link {
    display: inline-block;
    margin-top: 6px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #0D7223;
    text-decoration: none;
}

.tud-fp__view-link span {
    display: inline;
    -webkit-transition: background-size ease-in-out .3s;
    transition: background-size ease-in-out .3s;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66be4a), to(#66be4a));
    background-image: linear-gradient(#66be4a, #66be4a);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 2px;
    color: #66be4a;
}

.tud-fp__view-link:hover span {
    background-size: 100% 1px;
    color: #66be4a;
}

.tud-fp__view-link:hover {
    /* text-decoration: underline; */
}

.tud-fp__check-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

.tud-fp__check {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid #171717;
    background: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    position: relative;
}

.tud-fp__check::after {
    content: "";
    width: 12px;
    height: 9px;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.2s ease, transform 0.2s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 0.5L3.83333 7.83333L0.5 4.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.tud-fp__check:checked::after {
    opacity: 1;
    transform: scale(1);
}

.tud-fp__total-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    background: #fff;
}

.tud-fp__cart-msg:empty {
    display: none;
}

.tud-fp__total-label,
.tud-fp__total-price {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #171717;
}

.tud-fp__total-price {
    font-family: Poppins;
}

.tud-fp__total-label {
    font-weight: 700;
}

.tud-fp__total-price {
    font-weight: 400;
}

.tud-fp__add-to-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 12px 16px;
    border: 0;
    border-radius: 4px;
    background: #66BE4A;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;


}


.tud-fp__add-to-cart:hover,
.tud-product-cta__btn.tud-btn:hover {
    background-color: #000;
    border-color: #000;
    color: #FFF;
}

.tud-fp__add-to-cart svg {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
}

.tud-fp__btn-text {
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    text-transform: capitalize;

}

.tud-fp__cart-msg {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .tud-single-sidebar--right .widget {
        padding: 20px;
    }

    .tud-single-sidebar--right h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .tud-fp__item {
        grid-template-columns: 88px minmax(0, 1fr) 16px;
        gap: 12px;
        padding: 16px;
    }

    .tud-fp__img img {
        max-width: 88px;
    }
}
/* End Sigle page */

/* ============================================================
   PERFORMANCE: font-display: swap for FontAwesome (SO-59814)
   Prevents invisible text (FOIT) while FA webfonts load.
   ============================================================ */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2') format('woff2'),
         url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Fix horizontal scroll causing elements */
.site-wrapper { overflow-x: clip; }

/* ── tud/quote block ── */
.tud-quote {
    background: #F2EEE7;
    border-radius: 16px;
    padding: 40px 48px;
    text-align: center;
}

.tud-quote__badge {
    display: inline-block;
    background: #66BE4A;
    color: #fff;
    padding: 1px 6px;
    margin-bottom: 20px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

.tud-quote__text {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
    border: none;
}


.tud-quote blockquote {
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
    border: none;
    max-width: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* .tud-quote blockquote::before {
    content: '"';
    font-family: "Roboto", sans-serif;
}
.tud-quote blockquote::after {
    content: '"';
    font-family: "Roboto", sans-serif;
} */

.tud-quote__attribution {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 150%;
    color: #000;
    margin: 0;
}

@media (max-width: 767px) {
    .tud-quote {
        padding: 24px 40px;
        border-radius: 0;
    }
}
/* end .tud-quote */

/* ── tud/product-section block ── */
.tud-product-section {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #F2EEE7;
    border-radius: 16px;
    overflow: hidden;
}

/* Image side */
.tud-product-section .tud-ps__image {
    position: relative;
    flex: 0 0 calc(50% - 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0 24px 24px;
}

.tud-product-section .tud-ps__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.tud-product-section .tud-ps__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #60BF36;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 4px;
}

/* Content side */
.tud-product-section .tud-ps__content {
    flex: 0 0 calc(50% - 12px);
    padding: 24px 24px 24px 0;
}

/* Image on right */
.tud-product-section.tud-ps--img-right {
    flex-direction: row-reverse;
}

.tud-product-section.tud-ps--img-right .tud-ps__content {
    border-left: none;
    border-right: 1px solid rgba(0,0,0,.07);
    padding: 40px 40px 40px 48px;
}

/* Title */
.tud-product-section .tud-ps__title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #171717;
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 120%;
    text-transform: capitalize;
}

/* Description */
.tud-product-section .tud-ps__desc {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    margin: 0 0 24px;
    color: #171717;
}

.tud-product-section .tud-ps__desc p {
    margin: 0;
}

/* Product layout: divider + meta row */
.tud-product-section.tud-ps--product .tud-ps__divider {
    border: none;
    border-top: 1px solid #8A8884;
    margin: 0 0 24px;
}

.tud-product-section.tud-ps--product .tud-ps__meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.tud-product-section.tud-ps--product .tud-ps__product-name {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 500;
    color: #171717;
    /* flex: 0 0 auto; */
}

.tud-product-section.tud-ps--product .tud-ps__price {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -1%;
    flex: 0 0 auto;
    color: #171717;
}

.tud-product-section.tud-ps--product .tud-ps__price-label {
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #686868;
}

/* Actions */
.tud-product-section .tud-ps__actions {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 12px;
}


.tud-product-section .tud-ps__actions .tud-btn {
    width: 100%;
    text-align: center;
}

.tud-product-section .tud-ps__actions .tud-btn:hover {
    text-decoration: none;
}

.tud-product-section .tud-ps__actions .tud-btn.tud-btn-primary {
    color: #FFF;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 767px) {
    .tud-product-section,
    .tud-product-section.tud-ps--img-right {
        flex-direction: column;
    }

    .tud-product-section {
        gap: 16px;
    }

    .tud-product-section .tud-ps__image {
        flex: none;
        max-width: 100%;
        width: 100%;
        padding: 16px 16px 0 16px;
    }

    .tud-product-section .tud-ps__content,
    .tud-product-section.tud-ps--img-right .tud-ps__content {
        padding: 0 16px 16px;
        border: none;
    }

    .tud-product-section .tud-ps__title {
        font-size: 22px;
    }

    .tud-product-section .tud-ps__actions {
        /* flex-direction: column; */
    }

    .tud-product-section .tud-ps__actions .tud-btn {
        text-align: center;
    }

    .tud-product-section.tud-ps--product .tud-ps__meta,
    .tud-product-section.tud-ps--product .tud-ps__divider,
    .tud-product-section .tud-ps__desc {
        margin-bottom: 16px;
    }

    body.blog {
        font-size: 14px;
    }
}
/* end .tud-product-section */

/* ── tud/hotspot-image block ── */
.tud-hotspot-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0; /* collapse gap under img */
}

.tud-hotspot-img {
    display: block;
    width: 100%;
    height: auto;
}

/* Dot button */
.tud-hotspot__btn {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    /* box-shadow: 0 2px 8px rgba(0,0,0,.25); */
    transition: background .2s, color .2s, transform .15s;
    z-index: 5;
}

.tud-hotspot__btn:hover,
.tud-hotspot__btn:focus-visible {
    background: rgba(96, 191, 54, .3);
    color: #fff;
    transform: translate(-50%, -50%);
    outline: none;
}

/* Animated pulse ring */
/* .tud-hotspot__btn::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid rgba(96,191,54,.5);
    /* animation: tud-hs-pulse 2s ease-out infinite; */
    /* pointer-events: none; */
/* } */

@keyframes tud-hs-pulse {
    0%   { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 1; }
}

/* Icon (crosshair dot) */
.tud-hotspot__icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFF;
    display: block;
    flex-shrink: 0;
    animation: tud-hs-pulse 2s ease-out infinite;
}

/* ── Hotspot Modal ── */
.tud-hs-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;

    opacity: 1;
    visibility: visible;
    transition: opacity ease .3s, visibility ease .3s;
}

.tud-hs-modal[hidden] { 
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    transition: opacity ease .3s, visibility ease .3s;
 }

.tud-hs-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    /* backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */
}

.tud-hs-modal:not([hidden]) .tud-hs-modal__box {
    transform: translateX(0);
    transition: transform ease .3s;
}

.tud-hs-modal__box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;    
    flex-direction: column;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    max-width: 390px;
    width: 100%;
    box-shadow: 0 24px 64px rgba(0,0,0,.25);
    animation: tud-hs-modal-in .2s ease;
    transform: translateX(100%);
    transition: transform ease .3s;
}

@keyframes tud-hs-modal-in {
    from { opacity: 0; transform: scale(.95) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.tud-hs-modal__close {
    position: sticky;
    top: 16px;
    left: calc(100vw - 40px);
    width: 28px;
    height: 28px;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.tud-hs-modal__close:hover { background: rgba(0,0,0,.15); }

.tud-hs-modal__img-wrap {
    /* flex: 0 0 42%; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 24px 16px;
}

.tud-hs-modal__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.tud-hs-modal__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 40px;
}

.tud-hs-modal__title {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 120%;
}

.tud-hs-modal__price-inline {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    /* color: #60BF36; */
    margin: 0 0 12px;
}

.tud-hs-modal__desc {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.tud-hs-modal__divider {
    border: none;
    border-top: 1px solid #e8e8e8;
    margin: 0 0 16px;
}

.tud-hs-modal__meta {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.tud-hs-modal__price-label {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    margin-right: 4px;
    display: none;
}

.tud-hs-modal__price {
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
}

.tud-hs-modal__add-to-cart {
    margin-top: auto;
    align-self: flex-start;
}

.tud-hs-modal__cta {
    margin-top: 8px;
    align-self: flex-start;
}

.tud-hs-modal__cta[hidden] {
    display: none;
}

.tud-hs-modal__cart-msg {
    font-size: 13px;
    color: #c0392b;
    margin: 4px 0 0;
    min-height: 18px;
}

/* Prevent body scroll when modal is open */
html:has(.tud-hs-modal-open),
body.tud-hs-modal-open { overflow: hidden; }

.tud-hs-modal__cart-msg:empty {
    display: none;
}

.popup-actions {
    padding-top: 24px;
}

.popup-actions .tud-hs-modal__add-to-cart {
    width: 100%;
    border-radius: 4px;
    padding: 10px 16px;
    letter-spacing: 0;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-transform: uppercase;
}



.popup-actions {
    position: sticky;
    bottom: 0;
    background-color: #FFF;
    box-shadow: 0px -2px 8px 0px #00000026;
    padding: 16px 24px;
}

.tud-hs-modal__desc p:last-child {
    margin-bottom: 0;
}

.tud-hs-modal__desc ul,
.tud-hs-modal__desc p {
    margin-top: 0;
    margin-bottom: 8px;
}

.tud-hs-modal__desc {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

/* @media (max-width: 540px) { */
    .tud-hs-modal {
        padding: 0;
    }

    .tud-hs-modal__box {
        flex-direction: column;
        height: 100dvh;
        overflow-y: auto;
        border-radius: 0;
    }

    .tud-hs-modal__img-wrap {
        width: 100%;
        aspect-ratio: 1 / 1;
        flex: 0 0 auto;
        overflow: hidden;
    }
    

    .tud-hs-modal__img { 
        
    }

    .tud-hs-modal__body {
        flex: 1 1 auto;
        min-height: 0;
        /* overflow: auto; */
        justify-content: space-between;
        height: 100%;
        padding: 0;
    }

    .popup-discription {
        /* flex: 0 0 auto; */
        /* overflow-y: auto; */
        padding: 0 24px 24px;
    }
/* } */
/* end .tud-hotspot-image */

body .scrolling-div {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.scrolling-div a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;

    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
}

.scrolling-div a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 16px;
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
    .scrolling-div {
        transform: translateX(calc(43px - 100%));
        transition: transform ease .8s, top 1s !important;
    }

    .scrolling-div:hover {
        transform: translateX(0);
    }
    
    .scrolling-div:hover a span {
        width: auto;
        padding-right: 16px;
    }
    
    .scrolling-div a span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding-right: 0;
    }
}

.blog .post-read-more:disabled:hover, .button:disabled:hover, button:disabled:hover {
    background-color: #9da2a2;
}
.blog .post-read-more:disabled, .button:disabled, button:disabled {
    pointer-events: none;
}
@media screen and (max-width: 1439px) { 
    .main-nav-bar .navigation>ul li:nth-last-child(n+10), .main-nav-bar .navigation>ul li:nth-last-child(n+10)~li {
        margin-right: 0;
    }
}