/**
 * Theme Name:     Trucktrade Child Theme
 * Author:         flake GmbH
 * Template:       storefront
 * Text Domain:	   trucktrade-child-theme
 * Description:    This is a Child Theme of Storefront Theme.
 * Theme URI:      https://flake.ch
 * Author URI:     https://flake.ch
 * Version: 1.0.54
 * License:        GNU General Public License v3 or later
 * License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Tags:           e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
 */

:root {
    --color-primary:    #c00;
    --color-brand-cyan: #00b8f1;
    --color-text:       #333;
    --color-text-light: #888;
    --color-border:     #f0f0f0;
    --color-bg:         #fff;
    --color-bg-subtle:  #fafafa;
    --font-base:        'Google Sans', sans-serif;
    --font-size-base:   14px;
    --line-height-base: 1.618;
}

/* =============================================================================
   PLUGIN OVERRIDES
   ============================================================================= */

/* GDPR Cookie Compliance: plugin sets content-visibility:auto which skips
   pointer-event handling on the info bar, making buttons unclickable.
   Override to always render the bar as fully interactive. */
#moove_gdpr_cookie_info_bar {
    content-visibility: visible !important;
}

/* =============================================================================
   GOOGLE SANS — Self-hosted
   ============================================================================= */

/* Variable font (modern browsers) */
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-Variable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-Variable-Italic.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Static fallbacks (older browsers) */
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Google Sans';
    src: url('/wp-content/themes/trucktrade-child-theme/assets/fonts/GoogleSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Override Storefront's legacy font stack on ALL elements */
body,
button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.widget, .woocommerce, .storefront-primary-navigation {
    font-family: var(--font-base);
}

body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

.wps-storefront-noscroll {
    overflow: auto;
}

html {
    scroll-behavior: smooth;
}

h1, .alpha {
    letter-spacing: inherit;
}

.modal a {
    color: #2c2d33;
}

.trucktrade-splash-banner {
    height: calc(100vh - 165px);
    overflow: hidden;
    position: relative;
}

.trucktrade-splash-banner.has-boxes {
    height: calc(100vh - 245px);
}

.hero__wrapper {
    display: block;
    height: 100%;
}

.trucktrade-splash-banner video {
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}

.trucktrade-splash-banner h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px #000;
    font-size: 32px;
    text-transform: uppercase;
}

.splash-boxes {
    display: flex;
    justify-content: center;
    margin-top: -90px;
    z-index: 20;
    position: relative;
    gap: 15px;
    padding: 0 1.41575em 20px;
}

.splash-boxes .splash-box {
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #000;
    padding: 15px 20px;
    border-radius: 16px;
    max-width: 300px;
    box-shadow: 0 0 11px -4px #000;
}

.splash-boxes .splash-box h3 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.splash-boxes .splash-box h3 a {
    color: inherit;
    font-weight: inherit;
}

.splash-boxes .splash-box__description {
    margin-bottom: auto;
}

.splash-boxes .splash-box a.button {
    font-weight: normal;
    background: transparent;
    border: 1px solid #000;
    color: #000000;
    border-radius: 30px;
    padding: 6px 24px;
    width: max-content;
    display: block;
    margin-top: 22px;
    transition: background-color, color 0.2s ease
}

.splash-boxes .splash-box a.button:hover {
    background: #000;
    color: #fff;
}

.owl-item > li {
    cursor: pointer;
    margin: 6% 8%;
    transition: margin 0.4s ease;
}

.owl-item.center > li {
    cursor: auto;
    margin: 0;
}

.owl-item:not(.center) > li:hover {
    opacity: .75;
}

.home .storefront-breadcrumb {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .home button.menu-toggle::after, .home button.menu-toggle::before, .home button.menu-toggle span::before {
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 768px) {
    .trucktrade-splash-banner {
        height: auto;
    }

    .splash-boxes {
        overflow: scroll;
        justify-content: flex-start;
        margin-top: -50px;
    }

    .trucktrade-splash-banner h2 {
        font-size: 24px;
    }

    .splash-boxes .splash-box a.button {
        padding: 6px 18px;
    }

    h3.wp-block-heading {
        margin-bottom: 1px;
    }
}

/* Splash intro — icon holds until video is ready, then crossfade */
.splash-intro-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.8s ease;
    pointer-events: none;
}

.trucktrade-splash-banner.video-ready .splash-intro-overlay {
    opacity: 0;
    pointer-events: none;
}

.splash-intro-logo {
    width: 180px;
    max-width: 40vw;
    height: auto;
    animation: splash-icon-in 0.7s ease forwards;
}

@keyframes splash-icon-in {
    from { opacity: 0; transform: scale(0.9); }
    to   { opacity: 1; transform: scale(1); }
}

.splash-video-delayed {
    opacity: 0;
    transition: opacity 0.8s ease;
}

.trucktrade-splash-banner.video-ready .splash-video-delayed {
    opacity: 1;
}

.splash-title-delayed {
    opacity: 0;
    transition: opacity 0.8s ease 0.3s;
}

.trucktrade-splash-banner.video-ready .splash-title-delayed {
    opacity: 1;
}

/*Splash Banner Top Home Page - End*/
/* Globally Columns Grid */
.wp-block-columns {
    flex-wrap: wrap;
}

.wp-block-column {
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    box-shadow: none;
}

:where(.wp-block-columns) {
    margin: 10px 0;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: top 0.25s ease;
}

@media (min-width: 782px) {
    .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child),
    .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
    }
}

/*Globally*/
.hentry .entry-content a {
    color: #828282;
}

h4, .delta {
    font-size: 14px;
    font-weight: 600;
}

h2, h3, h4, h5 {
    font-weight: 600;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    margin-bottom: 0;
}

img {
    border-radius: 5px;
}

.button.wc-backward {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 7px;
    color: #000;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    border-radius: 0px;
}

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
    margin-left: 0em;
    padding-left: 0em;
    border-width: 0;
    border-left-width: 0px;
    border-left-style: solid;
    border-radius: 0;
    font-weight: normal;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
    padding: 1.118em 1.41575em;
}

.widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
    color: #828282;
}

.blocker {
    padding: 0px;
}

.modal {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.woocommerce-breadcrumb a:first-of-type::before {
    width: 13.78px;
    height: 19.82px
}

/* Filter Modal */
.mobile-filter-icon {
    width: 25px;
    height: 25px;
    font-size: 0;
    position: absolute;
    top: 7px;
    left: auto;
    right: 6px;
}

@media (min-width: 768px) {
    .mobile-filter-icon {
        display: none;
    }
}

/*Modal Popup Category Filter*/
#productfilterModel {
    max-width: 100%;
}

#productfilterModel .filter-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 15px 0;
}

#productfilterModel .filter-group-title {
    text-transform: uppercase;
    color: #000;
    margin-bottom: 5px;
}

#productfilterModel .filter-coll {
    position: relative;
    width: 100%;
}

.filter-group-terms {
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter-group-terms .cat-item {
    margin-top: 14px;
}

.filter-group-terms ul {
    list-style: none;
    display: none;
    margin: 0;
}

.filter-group-terms .current-cat > a,
.filter-group-terms .current-cat-parent > a {
    font-weight: 600;
}

.filter-group-terms .cat-has-children i {
    padding: 4px 0;
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
}

.filter-group-terms .cat-has-children i:before {
    content: "";
}

.filter-group-terms .cat-has-children.cat-opened > i:before {
    content: ""
}

.filter-group-terms .cat-has-children.cat-opened > ul {
    display: block;
}

@media (max-width: 767px) {
    #productfilterModel .filter-group-title {
        border-bottom: 1px solid;
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #productfilterModel {
        max-width: 800px;
        margin: 6.75rem auto;
    }

    #productfilterModel .category-coll {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    #productfilterModel .marke-coll {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    #productfilterModel .marke-coll .filter-group-terms {
        column-count: 2
    }

}

nav.secondary-navigation {
    display: none;
}

.site-content {
    padding-top: 0;
    padding-bottom: 50px;
}

.home .site-content {
    padding: 3px 0 50px 0;
}

.home .splash-boxes + .site-content {
    padding: 30px 0;
}

.home .trucktrade-splash-banner + .site-content {
    padding-top: 3px;
}

.single-product .site-content {
    padding: 0 0 50px;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 320px;
    background: #fff;
    border-radius: 15px;
    right: 15px;
    top: 60px;
    z-index: 9;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.secondary-navigation ul.menu a {
    color: #000000;
}

ul#menu-hauptnavigation > a {
    padding: 0;
}

nav.secondary-navigation .menu {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    position: relative;
    z-index: 9;
    border-radius: 15px;
}

nav.secondary-navigation .menu li {
    width: 100%;
    display: block;
}

nav.secondary-navigation .menu li a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 10px;
    color: #000;
    display: block;
}

nav.secondary-navigation .menu li.currency-selector {
    order: -1;
}

nav.secondary-navigation .menu li.menu-item-gtranslate {
    order: -1;
    margin-top: 20px;
    margin-bottom: 20px;
}

nav.secondary-navigation .menu li.menu-item-gtranslate div {
    display: block;
    width: 100%;
}

nav.secondary-navigation .menu li.menu-item-gtranslate .gt_switcher.notranslate {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0;
    border: 2px solid #000;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
}

nav.secondary-navigation .menu li.menu-item-gtranslate .gt_selected {
    display: block;
    width: 100%;
    background: #fff;
    padding: 7px 5px;
}

nav.secondary-navigation .menu li.menu-item-gtranslate .gt_selected a {
    display: block;
    width: 100%;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.gt_container--y9wnd8 .gt_switcher .gt_selected a:after {
    background-size: 11px;
}

nav.secondary-navigation .menu .select2-container {
    display: block;
}

nav.secondary-navigation .menu li.menu-item-gtranslate > div {
    position: relative;
}

.select2-container--default .select2-selection--single {
    border: 2px solid #000;
    border-radius: 5px;
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/drop-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    top: 10px;
    right: 10px;
    left: inherit;
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}

#page header {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: none;
    background: #fff;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #f0f0f0;
    z-index: 9;
}

#page header.woocommerce-products-header {
    border-bottom: none;
}

#page header.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    min-height: 74px;
    z-index: 1001;
    background-color: #fff;
}

.admin-bar #page header.site-header {
    top: 32px;
}

#page header.site-header.fixed-header {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    border-bottom-color: transparent;
}

/*Default Page*/
#page header h1.entry-title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    max-width: 1600px;
    margin: 20px auto 0;
}

#page header.entry-header {
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    border-color: transparent;
}

#page header.entry-header img {
    border-radius: 0;
    height: 500px;
    object-fit: cover;
    object-position: left center;
    min-height: 500px;
}

header .col-full:before,
header .col-full:after {
    display: none;
}

header .site-header-cart ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.woocommerce-active .site-header .site-header-cart img {
    border-radius: 0;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    margin: 0;
}

.woocommerce-active .site-header .site-search {
    margin: 0 20px 0 0; /* right gap so the language selector isn't flush against the search bar */
    display: block;
    width: 45%;
    position: relative;
}

.woocommerce-active .site-header .site-search input.search-field {
    background: #fff;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #BBBDBE;
    border-radius: 25px;
    padding: 10px 40px 10px 20px;
    outline: none;
}

.woocommerce-active .site-header .site-search input.product-search-field {
    background: #f9f9f9;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #BBBDBE;
    border-radius: 25px;
    padding: 10px 40px 10px 20px;
    outline: none;
}

.woocommerce-active .site-header .site-search input.search-field:focus {
    outline: none;
}

.categories-full {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: transform 0.3s ease-in-out;
    background-color: #fff;
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(0%);
}

.admin-bar .categories-full {
    top: calc(75px + 32px);
}

.hide-category .categories-full {
    transition: transform 0.3s ease-in-out;
    transform: translateY(-100%);
}

