/* home page */
.home-hero-section {
    background-image: url(https://www.4pneus.ch/wp-content/uploads/2026/01/hero.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-previous-section .wc-block-product-template {
    padding-left: 0px!important;
}

.swiper-wrapper {
    transition-timing-function: linear!important;
}

/* section best product */
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    height: auto;
    max-width: 335px !important;
    max-height: 288px !important;
    object-fit: contain!important;
}

/* section tyre explain */
/* img */
.tyre-img {
    height: 100%;
    width: 100%;
}
.tyre-img img {
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
}
/* content */
p.card {
    position: relative;
    padding: 24px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(4, 8, 17, 0.24);
}
p.card svg {
    position: absolute;
    top: -20px;
    left: -16px;
}

/* section tyres ettiquette */
.tyres-ettiquette {
    height: 100%;
    width: 100%;
}
.tyres-ettiquette img {
    margin-left: auto;
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* responsiv */
@media (max-width: 921px) {
    
    .btn--gutumberg.hidden-mobile a {
        display: none!important;
    }
    
    /* lasted product */
    .hero-previous-section .wc-block-product-template {
        margin-top: -16px!important;
    }

    /* our services section */
    .our-services-description .cards-container {
        margin-top: -16px!important;
    }

}

@media (max-width: 544px) {

    /* lasted product */
    .hero-previous-section .wp-block-spacer {
        display: none!important;
    }

    /* our services section */
    .our-services-description .wp-block-spacer {
        display: none!important;
    }

}