.pt-8 {
    padding-top: 1rem !important;
}
.py-4 {
    padding-bottom: 0rem !important;
    padding-top: 1rem;
}
.mt-8 {
    margin-top: 1rem !important;
}
.xl\:min-w-\[180px\] {
        min-width: 110px !important;
}
.rnb-attribute-image img
 {
    height: 35px;
    width: 35px;
}
/* luxedvans-sticky-phone-reposition */
.sticky-phone-btn {
    top: auto !important;
    left: auto !important;
    right: 16px !important;
    bottom: 90px !important;
    transform: none !important;
    border-radius: 50% !important;
    width: 56px;
    height: 56px;
    padding: 0 !important;
}
@media (min-width: 769px) {
  .sticky-phone-btn { bottom: 24px !important; }
}

/* luxedvans-logo-visibility */
.logo-wrapper { width: auto !important; max-width: none !important; }
.logo-wrapper img.main-logo, .logo-wrapper img.sticky-logo { height: auto !important; max-width: 100%; image-rendering: -webkit-optimize-contrast; }
@media (max-width: 380px) { .custom-logo-size, .main-logo, .sticky-logo { width: 160px !important; } }

/* luxedvans-banner-readability v2: overlay + transparent bottom */
.woocommerce_banner {
    position: relative; isolation: isolate;
    background-position: right bottom !important;
    background-color: transparent !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 91%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 0%, #000 91%, transparent 100%);
}
.woocommerce_banner::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(ellipse 60% 55% at 50% 42%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 80%),
        linear-gradient(to bottom, rgba(0,0,0,.45) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 78%);
}
.woocommerce_banner h1, .woocommerce_banner p { position: relative; z-index: 1; }
.woocommerce_banner h1 {
    font-weight: 700 !important; letter-spacing: .02em; line-height: 1.25; padding: 0 16px;
    text-shadow: 0 2px 12px rgba(0,0,0,.65), 0 1px 2px rgba(0,0,0,.8);
}
.woocommerce_banner p {
    font-size: 15px !important; font-weight: 500; opacity: .95;
    text-shadow: 0 1px 6px rgba(0,0,0,.8);
}
@media (min-width: 1024px) { .woocommerce_banner p { font-size: 17px !important; } }
/* desktop: banner tall enough to show the whole van (photo van spans 6-91% of height) */
@media (min-width: 1024px) {
    .woocommerce_banner {
        min-height: 28vw; display: flex; flex-direction: column; justify-content: center;
        padding-top: 40px !important; padding-bottom: 60px !important;
        background-size: cover !important;
    }
}
@media (max-width: 767px) {
    .woocommerce_banner { padding-top: 40px !important; padding-bottom: 64px !important; }
}
/* luxedvans-home-hero-van: show full van (tyres) on wide screens only; laptops (<1600px) already show it with the original layout */
@media (min-width: 1600px) {
    .elementor-8899 .elementor-element.elementor-element-b9c29d4 {
        min-height: calc((100vw - 200px) * 0.43);
    }
    .elementor-8899 .elementor-element.elementor-element-b9c29d4::before {
        background-size: cover !important;
        background-position: center 52% !important;
    }
}