body.categories-bar {
    padding-top: 165px;
}

.categories-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    max-width: 1600px;
    margin: auto;
    position: relative;
    height: 60px;
    box-sizing: content-box;
}

.post-type-archive-product .categories-row, .archive .categories-row, .home .categories-row {
    max-width: 1600px;
}

.categories-row .owl-carousel {
    margin: 0;
    padding: 0 35px;
}

.categories-full.filter-off.categories-row .owl-carousel {
    padding: 0;
}

.menu-product-category-menu-container .owl-carousel .owl-stage-outer {
    z-index: 1;
}

.categories-full.filter-on .categories-icons {
    display: block;
    width: calc(100% - 100px);
}

.categories-full.filter-off .categories-row .categories-icons {
    width: 100%;
    margin-right: 0;
}

.categories-row .categories-icons .owl-dots {
    display: none;
}

.categories-row .categories-icons .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.categories-row .categories-icons .owl-theme .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    font-size: 0px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/cate-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    transform: rotate(180deg);
}

.categories-row .categories-icons .owl-stage {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.categories-row .categories-icons .owl-stage .owl-item {
    margin-right: 0;
}

.categories-row .categories-icons li {
    width: 82px;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
}

.categories-row .categories-icons li span {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.02rem;
    display: block;
    padding-top: 10px;
    color: #000;
    text-align: center;
    word-break: break-word;
}

.categories-row .categories-icons li img {
    height: 24px;
    width: calc(24px * 100 / 43); /* explicit ratio — SVGs lack intrinsic width */
    margin: auto;
}

.categories-row .categories-icons li > a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    font-size: 11px;
    padding: 4px 0;
    gap: 10px;
    color: #2c2d33;
}

.categories-row .categories-icons li > a:hover {
    color: #2c2d33;
}

.categories-row .filter-arrow-icon {
    width: 40px;
    margin: 0 30px 0 0;
    cursor: pointer;
}

.categories-row .filter-button img {
    border-radius: 0;
}

.categories-row .filter-button a {
    border: 1px solid #BBBDBE;
    padding: 7px 15px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #282828;
    transition: color 0.3s, background-color 0.3s;
}

.categories-row .filter-button a:hover {
    color: #FFF; /* Change text color on hover */
    background-color: #282828; /* Change background color on hover */
}

.categories-row .filter-button .filter-btn-icon {
    width: 26px;
    padding: 10px 10px 10px 0px;
}

.product-search-filter-terms .cat-parent.expandable > ul {
    display: block;
}

.categories-row .categories-icons li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.categories-row .categories-icons li:hover a:before {
    border-bottom: 1px solid #2c2d33;
}

.categories-row .categories-icons li.category-active a:before {
    border-bottom: 1px solid #2c2d33;
}

/* ── Category skeleton loader ── */
.tt-cat-skeleton {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 35px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 2;
    pointer-events: none;
}

.tt-cat-skeleton.tt-cat-skeleton--hidden {
    display: none;
}

.tt-cat-skeleton__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 82px;
    flex-shrink: 0;
    gap: 8px;
}

@keyframes tt-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.tt-cat-skeleton__icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

.tt-cat-skeleton__label {
    width: 48px;
    height: 9px;
    border-radius: 4px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
    animation-delay: 0.1s;
}

/* Stagger shimmer slightly per item */
.tt-cat-skeleton__item:nth-child(odd) .tt-cat-skeleton__icon,
.tt-cat-skeleton__item:nth-child(odd) .tt-cat-skeleton__label {
    animation-delay: 0.2s;
}

/* Hide real carousel until Owl is initialized */
.categories-icons .owl-carousel:not(.owl-loaded) {
    opacity: 0;
    pointer-events: none;
}

.categories-icons .owl-carousel.owl-loaded {
    opacity: 1;
    transition: opacity 0.25s ease;
}

.categories-row .categories-icons .owl-theme .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    font-size: 0px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/cate-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
}


.tax-product_cat .owl-theme.home-product-slider img,
.search-results .owl-theme.home-product-slider img {
    width: 100%;
    margin-bottom: 15px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

.woocommerce-active .site-header .site-header-cart {
    display: flex;
    align-items: center;
    width: auto;
}

.woocommerce-active .site-header .site-header-cart.menu > li {
    padding: 10px;
}

.woocommerce-active .site-header .site-header-cart.menu > li > a {
    font-size: 24px;
    padding: 5px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    height: 44px;
}

.woocommerce-active .site-header .site-header-cart.menu > li:nth-child(3) {
    position: absolute;
    right: 0;
}

.woocommerce-active .site-header .site-header-cart.menu > li:nth-child(3) a {
    font-size: 34px;
}

/* Login icon — SVG needs explicit width inside flex container */
.woocommerce-active .site-header .site-header-cart.menu > li#menu-item-12742 a img {
    width: 24px;
    height: auto;
}

/* Even width for wishlist, login, cart icon items */
.woocommerce-active .site-header .site-header-cart.menu > li#menu-item-105460 > a,
.woocommerce-active .site-header .site-header-cart.menu > li#menu-item-12742 > a {
    width: 44px;
    height: 44px;
    justify-content: center;
}

.woocommerce-active .site-header .site-header-cart.menu > li a.cart-contents {
    height: 44px;
    width: 44px;
}

.woocommerce-active .site-header .site-header-cart .widget_shopping_cart_content a.remove,
.woocommerce-active .site-header .site-header-cart .widget_shopping_cart_content .buttons a {
    border-color: #282828;
    font-size: 14px;
    padding: 5px;
}

.woocommerce-active .site-header .site-header-cart .widget_shopping_cart_content .quantity {
    padding-left: 26px;
}

.site-header-cart .cart-contents::after {
    font-size: 0;
    width: 28px;
    height: 28px;
    margin-top: 5px;
    float: left;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/cart-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.site-search .widget_product_search form::before {
    display: none;
}

.site-search .widget_product_search form button[type=submit] {
    font-size: 0;
    width: 28px;
    height: 28px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/search-icon.svg");
    background-repeat: no-repeat;
    top: 5px;
    left: inherit;
    right: 6px;
    -webkit-clip-path: inherit;
    clip-path: inherit;
    clip: inherit;
}

.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count {
    display: none;
}

.woocommerce ul.products {
    margin-bottom: 30px;
}

.woocommerce ul.products h2.woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Google Sans';
    color: #000000;
    text-align: left;
    text-transform: uppercase;
}

.woocommerce-loop-product__title:hover {
    text-decoration: underline;
}

.woocommerce ul.products .price .amount {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Google Sans';
    color: #000000;
}

.woocommerce ul.products .price .amount bdi,
.woocommerce ul.products .price .amount.price-on-request {
    display: flex;
}

.woocommerce-Price-currencySymbol {
    font-size: 12px;
    padding-right: 5px;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    left: inherit;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon.svg");
    background-repeat: no-repeat;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist:hover i:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover.svg");
    background-repeat: no-repeat;
}

.alg-wc-wl-thumb-btn-abs {
    z-index: 2;
    inset: 20px 20px auto auto !important;
    /* Fixed size so the button never shifts the card layout */
    width: 40px !important;
    height: 40px !important;
}

.product-image-block .alg-wc-wl-thumb-btn-abs {
    top: 0 !important;
    position: relative !important;
    margin-left: 15px !important;
    inset: inherit !important;
}

/* Heart icon span — replaces old <i class="fa fa-heart"> approach to avoid
   Font Awesome 5 conflicts that caused a 1.58px height bug and visual glitches. */
.alg-wc-wl-btn .tt-wl-icon,
.alg-wc-wl-btn2 .tt-wl-icon {
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.alg-wc-wl-btn.add .tt-wl-icon,
.alg-wc-wl-btn2.add .tt-wl-icon {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon.svg");
}

.alg-wc-wl-btn.remove .tt-wl-icon,
.alg-wc-wl-btn2.remove .tt-wl-icon {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
}

.alg-wc-wl-btn:hover .tt-wl-icon,
.alg-wc-wl-btn2:hover .tt-wl-icon {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
}

/* Legacy: keep old i.fa-heart rules for any cached markup still in the wild */
.alg-wc-wl-btn i.fa-heart,
.alg-wc-wl-btn2 i.fa-heart {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
}

.alg-wc-wl-btn i.fa-heart:before,
.alg-wc-wl-btn2 i.fa-heart:before {
    display: block;
    content: '';
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.alg-wc-wl-btn.add i.fa-heart:before,
.alg-wc-wl-btn2.add i.fa-heart:before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon.svg");
}

.alg-wc-wl-btn.remove i.fa-heart:before,
.alg-wc-wl-btn2.remove i.fa-heart:before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
}

.alg-wc-wl-btn:hover i.fa-heart:before,
.alg-wc-wl-btn2:hover i.fa-heart:before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
}

.product-excerpt {
    display: block;
    width: 100%;
    text-align: left;
}

.product-excerpt .product-tag {
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 2px 5px;
}

.site-main ul.products li.product {
    width: calc(25% - 15px) !important;
    margin-right: 15px !important;
    margin-bottom: 15px;
    float: left;
    transition: opacity 0.3s ease;
}

.site-main ul.products li.product:hover {
    opacity: 0.75;
    z-index: 4;
}

/* When hovering the heart button, suppress the card's fade so clicking
   the heart never triggers a card-opacity animation that looks like movement. */
.site-main ul.products li.product:has(.tt-wl-btn:hover) {
    opacity: 1;
}

.lmp_load_more_button {
    margin-bottom: 100px;
}

