/* RevSlider CLS fix - reserve space for slider before JS initializes */
/* Responsive levels: [1240, 1024, 778, 480], gridheight: [680, 500, 460, 400] */
/* MANTZARIS-0013 (SEO 07): the reserved box is now the slider's REAL height.
   RevSlider sizes itself gridheight x (width / gridwidth) per responsive level
   ([1240,1024,778,480] / [680,500,460,400]); measured live at 11 widths:
     360->300  375->313  390->325  412->343  480->284  576->341
     778->380  1024->484 1240->586 1440->680 1920->680
   The old fixed min-heights (300/400/460/500/680) were 16-43 px away from that,
   which (a) left a residual layout shift when the slider initialised and, more
   importantly, (b) made RevSlider's own .tp-bgimg layer LARGER than the
   CSS-painted wrapper - so Chrome moved the Largest Contentful Paint from the
   0.6 s wrapper paint to the 12.3 s JavaScript-built layer. Matching the box
   exactly keeps LCP on the element that paints from CSS alone. */
.rev_slider_wrapper.fullwidthbanner-container {
    min-height: 83.34vw;         /* 400/480 - RevSlider level "480" */
    background-color: #f5f5f5;
}
@media (min-width: 480px) {
    .rev_slider_wrapper.fullwidthbanner-container { min-height: 59.13vw; }   /* 460/778 */
}
@media (min-width: 778px) {
    .rev_slider_wrapper.fullwidthbanner-container { min-height: 48.83vw; }   /* 500/1024 */
}
@media (min-width: 1024px) {
    .rev_slider_wrapper.fullwidthbanner-container { min-height: min(47.23vw, 680px); }  /* 680/1440, capped */
}
/* Color contrast fixes for accessibility */
.available-contact-us {
    color: #333 !important;
}
.available-contact-us a {
    color: #0056b3 !important;
}
/* Ensure product badge/tag text is readable */
.product-flag span.inner,
span.inner {
    color: #fff !important;
}
/* LCP optimization: show hero image via CSS before RevSlider JS initializes */
#rev_slider_1_1_wrapper {
    /* MANTZARIS-0013 (SEO 07): use the SAME url RevSlider's own <img class="rev-slidebg">
       requests. Background_slider.webp and Background_slider.jpg are byte-identical
       (84,652 B) and the homepage was downloading BOTH; the origin negotiates WebP for
       the .jpg url, so one request now serves both the CSS background and the slide. */
    background: url('/modules/revsliderprestashop/uploads/Background_slider.jpg') center/cover no-repeat !important;
}
/* Once RevSlider creates its canvas (.tp-bgimg), it covers this background */