.lmp_load_more_button a {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    text-decoration: none !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.lmp_load_more_button a:hover {
    background-color: #282828 !important;
    color: #fff !important;
    border-color: #282828 !important;
    border-radius: 999px !important;
}

figure.keep-on-rolling {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-bottom: 50px;
    margin: 0;
}

figure.keep-on-rolling img {
    display: inline-block;
    margin: auto;
    max-width: 800px !important;
    width: 100%;
    border-radius: 0;
    padding: 0 15px;
}

.owl-theme.home-product-slider {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.owl-theme.home-product-slider .item {
    background: #f3f3f3;
    border-radius: 15px;
    aspect-ratio: 385 / 300;
    width: 100%;
}

.owl-theme.home-product-slider > .item {
    display: none
}

.owl-theme.home-product-slider > .item:first-child {
    display: block
}

.home .owl-theme.home-product-slider img {
    width: 100%;
    margin-bottom: 0;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

.owl-theme.home-product-slider img {
    width: 100%;
    margin-bottom: 15px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

.owl-theme.home-product-slider .owl-dots {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
}

.owl-theme.home-product-slider .owl-dots button {
    background: transparent;
    padding: 0;
}

.owl-theme.home-product-slider .owl-dots button span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme.home-product-slider .owl-dots button.active span {
    background: #869791;
}

h1.woocommerce-products-header__title.page-title {
    margin: 15px 0 30px 0;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

nav.secondary-navigation .menu li.currency-selector select.woocommerce-currency-selector {
    width: 100%;
    height: 39px;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

nav.secondary-navigation .menu li.menu-item-gtranslate select.gt_selector {
    width: 100%;
    height: 39px;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

#menu-shop-menu a[data-tooltip]:after {
    position: absolute;
    top: 48px;
    right: 50%;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    color: #000;
    content: attr(data-tooltip);
    font-size: 12px;
    white-space: nowrap;
    padding: 1.41575em;
    transform: translate(50%, 0);
    display: none;
}

#menu-shop-menu a[data-tooltip]:hover:after {
    display: block;
}

/* Invert colors on hover */
gtranslate select.gt_selector:hover,
gtranslate select.gt_selector:focus {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

form.cart .woocommerce.wl-button-wrap {
    display: none;
}

.site-header-cart li#my_cart:hover .widget_shopping_cart {

    width: 320px;
    right: 0;
    left: inherit;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.widget_shopping_cart .cart_list.product_list_widget {
    margin-bottom: 0;
    padding-top: 15px;
}

#my_cart .widget_shopping_cart .product_list_widget li {
    width: 100%;
}

.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
    background-color: #fff;
}

.btn-dropdown-close {
    position: absolute;
    top: -52px;
    right: 8px;
    height: 50px;
    width: 50px;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.btn-dropdown-close img {
    width: 19px;
}

.storefront-handheld-footer-bar ul li > a {
    font-size: 13px;
}

.storefront-handheld-footer-bar ul li.my-account > a::before,
.storefront-handheld-footer-bar ul li.search > a::before,
.storefront-handheld-footer-bar ul li.cart > a::before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
}

.storefront-handheld-footer-bar ul li.my-account > a::before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/user-login-mob.svg");
    background-size: 22px;
}

.storefront-handheld-footer-bar ul li.search > a::before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/heart-icon.svg");
    background-size: 22px;
}

.storefront-handheld-footer-bar ul li.search.active > a::before {
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: center;
}

.storefront-handheld-footer-bar ul li.cart > a::before {
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/cart-mob.svg");
    background-size: 26px;
}

.storefront-handheld-footer-bar ul li.cart .count {
    top: 0.175em;
    left: 55%;
    background-color: #ff0000;
}

.storefront-handheld-footer-bar li.search.active > a:before {
    content: "";
}

/*Location Map Modal Box*/
.location-map-modal.modal {
    width: 100%;
    max-width: 1120px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
}

.location-map-modal .location-wrapper {
    display: flex;
    justify-content: space-between;
}

.location-map-modal .map-modal-left {
    display: inline-block;
    width: 45%;
    margin-top: 40px;
}

.location-map-modal .map-modal-left .frame-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.location-map-modal .map-modal-left .frame-amount {
    font-size: 20px;
    font-weight: 600;
}

.location-map-modal .map-modal-left .frame-amount sup {
    font-weight: 600;
    font-size: 11px;
}

.location-map-modal .map-modal-left .frame-address {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.location-map-modal .map-modal-left .frame-address .contact-title1 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.location-map-modal .map-modal-left .frame-address ul.contact-person__list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
}

.location-map-modal .map-modal-left .frame-add-location h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.location-map-modal .map-modal-left .frame-add-location p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.location-map-modal .map-modal-right {
    display: inline-block;
    width: 55%;
    float: right;
}

.location-map-modal .map-modal-right .map-frame {
    display: flex;
    height: 100%;
}

.location-map-modal.modal a.close-modal {
    top: 15px;
    right: inherit;
    left: 15px;
    background: #fff;
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/close-icon-modelBox.svg");
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.location-map-modal .map-modal-left a {
    text-decoration: underline;
}

.location-map-modal .map-modal-left a:hover {
    text-decoration: none;
}

/*Contact*/
.col-full {
    position: relative;
}

.home .site-header .col-full {
    max-width: 1600px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header .col-full {
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wp-block-columns.contact-details {
    margin-bottom: 10px;
}

.contact-details .wp-block-column {
    display: flex;
    margin: 0;
}

.contact-details h4.wp-block-heading,
.contact-details p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.contact-details h4.wp-block-heading {
    margin-right: 10px;
}

.contact-details p a {
    color: #000;
}

.hentry .entry-content .contact-details p a {
    color: #000;
}

.contact-details .wp-block-image {
    margin: 0;
}

.storefront-breadcrumb {
    display: block;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 11px;
}

.storefront-breadcrumb:hover {
    text-decoration: underline;
}

.single-product .storefront-breadcrumb {
    display: block;
    margin-bottom: 0px;
    padding: 15px 0;
}

h2.wp-block-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 30px;
}

.contact-heart-image figure {
    margin: 0;
}

.contact-heart-image img {
    display: block;
    margin-top: -50px;
}

/*Start News*/
.hentry .entry-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image {
    border-radius: 5px;
}

.pt-cv-view.custom-post-grid .pt-cv-ifield {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.pt-cv-view.custom-post-grid .pt-cv-ifield .pt-cv-meta-fields {
    order: 3;
    margin-bottom: 5px;
}

.pt-cv-view.custom-post-grid .pt-cv-ifield .pt-cv-href-thumbnail {
    order: 1;
}

.pt-cv-wrapper img.pt-cv-thumbnail {
    border-radius: 6px;
}

.pt-cv-view.custom-post-grid .pt-cv-ifield .pt-cv-title {
    order: 2;
    margin-bottom: 5px;
}

.pt-cv-view.custom-post-grid .pt-cv-ifield .pt-cv-content {
    order: 4;
}

.pt-cv-view.custom-post-grid .pt-cv-readmore {
    padding: 0 0px;
    margin: 0;
    position: relative;
}

/* New Category Bottom */
.category-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.category-grid ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.category-grid ul li {
    width: 100%;
    max-width: 33.3333%;
    padding-right: 10px;
    padding-bottom: 50px;
    text-align: center;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
}

.category-grid ul li:hover {
    text-decoration: none;
}

.category-grid li,
.category-grid li a {
    color: #000;
    text-transform: uppercase;
}

/* Single Post */
.hentry .wp-post-image {
    border-radius: 10px;
}

.site-main nav.navigation .nav-previous a, .site-main nav.navigation .nav-next a {
    color: #000;
}

/*Bottom carousel Slider */
.carousel-slider-hero__cell__background {
    border-radius: 6px;
}

.column-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    margin-bottom: 15px;
}

.column-icon .wp-block-image {
    margin-bottom: 0px;
}

.column-icon .wp-block-image figure {
    margin: auto;
}

.wp-block-buttons.custom-btn-outline > .wp-block-button.wp-block-button {
    width: 200px;
}

/*Detail page */
.product-detail-images {
    display: flex;
    /*height: 460px;*/
}

.product-image-big {
    display: flex;
    width: 70%;
    position: relative;
}

.product-group-icon {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0;
    z-index: 2;
}

.product-group-icon div a img {
    width: 40px;
}

.product-group-icon .product-share-icon {
    margin-left: auto;
    display: none;
}

.product-image-big a {
    display: inline-block;
    width: 100%;
}

.product-image-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-image-loop {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: 10px;
    margin-right: 0;
}

.product-image-small {
    display: flex;
    margin-bottom: 10px;
    width: 48%;
}

.product-image-small:nth-child(1),
.product-image-small:nth-child(3) {
    margin-right: 10px;
}

.product-image-small:nth-child(3),
.product-image-small:nth-child(4) {
    margin-bottom: 0;
}

.product-image-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all-photo-link {
    text-align: right;
    display: block;
    margin: 15px;
}

.all-photo-link a {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    text-decoration: underline;
}

.all-photo-link a:hover {
    color: grey; /* Change this to your preferred shade of grey */
}

.widget.sideblock.buy-block {
    width: 100%;
    background: #fff;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #ddd;
}

.widget.buy-block .sideblock-content .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
}

.widget.buy-block .custom-price {
    position: relative;
}

.widget.buy-block .cart.price-hidden {
    display: none;
}

.widget.buy-block .custom-price .amount {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    display: block;
}

.widget.buy-block .custom-price .amount bdi {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 15px;
}

.widget.buy-block .custom-price .amount.price-on-request bdi {
    justify-content: flex-end;
}

.widget.buy-block .sideblock-content .vat small {
    font-size: 9px;
    color: #000;
    font-weight: 400;
}

.widget.buy-block .custom-price .regular-on-request {
    font-size: 16px;
}

.widget.buy-block .custom-price span.vat {
    position: absolute;
    left: 28px;
    top: -4px;
}

.widget.buy-block .single_add_to_cart_button {
    background: #00b8f1;
    font-size: 14px;
    display: block;
    width: 100%;
    border-radius: 30px;
    padding: 15px;
    text-align: center;
    border: 1px solid #282828;
    font-weight: 600;
    font-family: var(--font-base);
    transition: background 0.3s, color 0.3s;
}

.widget.buy-block .single_add_to_cart_button:hover {
    background: #fff; /* Change background color on hover */
    color: #00b8f1; /* Change text color on hover */
    border: 1px solid #00b8f1; /* Keep border color same */
}

.widget.buy-block .button.inquiry-button {
    font-size: 14px;
    color: #000;
    display: block;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #000;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
}


.widget.buy-block .button.inquiry-button:hover {
    background: #282828;
    color: #fff;
}

.widget.buy-block .product-video {
    margin-bottom: 1.618em;
}

.widget.buy-block .product-video iframe {
    height: auto;
    aspect-ratio: 16/9;
    display: block;
}

.widget.buy-block .product-serialno,
.widget.buy-block .product-category {
    font-size: 14px;
    color: #282828;
}

.widget.buy-block .wdpa-product-attributes .wdpa-att {
    font-size: 14px;
    color: #282828;
}

.widget-area .widget a {
    font-weight: 400;
}

.widget-area .widget {
    font-size: 14px;
    font-weight: 400;
}

.widget.sideblock.responsible-person {
    width: 100%;
    background: #fff;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #ddd;
}

.widget.sideblock .contact-person .contact-person__imagecol {
    width: 190px;
    height: 190px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.widget.sideblock .contact-person .contact-person__imagecol img {
    width: 190px;
    height: 190px;
    object-fit: cover;
}

.widget.sideblock .contact-person .contact-person__title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.widget.sideblock .contact-person .contact-person__position {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
}

.widget.sideblock .contact-person .contact-person__list li,
.widget.sideblock .contact-person .contact-person__list li a {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
}

.widget.sideblock .whatsapp-btn,
.widget.sideblock .contact-btn {
    display: block;
}

.widget.sideblock .whatsapp-btn a,
.widget.sideblock .contact-btn a,
.widget.sideblock .print-btn a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    display: block;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #000;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.widget.sideblock .whatsapp-btn a:hover, .widget.sideblock .contact-btn a:hover, .widget.sideblock .print-btn a:hover {
    background-color: #282828; /* Invert background color */
    color: #fff; /* Invert text color */
}

div#custom_html-5 {
    margin: 0;
}

.product-template-default .product h1.product_title {
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.map-block .whatsapp-btn,
.map-block .view-btn {
    display: block;
    width: 100%;
    max-width: 250px;
}

.map-block .whatsapp-btn a,
.map-block .view-btn a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: block;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #000;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
    text-decoration: none;
}

.description-row h3,
.woocommerce-Tabs-panel h2 {
    font-size: 16px !important;
    font-weight: 600;
    color: #282828;
    text-transform: uppercase;
}

.related.products h2.wt-crp-heading {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.single-product div.product .summary {
    display: none;
}

.single-product div.product .woocommerce-tabs .tabs.wc-tabs {
    display: none;
}

.single-product div.product .woocommerce-tabs .panel {
    width: 100%;
    display: block;
}

.single-product div.product .woocommerce-tabs .panel table:not( .has-background ) th {
    background-color: #fff;
    color: #000;
    padding: 5px 0;
    font-weight: normal;
    width: 50%;
}

.single-product div.product .woocommerce-tabs .panel table:not( .has-background ) tbody td {
    background-color: #fff;
    padding: 5px 0;
}

.single-product.right-sidebar .widget-area {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
}

.single-product.right-sidebar .content-area {
    width: calc(100% - 380px);
}

.jquery-modal.blocker.current {
    background-color: rgba(0, 0, 0, .75);
    display: block;
    z-index: 9999;
}

div#product-gallery-popup {
    z-index: 1024;
    max-width: 1120px;
    width: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
    top: 150px;
}

div#product-gallery-popup ul.porduct-gallery-top {
    padding: 0;
    margin: 0;
    list-style: none;
}

div#product-gallery-popup ul.porduct-gallery-top li {
    margin-bottom: 30px;
}

div#product-gallery-popup ul.porduct-gallery-top li.video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    display: block;
}

div#product-gallery-popup ul.porduct-gallery-top li:last-child {
    margin-bottom: 0px;
}

div#product-gallery-popup a.close-modal {
    top: -60px;
    right: inherit;
    left: -60px;
    background: #fff;
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/close-icon-modelBox.svg");
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.map-block .map-content {
    border: 1px solid #eee;
    width: 100%;
    height: 400px;
    text-align: center;
}

#primary .related.products.wt-related-products {
    display: none;
}

.related.products.wt-related-products .owl-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.related.products.wt-related-products .carousel-wrap {
    padding: 0;
    margin: 0 0;
}

.related.products.wt-related-products .owl-nav button {
    position: relative;
    width: 25px !important;
    height: 40px !important;
}

.related.products.wt-related-products .owl-nav button:hover {
    background: none !important;
}

.related.products.wt-related-products .owl-nav button span,
.related.products.wt-related-products .owl-nav button .dashicons:before {
    position: absolute;
    width: 25px;
    height: 40px;
    top: 0;
    text-indent: -9999px;
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/next-prev-arrow1.svg");
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 0;
}

.related.products.wt-related-products .owl-nav .owl-prev span,
.related.products.wt-related-products .owl-nav .owl-prev .dashicons:before {
    left: 0;
}

.related.products.wt-related-products .owl-nav .owl-next span,
.related.products.wt-related-products .owl-nav .owl-next .dashicons:before {
    right: 0;
    background-position: -75px;
}

/*fallback style when disabled owl-carousel*/
.related.products.wt-related-products > .products {
    display: flex;
    gap: 10px;
}

.related.products.wt-related-products > .products > li {
    max-width: 25%;
}

.related.products.wt-related-products > .products::before,
.related.products.wt-related-products > .products::after {
    content: none;
}

.related.products .owl-carousel .owl-item img {
    width: 100%;
    margin-bottom: 15px;
    object-fit: cover;
    border-radius: 15px;
}

.lightbox .lb-dataContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1024;
}

.lightbox .lb-data .lb-details {
    display: none;
}

.lightbox .lb-data .lb-close {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/close-icon-modelBox.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 0;
    opacity: 1;
}

.tab-termsofService {
    margin-top: 45px;
}

.tab-termsofService .accordion-header h2 {
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.tab-termsofService .tab-content h2,
.tab-termsofService .tab-content h3,
.tab-termsofService .tab-content h4 {
    color: #282828;
    font-weight: 600;
    text-transform: uppercase;
}

.tab-termsofService .tab-offset-bottom-container h6 {
    color: #282828;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}

form.cart .quantity {
    display: none;
}

.mobile.product-image-block {
    display: none;
    margin-bottom: 30px;
}

.product-image-block {
    display: block;
}

.mobile-product-slider {
    display: block;
    position: relative;
    aspect-ratio: 324 / 243;
}

.mobile-product-slider .item {
    display: none;
}

.mobile-product-slider .item:first-child {
    display: block;
}

.mobile-product-slider .item img {
    display: block;
    width: 100%;
}

.mobile-product-slider .owl-dots {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.detail-top-menu {
    background: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .25);
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: -100px;
    opacity: 0;
    transition: .6s ease-in-out;
    z-index: 1024;
}

.detail-top-menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}

.detail-top-menu li a {
    color: #282828;
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    white-space: normal;
    font-size: 12px;
}

.detail-top-menu li a::after {
    background: #00b8f1;
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: .6s;
}

.detail-top-menu li a.active::after {
    opacity: 1;
}

.share-desktop .addtoany_shortcode {
    padding-top: 23px;
}

/* Native share buttons (replaces AddToAny plugin) */
.tt-share-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 23px;
    flex-wrap: wrap;
}
.tt-share-label {
    font-size: 0.85em;
    color: #282828;
    margin-right: 4px;
}
.tt-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f0f0f0;
    color: #444;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.tt-share-btn:hover {
    background: #282828;
    color: #fff;
}
.tt-share-btn svg {
    display: block;
}

#secondary .scroll-column.fixed {
    position: fixed;
    width: 300px;
    top: 120px;
}

.wp-block-heading + .wp-block-heading {
    margin-block-start: 0;
}

.product-images .badges {
    position: absolute;
    top: 19px;
    left: 28%;
    transform: translateX(-28%);
    z-index: 3;
}

.product-images .badges > span {
    background: #fff;
    border: none;
    text-transform: uppercase;
    padding: .202em .6180469716em;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1em;
    border-radius: 25px;
    position: relative;
}

.product-images .badges > span.outofstock {
    background: #e2401c;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/*Product Description Info*/
.description-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 5px;
}

.description-row .col-right {
    flex: 50%;
}

.description-row .col-left {
    flex: 50%;
    padding-right: 15px;
}

.description-row h3 {
    margin-top: 15px;
}

.archive .term-description {
    margin-top: 0.5em;
    width: 66%
}

.woocommerce-Tabs-panel + .woocommerce-Tabs-panel.panel h2:first-of-type {
    margin-top: 15px;
}

.map-block {
    position: relative;
    display: block;
    margin-top: 40px;
}

.map-title h2 {
    margin-bottom: 35px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.map-address {
    margin-top: 10px;
    display: inline-block;
}

.whatsapp-btn {
    margin-top: 40px;
}

.wt-related-products {
    width: 100% !important;
    display: inline-block;
}

.wt-related-products .related-products-carousel li.product {
    margin: 0;
    list-style: none;
}

.lmp_load_more_button .lmp_button {
    width: 177px;
    font-weight: 400;
}

/*Shopping cart*/
.woocommerce-pdf-catalog {
    padding-bottom: .5407911001em;
}

.woocommerce-pdf-catalog a.button {
    color: #ffffff;
}

table.cart .product-thumbnail img {
    max-width: 10em;
}

table.cart td.actions .coupon {
    display: flex;
}

table.cart td.actions .coupon input {
    margin-right: 15px;
}

table.cart td.actions .coupon button {
    background: #282828;
    color: #fff;
    border-radius: 25px;
    height: 50px;
}

.wc-proceed-to-checkout a.checkout-button {
    background: #282828;
    color: #fff;
}

.woocommerce-info {
    background-color: #BBBDBE;
}

.woocommerce-info a {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .9);
    text-decoration: none;
    margin-left: 15px;
}

#page header.entry-header {
    padding-top: 0;
    z-index: 0;
}

.page-template-default .hentry {
    margin: 0 0 1em;
}

.wc-proceed-to-checkout .button.checkout-button,
#payment .place-order .button {
    font-size: 14px;
    padding: 12px;
    border-radius: 999px;
    color: #fff;
}

.error404 h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0 0;
}

.error404 .search-similar-products {
    border-bottom-width: 0;
    margin-bottom: 0;
}

ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
    display: block;
    margin: 0 auto 1.618em;
    width: 100%;
    margin-bottom: 15px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

ul.products li.product .badges,
.wc-block-grid__products .wc-block-grid__product-badges {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
}

ul.products li.product .badges > span,
.wc-block-grid__products .wc-block-grid__product-badges > div {
    background: #fff;
    border: none;
    text-transform: uppercase;
    padding: .202em .6180469716em;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1em;
    border-radius: 7px;
    position: relative;
}

ul.products li.product .badges > span.outofstock,
.wc-block-grid__products .wc-block-grid__product-badges > .wc-block-grid__product-outofstock {
    background: #e2401c;
    color: #fff;
}

ul.products li.product .price {
    text-align: left;
    margin-bottom: 0;
}

ul.products li.product .price del,
ul.products li.product .price ins {
    display: inline-block;
}

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link {
    display: block;
}

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image {
    display: inline-block;
    width: 100%;
}

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img {
    width: 100%;
    aspect-ratio: 385 / 300;
    height: auto;
    object-fit: cover;
}

/* Header Search */
.woocommerce-active .site-header .site-search .gsc-control-cse {
    padding: 0;
    border: 0;
}

.woocommerce-active .site-header .site-search form.gsc-search-box {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
}

.woocommerce-active .site-header .site-search table.gsc-search-box {
    border-spacing: 0 0;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #BBBDBE;
    border-radius: 25px;
    padding: 5px 5px 5px 20px;
    outline: none;
}

.site-search .widget_product_search form input[type="search"],
.site-search .widget_product_search form input[type="text"] {
    background-color: transparent;
}

.woocommerce-active .site-header .site-search table.gsc-search-box .gsc-input-box {
    border: 0px;
    padding-top: 0;
    padding-bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.woocommerce-active .site-header .site-search table.gsc-search-box td.gsc-input {
    padding: 0;
}

.woocommerce-active .site-header .site-search table.gsc-search-box td {
    padding: 0;
}

.woocommerce-active .site-header .site-search .gsc-input {
    margin: 0;
    font-size: 14px;
}

.woocommerce-active .site-header .site-search .gsc-search-button-v2 {
    font-size: 0;
    margin: 0;
    padding: 5px 5px;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    border: 0px solid #666;
    border-radius: 30px;
    border-color: transparent;
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/search-icon.svg");
    background-repeat: repeat;
    background-repeat: no-repeat;
}

.woocommerce-active .site-header .site-search .gsc-search-button-v2 svg {
    display: none;
}

.woocommerce-active .site-header .site-search table.gsc-search-box .gsst_a {
    display: flex;
}

.woocommerce-active .site-header .site-search table.gsc-search-box .gsst_a .gscb_a {
    color: #828282;
    padding: 0;
}

.woocommerce-active .site-header .site-search table.gsc-search-box .gsst_a:hover .gscb_a,
.woocommerce-active .site-header .site-search table.gsc-search-box .gsst_a:focus .gscb_a {
    color: #000;
}

.gsc-results-wrapper-overlay {
    top: 8%;
    left: 0;
    right: 0;
}

.gsc-selected-option-container {
    max-width: 100%;
}

/*Footer start*/
.site-footer {
    background-color: transparent;
    padding: 3.706325903em 0 1.618em;
    position: relative;
}

.site-footer:before {
    max-width: 980px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #c8c8c8;
    margin: auto;
    right: 0;
}

.site-footer .faq-list-holder {
    width: 100%;
    max-width: 800px;
}

.site-footer .footer-widgets {
    border-bottom: none;
    padding: 0;
}

.site-footer .widget .widget-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: center;
    border: none;
    margin: 0;
}

.site-footer .footer-widgets .block {
    padding: 0 50px;
    margin: 0;
}

.site-footer .footer-widgets .block .widget ul li {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
}

.site-footer .footer-widgets .block .widget ul li::before {
    display: none;
}

.site-footer .site-info .footer-logo {
    text-align: center;
    margin-bottom: 15px;
}

.site-footer .site-info .footer-logo a {
    text-align: center;
}

.site-footer .site-info .footer-logo a img {
    margin: auto;
    width: 165px;
}

.site-footer .site-info {
    font-size: 10px;
    color: #000;
    font-weight: 500;
    text-align: center;
}

.site-info span[role=separator]::before {
    content: "/";
}

.scroll-to-top {
    width: 40px;
    height: 40px;
    background-color: #000;
    position: fixed;
    bottom: 50px;
    right: 50px;
    transition: 1s;
    cursor: pointer;
    z-index: 9;
    border-radius: 30px;
    display: none;
}

.scroll-to-top .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
}

/*Footer end*/
.desktop-lang-dropdown {
    margin-left: auto;
    margin-right: 10px;
}

.desktop-lang-dropdown select.gt_selector {
    width: 100%;
    height: 39px;
    padding: 0 10px;
    border: 1px solid #BBBDBE;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

.home header.woocommerce-products-header {
    display: none;
}

.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist.active {
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover-fill.svg");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: center;
}

.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist.active img {
    filter: brightness(0) invert(1);
    vertical-align: middle;
}

.storefront-handheld-footer-bar .columns-3 .search .site-search {
    display: none;
}

.storefront-handheld-footer-bar .footer-hide {
    display: none;
}

.add-to-wishlist-before_image .yith-wcwl-wishlistaddedbrowse i:before,
.add-to-wishlist-before_image .yith-wcwl-wishlistexistsbrowse i:before {
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/thumb-heart-icon-hover.svg");
}

/**
 * Styles from menu-icons/css/extra.min.css
 */
.menu-item i._mi, .menu-item img._mi {
    display: inline-block;
    vertical-align: middle
}

.menu-item i._mi {
    width: auto;
    height: auto;
    margin-top: -.265em;
    font-size: 1.2em;
    line-height: 1
}

.menu-item i._before, .rtl .menu-item i._after {
    margin-right: .25em
}

.menu-item i._after, .rtl .menu-item i._before {
    margin-left: .25em
}

.menu-item img._before, .rtl .menu-item img._after {
    margin-right: .5em
}

.menu-item img._after, .rtl .menu-item img._before {
    margin-left: .5em
}

.menu-item ._svg {
    width: 1em
}

.rtl .menu-item i._before {
    margin-right: 0
}

.rtl .menu-item i._after {
    margin-left: 0
}

.visuallyhidden {
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

form.mailpoet-manage-subscription .mailpoet_text_label,
form.mailpoet-manage-subscription .mailpoet_select_label,
form.mailpoet-manage-subscription .mailpoet_segment_label {
    display: block;
    color: black;
}

form.mailpoet-manage-subscription .mailpoet_select {
    width: auto;
    min-width: 220px;
    max-width: 320px;
    padding: 10px;
}

.mailpoet_checkbox_label {
    height: 20px;
    vertical-align: middle;
    color: black;
    margin-top: 15px;
    display: block;
}

.mailpoet_checkbox {
    height: 20px;
    vertical-align: middle;
    color: black;

}

form.mailpoet-manage-subscription .mailpoet_text {
    width: 100%;
    padding: 10px;
}

form.mailpoet-manage-subscription .mailpoet_paragraph {
    margin-bottom: 15px
}

form.mailpoet-manage-subscription .mailpoet_submit {
    padding: 10px 32px;
    width: auto;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    border-radius: 30px;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

form.mailpoet-manage-subscription .mailpoet_submit:hover,
form.mailpoet-manage-subscription .mailpoet_submit:active {
    background: #000;
    color: #fff;
}

@media (min-width: 992px) {
    .wp-block-columns.has-2-columns .wp-block-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wp-block-columns.has-2-columns.first-col-8 .wp-block-column:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666%;
        flex: 0 0 66.66666%;
        max-width: 66.66666%;
    }

    .wp-block-columns.has-2-columns.first-col-8 .wp-block-column:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .wp-block-columns.has-3-columns .wp-block-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 768px) {
    .highlight-on-hover {
        transition: filter 0.3s ease; /* Smooth transition */
    }

    .highlight-on-hover:hover {
        filter: brightness(1.1); /* Slightly brighter on hover */
    }

    .col-full {
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .home .col-full {
        position: relative;
        max-width: 1600px;
        padding: 0px 15px;
    }

    .post-type-archive-product .site-content .col-full {
        position: relative;
        max-width: 1600px;
        padding: 0px 15px;
    }

    .post-type-archive-product.right-sidebar .content-area {
        width: 100%;
        margin-right: 0;
    }

    footer.site-footer .col-full {
        position: relative;
        max-width: 1600px;
        padding: 0px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .site-header-cart:hover .widget_shopping_cart,
    .site-header-cart.focus .widget_shopping_cart {
        left: 0;
        display: none;
    }

    .site-header-cart li#my_cart .widget_shopping_cart {
        top: 90%;
    }

    .site-header-cart li#my_cart:hover .widget_shopping_cart {
        left: inherit;
        display: block;
    }

    .storefront-sorting {
        display: none;
    }

    .single-post.right-sidebar .content-area {
        width: 100%;
        float: left;
        margin-right: 0px;
    }

    .error404 .site-main ul.products.columns-2 li.product {
        width: calc(50% - 15px) !important;
    }

    .single-product div.product .woocommerce-tabs {
        padding-bottom: 0em;
        padding-top: 0em;
    }

    .single-product .site-main {
        margin-bottom: 0px;
    }

    .categories-row .categories-icons ul li .icon-name {
        font-size: 12px;
    }

    .tax-product_cat .site-header .col-full,
    .search-results .site-header .col-full,
    .error404 .site-header .col-full {
        max-width: 1600px;
    }

    .tax-product_cat .site-content .col-full,
    .search-results .site-content .col-full,
    .error404 .site-content .col-full {
        max-width: 1600px;
    }

    .tax-product_cat .storefront-breadcrumb .col-full,
    .search-results .storefront-breadcrumb .col-full,
    .error404 .storefront-breadcrumb .col-full {
        max-width: 1600px;
    }

    .archive .col-full {
        max-width: 1600px;
    }

    .sidebar-container.mobile-sidebar-container {
        display: none;
    }

    .mobile-menus, .search-mobile-menus {
        display: none;
    }

    .map-frame.mobile-map {
        display: none;
    }

    figure.keep-on-rolling img {
        max-width: 710px !important;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mobile-home-logo {
        display: none;
    }
}

@media (max-width: 1280px) {
    .owl-theme.home-product-slider img {
        height: 200px;
    }

    #page header.entry-header img {
        height: 400px;
    }

    .tax-product_cat .owl-theme.home-product-slider img,
    .search-results .owl-theme.home-product-slider img,
    .home .owl-theme.home-product-slider img {
        height: 230px;
    }

    ul.products li.product img,
    ul.products .wc-block-grid__product img,
    .wc-block-grid__products li.product img,
    .wc-block-grid__products .wc-block-grid__product img {
        height: 230px;
    }

    div#product-gallery-popup a.close-modal {
        top: -70px;
        left: 0;
    }
}

@media (min-width: 1200px) {
    .trucktrade-splash-banner h1 {
        font-size: 50px;
        font-weight: 400;
    }
}

@media (max-width: 1199px) {
    .tax-product_cat .owl-theme.home-product-slider img,
    .search-results .owl-theme.home-product-slider img,
    .home .owl-theme.home-product-slider img {
        height: 200px;
    }

    ul.products li.product img,
    ul.products .wc-block-grid__product img,
    .wc-block-grid__products li.product img,
    .wc-block-grid__products .wc-block-grid__product img {
        height: 200px;
    }

    .lmp_load_more_button {
        margin-bottom: 20px;
    }

    #productfilterModel {
        max-width: 80%;
    }
}

@media (max-width: 992px) {
    #page header.entry-header img {
        height: auto;
        min-height: auto;
        aspect-ratio: 16 / 9;
    }

    .desktop-lang-dropdown {
        display: none;
    }
}

@media (max-width: 781px) {
    .archive .term-description {
        width: 100%
    }
}

@media (max-width: 768px) {
    .site-footer .widget {
        margin: 0 0 1.706325903em;
    }

    .site-footer {
        padding: 2.706325903em 0 3.706325903em;
    }

    .site-main ul.products li.product {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .product-detail-images {
        flex-direction: column;
        height: auto;
        aspect-ratio: 324 / 243;
    }

    .porduct-gallery-top .gallery-item.video {
        display: none
    }

    .product-image-big {
        width: 100%;
    }

    .product-image-loop {
        width: 100%;
        flex-wrap: inherit;
        margin-left: 0;
        margin-top: 10px;
    }

    .product-image-small {
        margin-bottom: 0;
    }

    .product-image-small img {
        width: auto;
        height: 100px;
    }

    .product-image-small:nth-child(2) {
        margin-right: 10px;
    }

    .all-photo-link {
        margin: 15px 0;
    }

    .tax-product_cat .owl-theme.home-product-slider img,
    .search-results .owl-theme.home-product-slider img,
    .home .owl-theme.home-product-slider img {
        height: 450px;
    }

    .owl-theme.home-product-slider .item {
        aspect-ratio: 385 / 235;
    }

    .site-footer::before {
        max-width: 90%;
    }

    .categories-full {
        padding-right: 0;
    }

    #page header.entry-header {
        margin: 0;
    }

    .sidebar-container.mobile-sidebar-container {
        display: inline-block;
        width: 100%;
    }

    .product-search-filter-terms ul li {
        padding: 4px 0;
    }
}

@media (max-width: 767px) {
    .wp-block-columns {
        flex-wrap: wrap;
    }

    body {
        padding-top: 66px;
    }

    .category-grid {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .category-grid ul {
        font-size: 16px;
    }

    .category-grid ul li {
        width: 100%;
        max-width: 50%;
        font-size: 16px;
        text-align: left;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

    .categories-row .categories-icons ul li {
        margin: 0px;
    }

    .categories-row .categories-icons ul li .icon-name {
        font-size: 12px;
        padding-top: 7px;
    }

    .owl-theme.home-product-slider img {
        height: 335px;
    }

    .home .site-content {
        padding: 36px 0 0 0;
    }

    .product-excerpt .product-tag {
        font-size: 13px;
    }

    figure.keep-on-rolling {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 28px;
        padding-top: 28px;
    }

    .lmp_load_more_button {
        margin-bottom: 30px;
    }

    .trucktrade-splash-button {
        max-width: 178px;
        height: 48px;
    }

    .trucktrade-splash-button a {
        height: 100%;
    }

    .wp-block-spacer.tt-home-spacer {
        display: none;
    }

    .single-product.right-sidebar .content-area {
        width: 100%;
    }

    .single-product .site-content {
        padding: 0px 0;
    }

    .product-template-default .product h1.product_title {
        font-size: 20px;
        margin-bottom: 0;
    }

    .description-row {
        margin-bottom: 3px;
        font-size: 12px;
    }

    .description-row h3, .woocommerce-Tabs-panel h2 {
        font-size: 14px !important;
    }

    .map-title h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .map-block .map-content {
        border-radius: 10px;
        height: 250px;
    }

    .map-block .map-content iframe {
        height: 100%;
    }

    .map-block .whatsapp-btn, .map-block .view-btn {
        max-width: 160px;
        margin-left: auto;
        margin-right: auto;
    }

    .map-block .whatsapp-btn a, .map-block .view-btn a {
        font-size: 14px;
        font-weight: 400;
        padding: 12px 15px;
    }

    .scroll-to-top {
        bottom: 90px;
        right: 20px;
        z-index: 9;
    }

    .wt-related-products {
        margin-top: 0;
    }

    .mobile.product-image-block {
        display: block;
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }

    .mobile.product-image-block .owl-item img {
        border-radius: 0;
    }

    .product .widget.sideblock.buy-block {
        padding: 12px 0;
    }

    .product-image-block {
        display: none;
    }

    .single-product.right-sidebar .widget-area {
        display: none;
    }

    .widget {
        margin: 0 0 1em;
    }

    .widget.sideblock.buy-block,
    .widget.sideblock.responsible-person {
        box-shadow: none;
        padding: 20px 0;
        border-radius: 0;
        border: none;
    }

    .single-product div.product {
        overflow: inherit;
    }

    .widget.sideblock.btn-list-block .sideblock-content .btn-list a i {
        margin-right: 10px;
    }

    .widget.sideblock.btn-list-block .sideblock-content .btn-list a {
        display: block;
        margin: 10px 0;
        border-radius: 10px;
        text-align: center;
    }

    .mobile-sidebar-container .widget.sideblock.entry-summary.buy-block .cart {
        background: #f5f5f5;
        box-shadow: none;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        list-style: none;
        position: fixed;
        bottom: 0px;
        left: 0;
        z-index: 1000;
    }

    .mobile-sidebar-container .cart.price-hidden .custom-price {
        margin: 0;
        padding: 0;
        border: none;
    }

    .mobile-sidebar-container .cart.price-hidden .button.inquiry-button {
        width: 100%;
        margin: 0;
    }

    .sideblock-content .cart .single_add_to_cart_button {
        margin-right: 20px;
        display: block;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 10px 20px;
        border-radius: 25px;
        font-size: 14px;
        transition: .3s ease-in-out;
        box-shadow: none;
    }

    .sidebar-container .sideblock a.button {
        font-weight: 400;
        padding: 10px 12px;
        display: flex;
        min-height: 42px;
        color: #282828;
        box-shadow: none;
        transition: .3s ease-in-out;
        border-width: 0;
        border-radius: 20px;
    }

    .sideblock-content .cart .single_add_to_cart_button {
        padding: 11px 10px;
        width: 100%;
        height: 46px;
        font-weight: 400;
    }

    .sideblock-content .cart .button.wp-block-button__link {
        width: 100%;
        margin: 0;
    }

    .widget.buy-block .button.inquiry-button {
        padding: 11px 15px;
        height: 46px;
    }

    .detail-top-menu.show-mobile {
        display: flex;
        margin-left: 0;
    }

    .filter-opener {
        background-color: #00b8f1    }

    .detail-top-menu.animated {
        top: 0;
    }

    .detail-top-menu.show-filter {
        pointer-events: all;
    }

    .filter-active .custom-filter-opener {
        display: block;
    }

    .filter-active .sticky-logo-link {
        display: none;
    }

    .filter-active .custom-logo-link {
        display: none;
    }

    .filter-active .hide-header {
        transform: translateY(0);
    }

    .filter-active .detail-top-menu.animated {
        top: 47px;
    }

    .filter-active {
        overflow: hidden;
    }

    .show-filter {
        -webkit-animation: 0.5s ease 0s normal forwards 1 fadein;
        animation: 0.5s ease 0s normal forwards 1 fadein;
    }

    @keyframes fadein {
        0% {
            opacity: 0;
        }
        66% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadein {
        0% {
            opacity: 0;
        }
        66% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    /*Category Filter*/
    .woocommerce-active .site-branding .desktop-home-logo {
        display: none;
    }

    .home.woocommerce-active .site-branding {
        display: block;
        padding-bottom: 5px;
    }

    .home .blocker {
        padding: 0px;
    }

    .site-header .col-full {
        padding: 0 0px;
    }

    .woocommerce-active .site-header .site-search .woocommerce-product-search {
        margin-bottom: 0;
    }

    #productfilterModel {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

    #productfilterModel .wpf_items_wrapper .wpf_item {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .home .site-header .col-full {
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding a {
        width: 100%;
        text-align: center;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding a img {
        margin: auto;
    }

    .categories-row .categories-icons .owl-theme .owl-nav,
    .categories-row .filter-button {
        display: none;
    }

    .categories-row .categories-icons,
    .categories-full.filter-on .categories-icons {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }

    nav.secondary-navigation .menu {
        margin: 0;
    }

    .woocommerce-active .site-header .site-search {
        width: 80%;
    }

    .woocommerce-active .site-header .site-header-cart.menu li {
        margin: 0;
        /* mobile visibility now handled by tt-hamburger-li / my_cart rules below */
    }

    .woocommerce-active .site-header .site-search {
        width: 100%;
    }

    .woocommerce-active .site-header .site-search .widget_product_search {
        width: 100%;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 70px;
    }

    .widget.sideblock .contact-person {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 30px;
        border-top: 1px solid #ddd;
    }

    .widget.sideblock .contact-person .contact-person__inner {
        position: relative;
        display: block;
        width: 100%;
    }

    .widget.sideblock .custom-btn-group {
        position: relative;
        display: flex;
        align-items: baseline;
    }

    .widget.sideblock .whatsapp-btn, .widget.sideblock .contactus-btn, .widget.sideblock .contact-btn {
        width: 50%;
    }

    .widget.sideblock .whatsapp-btn {
        padding-right: 10px;
    }

    .widget.sideblock .contactus-btn {
        padding-left: 10px;
    }

    .sideblock-content a {
        text-decoration: underline;
    }

    .widget.sideblock .contact-person .contact-person__textcol {
        padding-right: 10px;
    }

    .widget.sideblock .custom-btn-group .whatsapp-btn {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .widget.buy-block .custom-price span.vat {
        position: relative;
        left: auto;
        top: auto;
    }

    .widget.buy-block .custom-price {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-top: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    .widget.buy-block .cart .regular-on-request {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
    }

    .widget.buy-block .custom-price .amount bdi {
        justify-content: flex-start;
        margin-top: 0px;
    }

    .widget.buy-block .custom-price .amount {
        margin-right: 5px;
    }

    .widget.buy-block .custom-price .amount .woocommerce-Price-currencySymbol {
        font-size: 18px;
        padding-right: 5px;
    }

    .widget.buy-block .sideblock-content .vat small {
        font-size: 10px;
        font-weight: 500;
    }

    .widget.sideblock .contact-person .contact-person__imagecol {
        width: 130px;
        height: 130px;
        margin-right: 15px;
        z-index: 0;
    }

    .widget.sideblock .contact-person .contact-person__imagecol img {
        width: 130px;
        height: 130px;
    }

    .location-map-modal .map-modal-right {
        display: none;
    }

    .location-map-modal .map-modal-left {
        width: 100%;
    }

    .map-frame.mobile-map iframe {
        height: 250px;
        border-radius: 10px;
    }

    .location-map-modal.modal {
        padding: 20px;
    }

    .location-map-modal .map-modal-left .frame-title {
        font-size: 20px;
    }

    .location-map-modal.modal a.close-modal {
        top: 10px;
        left: 5px;
    }

    .location-map-modal .map-modal-left .frame-address ul.contact-person__list {
        font-size: 14px;
    }

    .location-map-modal .map-modal-left .frame-address .contact-title1 {
        font-size: 14px;
    }

    .location-map-modal ul.contact-person__list a {
        text-decoration: underline;
    }

    .frame-add-location {
        margin-top: 10px;
    }

    .location-map-modal .map-modal-left .frame-add-location h3 {
        font-size: 14px;
    }

    .location-map-modal .map-modal-left .frame-add-location p {
        font-size: 14px;
    }

    .tab-termsofService {
        margin-top: 35px;
    }

    .tab-termsofService .accordion-header h1 {
        font-size: 20px;
    }

    .tab-termsofService .tab-offset-bottom-container h6 {
        color: #282828;
        font-size: 14px;
    }

    .single-product .site-footer .site-info {
        padding-bottom: 65px;
    }

    h1, .alpha {
        font-size: 24px;
        font-weight: 500;
    }

    h3.wp-block-heading {
        font-size: 18px;
        margin-bottom: 1px;
    }

    .storefront-handheld-footer-bar ul li > a::before {
        position: relative;
        height: calc(100% - 20px);
    }

    .site-content {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        padding: 70px 20px 20px 20px;
    }

    nav.secondary-navigation .menu li.menu-item-gtranslate {
        margin-bottom: 30px;
    }

    .site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
        color: #828282;
        text-decoration: none;
    }

    #moove_gdpr_cookie_info_bar {
        bottom: 55px !important;
        max-height: calc(100vh - 75px) !important;
        overflow-y: auto !important;
    }

    .btn-dropdown-close {
        top: 16px;
        right: 10px;
    }

    .btn-dropdown-close img {
        width: 19px;
        border-radius: 0;
    }

    nav.secondary-navigation .menu {
        padding: 30px 0px;
        border-radius: 0;
    }

    nav.secondary-navigation .menu li {
        min-height: 40px;
        display: inline-block;
    }

    .widget.sideblock.responsible-person {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .woocommerce-tabs {
        padding: 0;
    }

    .widget.sideblock .whatsapp-btn a, .widget.sideblock .contact-btn a, .widget.sideblock .print-btn a {
        margin-bottom: 0;
    }

    table.cart td.actions .coupon {
        display: flex;
        flex-direction: column;
    }

    table.cart td.actions {
        padding: 10px 15px;
    }

    table.cart .product-thumbnail img {
        max-width: 80%;
    }

    .hentry {
        margin: 0 0 1.235801032em;
    }

    .site-main {
        margin-bottom: 1.235801032em;
    }

    .related.products.wt-related-products .owl-nav {
        display: none;
    }

    .related .owl-carousel .owl-item img {
        /*height: 250px;*/
        width: 100%;
        margin-bottom: 15px;
        object-fit: cover;
        border-radius: 15px;
    }

    .tab-termsofService {
        margin-top: 0;
    }

    .truck-modal .box-holder {
        margin: 10px 0;
    }

    .woocommerce .wishlist-title h2 {
        font-size: 20px;
    }

    #page header h1.entry-title {
        font-size: 26px;
    }

    p.wishlist-empty, table.wishlist_table tbody td.wishlist-empty {
        margin: 50px 0;
    }

    #sib-container {
        padding: 0px 0px 0px;
    }

    .woocommerce-multicurrency-CHF .wp-block-columns {
        margin-top: 0px;
    }

    .error404 h2 {
        font-size: 20px;
    }

    .tax-product_cat .storefront-sorting {
        margin: 0;
    }

    .archive .storefront-sorting {
        margin: 0;
        display: none;
    }

    .single-product .storefront-handheld-footer-bar {
        display: none;
    }

    .contact-box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact-box .contact-col {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact-box .contact-col a {
        width: 100%;
        text-align: center;
    }

    .contact-box .contact-col .icon, .contact-box .contact-col .icon img {
        text-align: center;
        margin: auto;
    }

    .all-photo-link {
        margin: 15px 15px;
    }

    .woocommerce-active .site-header .site-search input.search-field {
        padding: 9px 40px 9px 35px;
    }

    .woocommerce-active .site-header .site-search input.product-search-field {
        padding: 10px 40px 10px 35px;
    }

    .site-search .widget_product_search form button[type="submit"] {
        width: 25px;
        height: 25px;
        left: 8px;
        top: 8px;
        background-image: url("/wp-content/themes/trucktrade-child-theme/assets/images/mobile-search-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
    }

    #page header {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .home #page header.site-header,
    .search-results #page header.site-header,
    .tax-product_cat #page header.site-header {
        border-bottom-color: transparent;
    }

    .categories-full {
        top: 66px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body.tax-product_cat,
    body.search-results,
    body.post-type-archive-product,
    body.tax-pa_aufbau,
    body.tax-pa_marke,
    body.tax-pa_standort,
    body.tax-pa_verkaufsperson {
        padding-top: 140px;
    }

    body.home {
        padding-top: 140px;
    }

    #page header.site-header {
        min-height: 66px;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 80px;
    }

    /* li:nth-child(3) was old hamburger-menu — removed, now using tt-hamburger-li */

    .home .mobile-home-logo {
        display: block;
    }

    .site-header .col-full {
        display: flex;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        display: flex;
        flex-basis: 0;
        margin-right: 10px;
        padding: 0;
    }

    .mobile-home-logo {
        width: 42px;
    }

    .woocommerce-active .site-header .site-search .widget_product_search {
        width: 100%;
    }


    .home.woocommerce-active .site-header .site-search {
        width: auto;
        flex: 1;
    }

    .home.woocommerce-active .site-header .site-search .widget_product_search {
        width: 100%;
    }

    .home.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        flex-basis: 0;
        margin-right: 10px;
        padding: 0;
    }

    .home.woocommerce-active .site-branding .desktop-home-logo {
        display: none;
    }

    /* .home li:nth-child(3) top:auto — old hamburger-menu, no longer needed */

    .home .categories-full {
        top: 66px;
    }

    .home.admin-bar .categories-full {
        top: calc(74px + 32px);
    }

    .woocommerce-active .site-header .site-search table.gsc-search-box {
        padding: 5px 5px 5px 20px;
    }

    .woocommerce-active .site-header .site-search .gsc-search-button-v2 {
        padding: 3px 3px;
        width: 25px;
        height: 25px;
    }

    .gsc-results-wrapper-overlay {
        width: 90%;
        top: 7%;
        left: 0%;
    }

    .modal a.close-modal {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    #productfilterModel .filter-group {
        flex-wrap: wrap;
        padding: 15px 0;
    }

    #productfilterModel .category-coll, #productfilterModel .marke-coll {
        margin-bottom: 20px;
    }

    .categories-row {
        padding: 0 0px;
    }

    .categories-row .owl-carousel {
        padding: 0;
    }

    .product-images .badges {
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 490px) {
    .tax-product_cat .owl-theme.home-product-slider img,
    .search-results .owl-theme.home-product-slider img,
    .home .owl-theme.home-product-slider img {
        height: 300px;
    }

    .owl-theme.home-product-slider .item {
        aspect-ratio: 385 / 300;
    }
}

@media (max-width: 400px) {
    #sib-container {
        padding: 0px 0px 0px;
    }

    table.cart .product-thumbnail img {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .product-search-filter-terms ul li {
        padding: 8px 0;
    }

    .filter-group-terms .cat-item {
        margin-top: 18px;
    }
}

@media (min-width: 769px) {
    .product-search-filter-terms ul li {
        padding: 4px 0;
    }
}

/* WooCommerce Storefront Buttons & Mailpoet */
.mailpoet_submit,
.button,
.add_to_cart_button,
.single_add_to_cart_button {
    background: transparent;
    color: #282828;
    border: 1px solid #282828;
    border-radius: 999px; /* Fully rounded sides */
    padding: 6px 24px;
    font-size: 14px; /* Updated font size */
    font-weight: 400;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
.mailpoet_submit:hover,
.button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background: #000;
    color: #fff;
}

/* Disabled state */
.mailpoet_submit:disabled,
.button:disabled,
.add_to_cart_button:disabled,
.single_add_to_cart_button:disabled {
    background: #ccc;
    color: #666;
    cursor: not-allowed;
    box-shadow: none;
}

/*
  * Override Gutenberg's default flex layout gap
  * Place this in your child theme's style.css
  */
:where(.is-layout-flex) {
    gap: 12px 24px; /* vertical | horizontal */
}

/* Hide the cart widget by default */
.site-header-cart .widget_shopping_cart {
    display: none;
    position: absolute;
    z-index: 999;
}

/* Show only when hovering the cart link */
.site-header-cart li.cart:hover .widget_shopping_cart {
    display: block;
}

/* Invert SVG on hover */
.tt-svg-invert-on-hover svg {
    transition: filter 0.3s ease; /* Smooth transition */
}

.tt-svg-invert-on-hover svg:hover {
    filter: invert(25%);
}

.alg-wc-wl-btn2 {
    display: inline-block;
    background-color: #fff;
    color: #282828;
    border: 1px solid #282828;
    border-radius: 999px; /* Pill shape */
    padding: 6px 28px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.alg-wc-wl-btn2:hover {
    background-color: #282828;
    color: #fff;
}

.alg-wc-wl-btn2:active {
    transform: scale(0.96);
}

/* 1) Enforce 4:3 on images inside owl items in related products */
.related.products .owl-item img {
    aspect-ratio: 4 / 3; /* maintain 4:3 consistently */
    width: 100%;
    height: auto; /* override any fixed height rules */
    object-fit: cover; /* fill the frame; crop if needed */
    display: block;
    border-radius: 15px; /* match your design */
}

/* 2) Make sure the link/container doesn't clip text below */
.related.products .owl-item .woocommerce-LoopProduct-link {
    overflow: visible; /* avoid hiding title/price/desc */

}

/* Mobile phone screens */
@media (max-width: 576px) {
    /* Title: 14px */
    #related-products-block .owl-item .product .woocommerce-loop-product__title,
    #related-products-block .owl-item .product h2.woocommerce-loop-product__title {
        font-size: 14px;
        line-height: 1.25;
        font-weight: 600; /* optional: keep strong weight for readability */
        margin: 6px 0; /* tighten spacing on mobile */
    }

    .product-excerpt .product-tag {
        font-size: 11px;
    }

    #related-products-block .owl-item .product .price .price-on-request.amount {
        font-size: 14px;
    }
}
.kontakt-icon img {
  width: 60px;
  height: 60px;
  transition: transform 0.25s ease;
}

.kontakt-icon:hover img {
  transform: scale(1.1);
}

/* =============================================================================
   MOBILE HAMBURGER DRAWER — Google-like
   ============================================================================= */

/* --- Hamburger Button (desktop + mobile) --- */

/* Hide old nav-menu hamburger item everywhere — replaced by tt-hamburger */
.site-header-cart .hamburger-menu {
    display: none;
}

/* tt-hamburger-li: visible on desktop as a normal cart icon */
.tt-hamburger-li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 8px;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1001;
}

.tt-hamburger span {
    display: block;
    width: 26px;
    height: 2px;
    background-color: #333;
    border-radius: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

/* Hamburger → X animation when drawer is open */
.tt-drawer-open .tt-hamburger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.tt-drawer-open .tt-hamburger span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.tt-drawer-open .tt-hamburger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 767px) {
    .tt-drawer {
        width: 100%;
    }
    /* On mobile: hide all cart li items, show ONLY hamburger */
    .woocommerce-active .site-header .site-header-cart.menu li {
        display: none !important;
    }
    .woocommerce-active .site-header .site-header-cart.menu li.tt-hamburger-li {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    /* Ensure my_cart stays hidden (override any lower-specificity show rule) */
    .woocommerce-active .site-header .site-header-cart.menu li#my_cart {
        display: none !important;
    }
}

/* --- Overlay --- */
.tt-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.tt-drawer-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* --- Drawer --- */
.tt-drawer {
    position: fixed;
    top: 8px;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    max-height: calc(90vh - 8px);
    background: #fff;
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-radius: 8px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.15);
}

.tt-drawer.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ── Desktop drawer: 400px panel below the hamburger (right-aligned) ── */
@media (min-width: 768px) {
    .tt-drawer {
        top: 74px;
        left: auto;
        /* Align right edge with content area (max-width 1600px) */
        right: max(0px, calc((100vw - 1600px) / 2));
        width: 400px;
        max-width: 400px;
        max-height: calc(100vh - 82px);
        border-radius: 8px;
        box-shadow: -4px 4px 24px rgba(0,0,0,0.15);
    }

    .tt-drawer-overlay {
        top: 74px;
    }

    body.tt-drawer-open {
        overflow: auto;
    }
}

/* --- Drawer Header --- */
.tt-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 16px;
    border-bottom: 1px solid #f0f0f0;
    min-height: 48px;
    flex-shrink: 0;
}

.tt-drawer__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.tt-drawer__logo img,
.tt-drawer__logo .custom-logo {
    max-height: 22px;
    max-width: 200px;
    width: auto;
    height: auto;
}

.tt-drawer__logo span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

/* --- Close Button --- */
.tt-drawer__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #555;
    border-radius: 50%;
    transition: background 0.2s ease;
    flex-shrink: 0;
}

.tt-drawer__close:hover {
    background: #f5f5f5;
}

/* --- Drawer Selectors (Language + Currency tile buttons) --- */
.tt-drawer__selectors {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 16px 16px;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
    flex-shrink: 0;
}

/* Button rows */
.tt-drawer__btn-row {
    display: grid;
    gap: 10px;
}

/* Language: 3 equal pills */
.tt-drawer__btn-row--lang {
    grid-template-columns: 1fr 1fr 1fr;
}

/* The inline header language dropdown only appears from 993px up (it is hidden
   at <=992px). So keep the drawer language buttons visible up to 992px and only
   hide them from 993px, where the header dropdown takes over. This ensures a
   language selector is always reachable on tablet widths (768-992px). */
@media (min-width: 993px) {
    .tt-drawer__btn-row--lang {
        display: none;
    }
}

/* Currency: 2 equal pills */
.tt-drawer__btn-row--currency {
    grid-template-columns: 1fr 1fr;
}

/* Pill button */
.tt-drawer__tile-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    background: #fff;
    border-radius: 100px;
    border: 1.5px solid #dadce0;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.tt-drawer__tile-btn:hover {
    background: #f5f5f5;
    border-color: #bbb;
    color: #333;
    text-decoration: none;
}

.tt-drawer__tile-btn.is-active,
.tt-drawer__tile-btn.gt-current-lang {
    background: #1f1f1f;
    color: #fff;
    border-color: #1f1f1f;
}


/* ── Dashicons inside drawer: force font-family so editor-help renders ── */
.tt-drawer__menu > li > a .dashicons,
.tt-drawer__menu > li > a [class^="dashicons-"],
.tt-drawer__menu > li > a [class*=" dashicons-"] {
    font-family: dashicons;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 24px;
    line-height: 26px;
    margin: 0 auto 6px;
    text-align: center;
    flex-shrink: 0;
}

/* --- Drawer Navigation --- */
.tt-drawer__nav {
    padding: 16px;
}

/* --- Tile Grid --- */
.tt-drawer__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 10px;
}

.tt-drawer__menu > li {
    margin: 0;
    display: flex;
}

.tt-drawer__menu > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 6px;
    width: 100%;
    min-height: 90px;
    font-size: 11px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    background: #f5f5f5;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    gap: 0;
    line-height: 1.3;
    word-break: normal;
    hyphens: none;
    overflow: hidden;
}

.tt-drawer__menu > li > a:hover,
.tt-drawer__menu > li.current-menu-item > a,
.tt-drawer__menu > li.current-page-ancestor > a {
    background: #ebebeb;
    border-color: #ccc;
    color: #333;
}

/* Icon inside tile (from menu-icons plugin) */
.tt-drawer__menu > li > a ._icon,
.tt-drawer__menu > li > a img._icon,
.tt-drawer__menu > li > a i._icon {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto 6px;
    vertical-align: middle;
    font-size: 24px;
    line-height: 26px;
    flex-shrink: 0;
}

/* Hide the icon label from menu-icons (it's inside the a-tag as separate span) */
.tt-drawer__menu > li > a .menu-label,
.tt-drawer__menu > li > a .menu-item-title {
    display: block;
}


/* Tile label — clamp to 2 lines, no hyphenation */
.tt-drawer__menu > li > a > span:not(._icon):not(.menu-icons-wrap),
.tt-drawer__menu > li > a > .menu-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
}
/* Full-width tile for items without icon (phone numbers, etc.) */
/* Phone/contact tiles keep same tile layout as others */
.tt-drawer__menu > li.menu-item-has-no-icon > a,
.tt-drawer__menu > li.phone > a {
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
}

/* Sub-menu — list style below the grid */
.tt-drawer__menu ul.sub-menu {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
    grid-column: 1 / -1;
    background: #fafafa;
    border-radius: 8px;
    overflow: hidden;
}

.tt-drawer__menu ul.sub-menu li {
    margin: 0;
}

.tt-drawer__menu ul.sub-menu li a {
    display: flex;
    align-items: center;
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-decoration: none;
    border-left: 3px solid transparent;
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

.tt-drawer__menu ul.sub-menu li a:hover {
    background: #f0f0f0;
    color: #333;
    border-left-color: #888;
}

/* --- Body locked when drawer open --- */
body.tt-drawer-open {
    overflow: hidden;
}



/* =============================================================================
   HEADER SYMMETRIE: Logo links = Hamburger rechts (Mobile)
   ============================================================================= */
@media (max-width: 767px) {

    /* Header: 66px, padding matches Storefront col-full margin so cart aligns with content */
    #masthead {
        height: 66px;
        min-height: 66px;
        padding: 0 1.41575em !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    /* col-full: fill remaining space, no gap between elements */
    #masthead .col-full {
        margin: 0;
        padding: 0;
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0;
        height: 100%;
    }

    /* Branding: hard-lock to 52px so search is truly centered */
    .site-header .site-branding {
        flex: 0 0 52px !important;
        width: 52px !important;
        max-width: 52px !important;
        float: none !important;
        margin: 0 !important;
        padding: 0;
        display: flex;
        align-items: center;
    }

    /* Hide desktop-lang-dropdown on mobile (it's a flex child of col-full) */
    .site-header .desktop-lang-dropdown {
        display: none;
    }

    /* Hide cart WIDGET on mobile — keep .menu UL (contains hamburger) */
    .site-header .site-header-cart:not(.menu) {
        display: none;
    }

    /* Cart menu: pull out of Storefront's absolute positioning, back into flex flow */
    .site-header .site-header-cart,
    .site-header .site-header-cart.menu {
        position: static;
        transform: none;
        top: auto;
        right: auto;
        float: none;
    }
    .site-header .site-header-cart.menu {
        display: flex;
        flex: 0 0 44px;
        width: 44px;
        max-width: 44px;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
        gap: 0;
        justify-content: center;
    }

    /* Search: flex:1 container, filter icon overlaid inside the pill */
    .woocommerce-active .site-header .site-search,
    .site-header .site-search {
        flex: 1;
        width: auto;
        min-width: 0;
        margin: 0;
        position: relative;
        display: flex;
        align-items: center;
    }

    /* Search widget fills the full width of the pill */
    .site-header .site-search .widget_product_search,
    .site-header .site-search .widget_product_search form {
        width: 100%;
        margin: 0;
    }

    /* Extra right padding so text doesn't hide behind filter icon */
    .site-header .site-search input[type="search"],
    .site-header .site-search input[type="text"],
    .site-header .site-search .search-field {
        padding-right: 44px !important;
    }

    /* Filter icon: absolute, right-aligned inside the pill */
    .site-header .site-search .mobile-filter-icon {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }
    .site-header .site-search .mobile-filter-icon a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
    }
    .site-header .site-search .mobile-filter-icon img {
        width: 24px;
        height: 24px;
    }

    /* Live search dropdown: break out of the search pill so it spans the
       full screen width instead of just the width of the input.
       Offsets match the header layout: 52px logo + masthead's left padding
       on the left, 44px hamburger + masthead's right padding on the right. */
    .site-header .site-search .product-search-results-content {
        left: calc(-52px - 1.41575em);
        right: calc(-44px - 1.41575em);
        width: auto;
        max-width: none;
        border-radius: 0;
    }

    /* Mobile logo */
    .mobile-home-logo,
    .mobile-home-logo a {
        display: flex;
        align-items: center;
        width: 52px;
        height: 52px;
        flex-shrink: 0;
    }
    .mobile-home-logo img {
        width: 52px;
        height: 52px;
        object-fit: contain;
    }
    .desktop-home-logo {
        display: none;
    }

    /* Hide #my_cart li on mobile */
    li#my_cart {
        display: none;
    }

    /* Category icons: render above header shadow (Storefront z-index:999) */
    .categories-full {
        overflow: visible;
    }
}

/* ================================================================
   PRODUCT CARD SKELETON LOADER
   Matches the real card layout: image 300px → title → tags → price
   Desktop: 4 columns  |  Mobile: 1 column (≤768 px)
   ================================================================ */

/* Reuse the existing shimmer keyframes (tt-shimmer already defined above) */

.tt-product-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    width: 100%;
}

/* Each skeleton card mirrors li.product sizing */
.tt-product-skeleton__card {
    width: calc(25% - 12px);
    box-sizing: border-box;
}

.tt-product-skeleton__img {
    width: 100%;
    height: 300px;
    border-radius: 15px;
    margin-bottom: 15px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

/* Dots (image slider pagination) */
.tt-product-skeleton__dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-bottom: 10px;
}
.tt-product-skeleton__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

.tt-product-skeleton__title {
    height: 18px;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 80%;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

/* Tag pills row */
.tt-product-skeleton__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 8px;
}
.tt-product-skeleton__tag {
    height: 22px;
    border-radius: 3px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}
.tt-product-skeleton__tag:nth-child(1) { width: 72px; }
.tt-product-skeleton__tag:nth-child(2) { width: 54px; }
.tt-product-skeleton__tag:nth-child(3) { width: 60px; }
.tt-product-skeleton__tag:nth-child(4) { width: 88px; }

/* Second tag row (type badge) */
.tt-product-skeleton__tag2 {
    height: 22px;
    width: 130px;
    border-radius: 3px;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

.tt-product-skeleton__price {
    height: 20px;
    width: 110px;
    border-radius: 4px;
    background: linear-gradient(90deg, #efefef 25%, #e0e0e0 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: tt-shimmer 1.4s ease-in-out infinite;
}

/* Stagger each card so the shimmer ripples across the grid */
.tt-product-skeleton__card:nth-child(2) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(2) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(2) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(2) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(2) .tt-product-skeleton__price { animation-delay: 0.1s; }

.tt-product-skeleton__card:nth-child(3) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(3) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(3) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(3) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(3) .tt-product-skeleton__price { animation-delay: 0.2s; }

.tt-product-skeleton__card:nth-child(4) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(4) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(4) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(4) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(4) .tt-product-skeleton__price { animation-delay: 0.3s; }

.tt-product-skeleton__card:nth-child(5) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(5) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(5) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(5) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(5) .tt-product-skeleton__price { animation-delay: 0.15s; }

.tt-product-skeleton__card:nth-child(6) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(6) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(6) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(6) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(6) .tt-product-skeleton__price { animation-delay: 0.25s; }

.tt-product-skeleton__card:nth-child(7) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(7) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(7) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(7) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(7) .tt-product-skeleton__price { animation-delay: 0.35s; }

.tt-product-skeleton__card:nth-child(8) .tt-product-skeleton__img,
.tt-product-skeleton__card:nth-child(8) .tt-product-skeleton__title,
.tt-product-skeleton__card:nth-child(8) .tt-product-skeleton__tag,
.tt-product-skeleton__card:nth-child(8) .tt-product-skeleton__tag2,
.tt-product-skeleton__card:nth-child(8) .tt-product-skeleton__price { animation-delay: 0.45s; }

/* Hidden state */
.tt-product-skeleton--hidden {
    display: none;
}

/* Real products: invisible until JS marks page loaded */
.tt-products-loading ul.products {
    opacity: 0;
    pointer-events: none;
}
.tt-products-loaded ul.products {
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
}

/* Load-more skeleton: 4 cards in a row (desktop), full-width (mobile) */
.tt-loadmore-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    margin-bottom: 20px;
}
.tt-loadmore-skeleton .tt-product-skeleton__card {
    width: calc(25% - 12px);
}
.tt-loadmore-skeleton--hidden {
    display: none;
}

@media (max-width: 768px) {
    .tt-product-skeleton__card,
    .tt-loadmore-skeleton .tt-product-skeleton__card {
        width: 100%;
    }
    /* On mobile only show 3 cards to avoid excessive blank space */
}

/* Live search dropdown — small gap below the search bar */
.site-search .product-search-results-content {
    margin-top: 8px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}  .tt-product-skeleton__card:nth-child(n+4) {
        display: none;
    }
}

/* =========================================================
   Wishlist (Wunschliste) page — left-align columns
   ========================================================= */
.alg-wc-wl-view-table th.product,
.alg-wc-wl-view-table th.product-price,
.alg-wc-wl-view-table td.product-name,
.alg-wc-wl-view-table td.product-price,
.alg-wc-wl-view-table td.product-price * {
    text-align: left !important;
}
.alg-wc-wl-view-table td.product-name a {
    display: block;
    text-align: left;
}

/* =========================================================
   Wishlist Mobile — 2-column card layout
   ========================================================= */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
}

/* Reset plugin float/block defaults */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td {
    float: none !important;
    display: block !important;
    text-align: left !important;
    box-sizing: border-box;
}

/* Thumbnail — 30% left, no label */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-thumbnail {
    width: 30% !important;
    padding: 0 10px 0 0;
    order: 1;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-thumbnail::before {
    display: none !important;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

/* Product name — 70% right, no label */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-name {
    width: 70% !important;
    order: 2;
    padding-bottom: 4px;
    text-align: left !important;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-name::before {
    display: none !important;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-name a {
    font-weight: 600;
    font-size: 0.9rem;
    text-align: left !important;
}

/* SKU — 70% right, indented past thumbnail */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-sku {
    width: 70% !important;
    margin-left: 30% !important;
    order: 3;
    text-align: left !important;
    padding-bottom: 4px;
    font-size: 0.875rem;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-sku::before {
    float: none;
    display: inline;
    font-weight: 600;
    margin-right: 4px;
}

/* Note (Bemerkung) — 70% right, indented past thumbnail */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-note {
    width: 70% !important;
    margin-left: 30% !important;
    order: 4;
    text-align: left !important;
    font-size: 0.875rem;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-note::before {
    float: none;
    display: inline;
    font-weight: 600;
    margin-right: 4px;
}

/* Price — full width below 2-col section */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-price {
    width: 100% !important;
    order: 5;
    text-align: left !important;
    padding-top: 8px;
    margin-top: 4px;
    border-top: 1px solid #f0f0f0;
    font-weight: 600;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-price::before {
    float: none;
    display: inline;
    font-weight: 600;
    margin-right: 4px;
}

/* Remove — full width, separate line */
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-removal {
    width: 100% !important;
    order: 6;
    text-align: right !important;
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
    margin-top: 4px;
}
.alg-wc-wl-responsive .alg-wc-wl-view-table tr td.product-removal::before {
    display: none !important;
}

/* =========================================================
   Nav wishlist heart — non-active state shows outline SVG
   ========================================================= */
.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist:not(.active) {
    background: url("/wp-content/themes/trucktrade-child-theme/assets/images/heart-icon.svg");
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist:not(.active) img._mi,
.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist:not(.active) img.menu-icon-svg,
.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist:not(.active) i._mi {
    visibility: hidden;
}

/* ── Header icon hover: subtle gray tint ── */
.woocommerce-active .site-header .site-header-cart.menu > li.shop-wishlist:not(.active):hover,
.woocommerce-active .site-header .site-header-cart.menu > li#menu-item-12742:hover,
.woocommerce-active .site-header .site-header-cart.menu > li#my_cart:hover,
.woocommerce-active .site-header .site-header-cart.menu > li.tt-hamburger-li:hover {
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    transition: background-color 0.15s;
}

/* =====================================================================
   Gallery pages (.gallery-fullwidth): flexbox layout for the product list.
   The original float layout left empty gaps in a row whenever a product
   title wrapped to two lines (a taller cell blocked the next item from
   floating up). flex-wrap flows items left-to-right and starts each new
   row below the tallest card above, so no more holes.
   Scoped to .gallery-fullwidth so shop/category pages are unaffected.
   ===================================================================== */
.gallery-fullwidth ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.gallery-fullwidth ul.products li.product {
    width: calc(25% - 12px) !important;
    margin: 0 !important;
    float: none !important;
    position: relative; /* keep the "Verkauft" badge anchored to the card */
}

@media (max-width: 768px) {
    .gallery-fullwidth ul.products li.product {
        width: 100% !important;
    }
}

/* ─────────────────────────────────────────────────────────────
   Tablet header fix (768–992px)
   Storefront's base gives .site-branding width:73.9% at >=768px,
   which together with the 45% search bar overflows the flex row and
   makes the logo collide with the search bar. On tablet, size the
   logo to its content and let the search bar take the remaining
   space so the two never overlap.
   ───────────────────────────────────────────────────────────── */
@media (min-width: 768px) and (max-width: 992px) {
    .woocommerce-active .site-header .site-branding {
        width: auto !important;
        max-width: 200px;
        flex: 0 0 auto;
        float: none !important;
        margin: 0 24px 0 0 !important;
    }

    .site-header .site-branding img {
        max-width: 160px;
    }

    .woocommerce-active .site-header .site-search {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 16px 0 0;
    }
}

/* Gallery: WooCommerce