/* SHOWROOM.CSS - Styles propres aux produits (séries, liste, fiche, comparateur) */

:root { 
	--product-nav-height: 4.3125rem;
	--active-product-nav-height: 3.6875rem;
}

/* slider flickity (base) */
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }


/* 1) éléments communs (landings types/séries et fiche produit) */

/* couleurs de texte */
.light-text { color: var(--blanc); }
.dark-text { color: var(--noir); }

/* fil d'ariane */
.breadcrumb { padding: 0.75em var(--compound-gutter); font-size: 0.875rem; background: var(--gris-1); }
.breadcrumb a:hover { color: var(--orange); }
.breadcrumb sup { vertical-align: text-top; }

/* hero listes/fiches */
.product-hero { position: relative; background: var(--noir); color: var(--blanc); }
.product-hero > .img-wrapper { padding-bottom: 56.25%; background: transparent; }
.product-hero .container-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(var(--noir-rgb), 0.15); }
.product-hero .container-fluid, .product-hero .row { height: 100%; }
.product-hero h1 { font: 900 5.1875rem/1 var(--transducer); font-style: italic; text-shadow: 0 0.125em 0.125em rgba(var(--noir-rgb), 0.4); }
.product-hero h1 small { display: inline-block; font: inherit; font-size: 0.35em; }
.product-hero h1 sup:not(.reg), .product-list h3 sup:not(.reg) { vertical-align: top; margin-left: 0.0625em; line-height: 0.875; font-size: 81.25%; text-transform: none; }
.product-hero h1 sup.reg, .product-list h3 sup.reg { vertical-align: text-top; margin: 0.66em 0 0 0.33em; font-size: 43.75%; }

/* barre de navigation flottante */
.product-navbar { top: var(--header-height); font-size: 0.9375rem; background: var(--blanc); }
.product-navbar.active { position: -webkit-sticky; position: sticky; }
.product-navbar-inner { position: relative; height: var(--product-nav-height); }
.product-navbar strong { text-transform: uppercase; }
.product-navbar strong sup:not(.reg) { vertical-align: top; line-height: 1; font-size: 81.25%; text-transform: none; }
.product-navbar b { font-weight: inherit; border-bottom: 3px solid transparent; }
.product-navbar .active b { border-color: var(--noir); }
.product-navbar .bt-action { font-size: 100%; }
.product-navbar-toggle { visibility: hidden; }
.product-navbar.sps--blw { background: var(--gris-1); z-index: 11; }
.product-navbar.sps--blw .product-navbar-inner { height: var(--active-product-nav-height); }
.product-navbar.sps--blw .bt-action { padding-top: 0.55em; padding-bottom: 0.33em; }
.product-navbar.sps--blw .product-navbar-toggle { visibility: visible; }

/* sections listes/fiches */
.product-section { scroll-margin-top: calc(var(--header-height) + var(--active-product-nav-height) - 2px); /* 2px : rounding pour éviter mauvais item actif avec scrollspy */ }


/* 2) landing type */

/* intro */
.type-intro p a { text-decoration: underline; text-decoration-style: dotted; transition: opacity ease-in-out 0.35s; }
.type-intro p a:hover { opacity: 0.8; }

/* configurations des pontons */
.package-list { --bs-gutter-y: 1.875rem; }
.package-list li { max-width: 280px; }
.package-list a { display: flex; flex-direction: column; min-height: 100%; }
.package-list .img-wrapper { flex: 0 0 auto; padding-bottom: 104%; /* 260:250 */ }
.package-list .bt-action { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 0.5em 0; }
.package-list .bt-action small { font-size: 87.5%; font-weight: 300; text-transform: none; }

/* liste des séries */
.serie-list .img-wrapper { padding-bottom: 56.25%; }
.serie-list a.highlight-img:hover .fit { transform: scale(1.015); }
.serie-list .h3.small { margin-bottom: -0.5em; }

/* CTA landing Platinum 190 */
.platinum-cta { background: #000; }
.platinum-cta .fit { opacity: 0.375; }
.platinum-cta figcaption { position: relative; z-index: 3; }
.platinum-cta h3 { letter-spacing: 0.08em; text-shadow: 0 0.125em 0.125em rgba(var(--noir-rgb), 0.4); }
.platinum-cta h3 b { display: block; margin: 0.25em 0; font-size: 175%; line-height: 1; letter-spacing: 0.08em; white-space: nowrap; }
.platinum-cta h3 small { font-size: 75%; margin: 0; font-weight: 500; letter-spacing: 0.04em; }
.platinum-cta .bt-action { background: var(--orange); border-color: var(--orange); }
.platinum-cta .bt-action:hover { background: var(--blanc); border-color: var(--blanc); color: var(--noir); }
.serie-list .platinum-cta { width: auto; margin-left: calc(var(--compound-gutter) * -1); margin-right: calc(var(--compound-gutter) * -1); }


/* 3) landing série */

/* section Utilisation - intro */
.serie-intro .small { font-weight: 500; }

/* section Utilisation - onglets */
.serie-usages-tabs { font-size: 125%; }
.serie-usages-tabs .nav-item { position: relative; }
.serie-usages-tabs-img { max-width: 200px; margin: 0 auto 1.5em; }
.serie-usages-tabs-img .img-wrapper { z-index: 1; /* fix border-radius et transition sur iOS */ padding-bottom: 100%; }
.serie-usages-tabs .h4 { font-size: 100%; }
.serie-usages-tabs .icon-expand { position: absolute; z-index: 3; left: 0; top: 100%; width: 100%; font-size: 250%; margin-top: -0.33em; padding-bottom: 0.5em; background: var(--blanc); transform: translateY(-100%); opacity: 0; pointer-events: none; }
.serie-usages-tabs .nav-link:hover .fit, .serie-usages-tabs .active .fit { transform: scale(1.1); }
.serie-usages-tabs .active .bordered-title > span { border-color: var(--blanc); }
.serie-usages-tabs .active .icon-expand { transform: translateY(0); opacity: 1; }
.serie-usages-sections { background: var(--noir); }

/* section Différence Princecraft (avantages) */
.serie-avantage-1 .img-wrapper { padding-bottom: 62.5%; }
.serie-avantage-3 { background: var(--gris-1); overflow: hidden; }
.serie-avantage-slider { position: relative; }
.serie-avantage-slider:after { content: ""; position: absolute; z-index: 2; right: 100%; top: -5px; bottom: -5px; width: 50vw; background: var(--gris-1); }
.serie-avantage-slider .img-wrapper { padding-bottom: 133%; }
.serie-avantage-slider .flickity-viewport { overflow: visible; }
.serie-avantage-slider .flickity-button { position: absolute; z-index: 3; left: 1rem; top: 50%; width: 1.65em; height: 1.65em; border-radius: 1.65em; margin: -0.825em 0 0 -0.825em; padding: 0; font-size: 2.5rem; background: var(--blanc); fill: var(--noir); }
.serie-avantage-slider .flickity-button svg { display: inline-block; width: 1em; height: 1.65em; margin: 0 0.125em 0 0; }
.serie-avantage-slider .flickity-button.next { left: auto; right: 0; margin: -0.825em -0.825em 0 0; }
.serie-avantage-slider .flickity-button.next svg { margin: 0 0 0 0.125em; }
.serie-avantage-slider .flickity-button:hover { background: var(--noir); fill: var(--blanc); }
.serie-avantage-slider .flickity-button[disabled] { display: none; }
.serie-avantage-txt { position: relative; z-index: 3; }

/* liste des modèles */
.product-list { --bs-gutter-y: 1.875rem; }
.product-list-item { height: 100%; background: var(--noir); color: var(--gris-2); }
.product-list-img.img-wrapper { padding-bottom: 56.25%; background: var(--blanc); }
a.product-list-img:hover .fit { transform: scale(1.05); }
.product-list-txt { padding: 2rem; }
.product-list h3 { font: 900 1.875rem/1 var(--transducer); font-style: italic; margin: 0 0 1.5rem; }
.product-list-price { display: block; margin: -0.75rem 0 0; font-size: 1.25rem; }
.product-list-price sup { display: inline-block; margin-left: 0.125em; vertical-align: top; font-size: 75%; }
.product-list-specs { margin: 2em 0 2.5em; }
.product-list-specs li { position: relative; margin: 0 0 1.5em; padding-left: 3.125em; }
.product-list-specs i { position: absolute; left: 0; top: -0.3em; font-size: 250%; }
.product-list .bt-action { margin: 0.66em 0; border-width: 1px; padding-top: 1em; padding-bottom: 0.875em; }
.product-list .bt-action.noir { border-color: var(--blanc); }
.product-list-postcode:hover { color: var(--orange); }
.product-list-disclaimers sup { vertical-align: baseline; font-size: inherit; }
/* bloc promotion dans la liste (+ commun avec fiche) */
.product-list-promo .img-wrapper, .detail-hero-promo .img-wrapper { width: 7.12em; height: 2.75em; background: transparent; }
.en .product-list-promo .img-wrapper, .en .detail-hero-promo .img-wrapper { width: 5.79em; }
.product-list-promo p, .detail-hero-promo p { font-size: inherit; }
/* logo du programme alternatif (bandeau sail into savings, + commun avec fiche) */
.product-list-promo.alt-logo, .detail-hero-promo.alt-logo { position: relative; overflow: hidden; }
.product-list-promo.alt-logo:before, .detail-hero-promo.alt-logo:before { content: url(/medias/fr/promo_avr2024_badge.svg); position: absolute; right: -0.375em; bottom: -1.375em; width: 15em; }
.en .product-list-promo.alt-logo:before, .en .detail-hero-promo.alt-logo:before { content: url(/medias/en/promo_avr2024_badge.svg); }
.product-list-promo.alt-logo p { padding-right: 11.5em; }

/* section Galerie (autres points et CTAs) */
.serie-aiment .img-wrapper { padding-bottom: 90%; }


/* 4) Fiche produit */

/* hero - ajouts specs pour fiche */
.detail-hero-spec { height: 100%; background: rgba(var(--noir-rgb), 0.9); }
.detail-hero-spec i { position: relative; width: 1em; height: 1em; font-size: 450%; }
.detail-hero-spec i:before { position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; }
.detail-hero-spec i.icon-power { width: 0.75em; }
.detail-hero-spec strong { font: 1.5625rem/1.1 var(--termina); text-transform: uppercase; }
.detail-hero-spec strong sup { display: inline-block; margin-left: 0.25em; vertical-align: top; font: 500 62.5%/1 var(--paralucent); }
.detail-hero-spec strong small { display: block; margin: 0.125em 0; font: 500 1.0625rem var(--paralucent); text-transform: none; }
/* item spec cliquable (bouton connexion) + éléments communs avec landing série */
.detail-bt-postcode { color: inherit; text-align: left; }
.detail-bt-postcode:hover { background: rgba(var(--gris-3-rgb), 0.9); }
.detail-bt-postcode span, .product-list-postcode span { font-size: 1rem; }
.detail-bt-postcode i, .product-list-postcode i { font-size: 375%; margin-top: -0.125em; }
/* bloc promotion */
.detail-hero-promo { background: rgba(var(--teal-rgb), 0.9); font-size: 1.0625rem; margin-top: -1.5rem; }
.detail-hero-promo-txt { width: 100%; }
.detail-hero-promo-title, .product-list-promo-title { font-family: inherit; font-size: 100%; margin: 0 0 0.25em; }
.detail-hero-promo sup, .product-list-promo sup { display: inline-block; margin-left: 0.125em; vertical-align: text-top; font-size: 62.5%; }
.detail-hero-promo.sandbox a { font-size: 0.75rem; text-decoration-thickness: 1px; }
/* logo du programme alternatif (bandeau sail into savings) */
.detail-hero-promo.alt-logo .detail-hero-promo-txt { padding-right: 11.5em; }

/* disclaimers */
.detail-disclaimers { background: var(--gris-4); color: var(--gris-2); }
.detail-disclaimers .container-fluid { position: relative; }
.detail-disclaimers sup { position: absolute; left: 0; font-size: inherit; }
.detail-disclaimers .legal-text { color: inherit; }
.detail-disclaimers strong { font-weight: 700; }

/* slider top view / dessins techniques (et communs avec principal) */
.detail-topview-slider .carousel-control:not(:hover), .detail-main-slider .carousel-control:not(:hover) { background: var(--gris-1); }
.detail-topview-slider .img-wrapper { padding-bottom: 53.75%; background: var(--blanc); }
.detail-main-slider .img-wrapper { padding-bottom: 56.25%; background: var(--blanc); }
.detail-techdraw-legend { max-width: 320px; }
.detail-techdraw-legend .img-wrapper { padding-bottom: 70.625%; background: var(--blanc); }

/* moteurs et autonomie (Brio) */
.brio-engines .img-wrapper { padding-bottom: 100%; }
.brio-infos table { width: 100%; }
.brio-infos caption { background: var(--vert); margin-bottom: 2px; }
.brio-infos th { background: var(--gris-3); }

/* inserts en vedette */
.detail-features-highlight-img { --bs-gutter-y: 1.875rem; }
.detail-features-highlight-img li:nth-child(1), .detail-features-highlight-img li:nth-child(4) { width: 58.33333333%; }
.detail-features-highlight-img li:nth-child(1) .img-wrapper, .detail-features-highlight-img li:nth-child(4) .img-wrapper { padding-bottom: 58.33333333%; }
.detail-features-highlight-img li:nth-child(2), .detail-features-highlight-img li:nth-child(3) { width: 41.66666667%; }
.detail-features-highlight-img li:nth-child(2) .img-wrapper, .detail-features-highlight-img li:nth-child(3) .img-wrapper { padding-bottom: 83.33333334%; }
.detail-features-highlight-txt li { font-size: 1.375rem; line-height: 1.2; margin-bottom: 1.5em; }
.detail-features-highlight-txt li:last-child { margin-bottom: 0; }
/* inserts standards */
.detail-features h2, .max-options .h2.small { font-weight: 500; }
.detail-features ul { position: relative; }
.detail-features ul:before, .detail-features ul:after { content: ""; position: absolute; left: calc(var(--bs-gutter-x) / 2); right: calc(var(--bs-gutter-x) / 2); border-top: 5px solid var(--noir); }
.detail-features ul:before { top: 0; }
.detail-features ul:after { bottom: 0; }
.detail-features .img-wrapper { padding-bottom: 100%; }
.detail-features figcaption { font-size: 1.375rem; line-height: 1.2; }
/* inserts et options MAX */
.max-features ul:before, .max-features ul:after { display: none; }
.max-features figcaption { font-size: 1.25rem; }
.max-features figcaption small { font-size: 80%; }
.max-features figcaption small strong, .max-features h2 strong { font-size: 125%; color: var(--rouge); }
.max-options .img-wrapper { padding-bottom: 70%; background: var(--gris-1); }
.max-options .small { font-weight: 700; }

/* couleurs et ensembles */
.detail-color-slider .container-fluid { width: auto; margin: 0 6rem; }
.detail-color-slider .carousel-inner { transition: height ease-in-out 0.66s; }
.detail-color-slider .img-wrapper { padding-bottom: 66.71875%; /* 854:1280 */ }
.detail-color-slider .img-wrapper:hover .fit { transform: scale(1.09375); }
.detail-color-slider p { margin: 1em 0 0; line-height: 1.25; }
.detail-color-slider p:first-child { margin: 0; }
.detail-color-slider .fake-list { position: relative; margin: 0.33em 0 0.33em 1.5em; }
.detail-color-slider .fake-list:before { position: absolute; right: 100%; top: 0.125em; margin-right: 0.375em; color: var(--orange); }
.detail-color-slider .carousel-controls { top: min(calc(7vw + 2.25em), 240px); }
.detail-color-slider .carousel-indicators { bottom: auto; top: 0; margin-bottom: 0; margin-top: 1rem; font-size: 1.5rem; }
.detail-color-slider .carousel-indicators button { border-color: var(--gris-4); }
.detail-color-slider .carousel-indicators button:before { background: var(--gris-4); }

/* médias (vidéos et 360) */
.detail-media button { -webkit-tap-highlight-color: transparent; }
.detail-media .img-wrapper { padding-bottom: 56.25%; background: var(--gris-4); }
.detail-media figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: calc(var(--inner-gutter) * 2); color: var(--blanc); text-shadow: 0 0.125em 0.125em rgba(var(--noir-rgb), 0.4); }
.detail-media .fit { opacity: 0.66; }
.detail-media a:hover .fit, .detail-media button:hover .fit { transform: scale(1.05); opacity: 0.875; }
.detail-media h3 { font-size: 1.5rem; }
.detail-media h3 sup { vertical-align: top; }
.detail-media i { font-size: 300%; }

/* slider alternatif */
.detail-alt-slider .img-wrapper { padding-bottom: 100%; background: var(--gris-1); }

/* caractéristiques, specs et options */
.detail-specs-toggles { border: 2px solid var(--noir); font-size: 0.9375rem; }
.detail-specs-toggles li { border-right: 2px solid var(--noir); }
.detail-specs-toggles li:last-child { border-right: 0; }
.detail-specs-toggles button { display: block; width: 100%; padding: 0.8125em 0 0.66em; line-height: 1; text-align: center; font-weight: 700; text-transform: uppercase; }
.detail-specs-toggles .active { background: var(--noir); color: var(--blanc); }


/* 5) Comparateur */

/* entête */
.compare-heading a { display: block; height: 100%; }
.compare-heading .img-wrapper { padding-bottom: 37.5%; background: transparent; opacity: 0.125; }
.compare-heading a:hover .img-wrapper, .compare-heading .actif .img-wrapper { opacity: 1; }


/* tableau comparatif */
.compare-table table { border-top: 2px solid var(--blanc); border-bottom: 2px solid var(--blanc); border-collapse: separate; }
.compare-table thead th { width: 50%; padding: 1em var(--compound-gutter); text-align: left; background: inherit; color: inherit; }
.compare-table thead th:first-child, .compare-table tbody td:first-child { border-right: 1px solid var(--blanc); }
.compare-table thead th:last-child, .compare-table tbody td:last-child { border-left: 1px solid var(--blanc); }
.compare-table label { font-size: 100%; font-weight: 300; color: inherit; }
.compare-table .styled-select { font-size: 100%; }
.compare-table .styled-select select:focus { border-color: var(--gris-3); }
.compare-table .img-wrapper { background: var(--blanc); padding-bottom: 56.25%; }
.compare-table tbody th { border-top: 1em solid var(--blanc); border-bottom: 2px solid var(--blanc); background: var(--gris-4); color: var(--blanc); }
.compare-table tbody td { padding-left: var(--compound-gutter); padding-right: var(--compound-gutter); background: var(--gris-1); vertical-align: top; }


/* 6) Dessins techniques */

/* bloc légende */
.techdraws-legend { top: var(--header-height); background: var(--gris-2); }
.techdraws-legend strong { padding: 1rem; text-align: center; }
.techdraws-legend a:hover strong { color: var(--orange); }
.techdraws-legend i { vertical-align: middle; margin-top: -0.0625em; }
.techdraws-legend [aria-expanded=true] i:before { content: "\e904"; }
.techdraws-legend .collapse, .techdraws-legend .collapsing { position: absolute; left: 50%; transform: translateX(-50%); }
.techdraws-legend-content { padding: 0 1rem 1rem; background: var(--gris-2); }
.techdraws-legend .img-wrapper { max-width: 100%; width: 320px; height: 199px; background: var(--gris-2); }

/* ajustements pour affix */
.techdraws-legend.active { position: -webkit-sticky; position: sticky; }
.techdraws-legend.sps--abv a { pointer-events: none; }
.techdraws-legend.sps--abv i { display: none; }
.techdraws-legend.sps--abv .collapse:not(.show), .techdraws-legend.sps--abv .collapse { display: block; }
.techdraws-legend.sps--abv .collapsing { height: auto; overflow: visible; }
.techdraws-legend.sps--blw { z-index: 11; }
.techdraws-legend.sps--blw strong { text-align: left; padding-left: var(--compound-gutter); }
.techdraws-legend.sps--blw .techdraws-legend-content { padding-left: var(--compound-gutter); }
.techdraws-legend.sps--blw .collapse, .techdraws-legend.sps--blw .collapsing { left: 0; transform: none; }

/* liste des dessins */
.techdraws-list .img-wrapper { padding-bottom: 53.75%; background: var(--blanc); }
.techdraws-list figure { height: 100%; }


/* media queries */
@media (min-width: 87.5rem) { /* XXL+ */
	.detail-hero-promo-logo { margin-top: -0.5em; margin-bottom: -0.5em; font-size: 125%; }
}

@media (max-width: 87.49875rem) { /* XXL- */
	.product-hero h1 { font-size: 4.5rem; }
	.product-navbar { font-size: 0.875rem; }
	.product-navbar .bt-action { font-size: 0.75rem; border-width: 2px; padding-left: 0.75em; padding-right: 0.75em; }
	.serie-intro .h1 { font-size: 1.875rem; }
	.serie-avantage-slider .flickity-button { font-size: 2.25rem; }
	.detail-hero-promo, .detail-hero-spec strong small { font-size: 0.9375rem; }
	.detail-hero-spec i { font-size: 375%; }
	.detail-hero-spec strong { font-size: 1.125rem; }
	.detail-bt-postcode span, .product-list-postcode span { font-size: 0.875rem; }
	.detail-bt-postcode i, .product-list-postcode i { font-size: 325%; }
	.detail-color-slider .container-fluid { margin: 0 4.75rem; }
	.detail-color-slider .carousel-controls { top: calc(8vw + 2.25em); }
	.detail-features-highlight-txt li { font-size: 1.25rem; }
	.detail-features ul { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
	.detail-features figcaption { font-size: 1.125rem; line-height: normal; }
	.detail-specs-toggles { font-size: 0.875rem; }
}

@media (max-width: 74.99875rem) { /* XL- */
	:root { --product-nav-height: 4rem; --active-product-nav-height: 3.25rem; }
	.breadcrumb { padding-left: var(--inner-gutter); padding-right: var(--inner-gutter); }
	.product-hero h1 { font-size: 4rem; }
	.product-navbar { font-size: 0.75rem; padding-left: 0; padding-right: 0; }
	.product-navbar b { border-bottom-width: 2px; }
	.serie-intro .h1 { font-size: 1.5rem; }
	.serie-usages-tabs { font-size: 100%; }
	.serie-usages-tabs .icon-expand { font-size: 200%; padding-bottom: 0.25em; }
	.serie-avantage-slider .flickity-button { font-size: 2rem; }
	.product-list { font-size: 0.875rem; }
	.product-list-txt { padding: 1rem; }
	.product-list h3 { font-size: 1.625rem; }
	.product-list-price { font-size: 1.125rem; }
	.detail-hero-promo, .detail-hero-spec strong small { font-size: 0.875rem; }
	.detail-hero-spec i { font-size: 300%; }
	.detail-hero-spec strong { font-size: 1rem; }
	.detail-bt-postcode span { font-size: 0.75rem; }
	.detail-bt-postcode i { font-size: 250%; }
	.detail-color-slider .container-fluid { margin: 0 4.25rem; }
	.detail-color-slider .carousel-controls { top: calc(9vw + 2.25em); }
	.detail-features-highlight-img { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
	.detail-features-highlight-txt li { font-size: 1.125rem; }
	.detail-features figcaption { font-size: 1rem; }
	.detail-media h3 { font-size: 1.25rem; }
	.detail-media i { font-size: 200%; }
	.detail-specs .h2.small { font-size: 1.125rem; }
	.detail-specs .accordion-button { padding: 0.75rem 0; }
	.detail-specs .accordion-body { padding: 0 0 0.75rem; }
	.compare-table, .compare-table .container-xxl { padding: 0; }
	.techdraws-legend strong { padding: 0.75rem; font-size: 0.9375rem; }
	.techdraws-legend.sps--blw strong, .techdraws-legend.sps--blw .techdraws-legend-content { padding-left: var(--inner-gutter); }
}

@media (min-width: 62rem) { /* LG+ */
	.product-navbar-items.collapse:not(.show) { display: block; }
	.product-navbar-items.collapsing { height: auto; overflow: visible; }
	.serie-avantage-2 p { font-size: 1.125rem; }
	.max-options .sandbox ul { font-size: 1rem; }
}

@media (max-width: 61.99875rem) { /* LG- */
	:root { --product-nav-height: 2.25rem; --active-product-nav-height: 2.25rem; }
	.product-hero h1 { font-size: 2.5rem; }
	.product-navbar-items { position: absolute; right: 0; width: 15em; top: 100%; background: var(--blanc); text-align: right; }
	.product-navbar.sps--blw .product-navbar-items { background: var(--gris-1); }
	.product-navbar a { display: block; }
	.product-navbar a i { vertical-align: middle; }
	.product-navbar .bt-action { text-align: right; }
	.serie-intro .img-wrapper { padding-bottom: 70%; }
	.serie-usages-tabs { font-size: 81.25%; }
	.serie-usages-tabs-img { max-width: 150px; }
	.serie-usages-tabs .bordered-title > span { border-bottom-width: 4px; }
	.serie-avantage-slider:after { display: none; }
	.serie-avantage-slider .flickity-button { left: 0; font-size: 1.75rem; }
	.detail-hero-title { position: absolute; left: 0; top: 0; aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center; background: rgba(var(--noir-rgb), 0.15); }
	.detail-hero .container-wrapper { position: static; background: var(--gris-3); }
	.detail-hero-spec .detail-price { font-size: 1.125rem; }
	.detail-hero-spec .detail-price small { display: inline-block; margin-right: 0.25em; }
	.detail-bt-postcode { width: 100%; }
	.detail-bt-postcode:hover { background: rgba(var(--gris-4-rgb), 0.9); }
	.detail-hero-promo { margin-top: 0; }
	.detail-disclaimers { background: var(--gris-3); }
	.detail-features figcaption { font-size: 0.875rem; }
	.detail-color-slider .container-fluid { margin: 0 3.75rem; }
	.detail-color-slider .carousel-controls { top: calc(17.5vw + 2.125em); }
	.detail-media h3 { font-size: 1rem; }
}

@media (max-width: 47.99875rem) { /* MD- */
	.breadcrumb { padding-left: var(--compound-gutter); padding-right: var(--compound-gutter); }
	.product-hero h1 { font-size: 2rem; }
	.product-hero h1 small { font-size: 0.5em; }
	.product-navbar, .product-navbar-items .row { padding-left: var(--outer-gutter); padding-right: var(--outer-gutter); }
	.product-navbar-items { right: calc(var(--outer-gutter) * -1); }
	.full-img-block .dark-text { color: var(--blanc); }
	.package-list { --bs-gutter-y: 1rem; }
	.serie-usages-sections .img-wrapper { background: var(--blanc); }
	.serie-usages-sections .container-wrapper { background: var(--noir); }
	.serie-avantage-slider .flickity-button { font-size: 1.5rem; }
	.product-list { --bs-gutter-y: 1rem; font-size: 0.8125rem; }
	.product-list h3 { font-size: 1.25rem; }
	.product-list-price { font-size: 1rem; }
	.detail-hero-spec i { font-size: 250%; }
	.detail-hero-spec i.icon-power { width: 1em; }
	.detail-hero-spec strong, .detail-hero-spec strong small, .detail-specs-toggles { font-size: 0.75rem; }
	.detail-color-slider .container-fluid { margin: 0; }
	.detail-color-slider .carousel-indicators + .carousel-inner { padding-top: 1.5rem; }
	.detail-disclaimers sup { position: static; vertical-align: baseline; }
	.brio-infos table { width: calc(100% + (var(--compound-gutter) * 2)); margin-left: calc(var(--compound-gutter) * -1); margin-right: calc(var(--compound-gutter) * -1); }
	.techdraws-legend.sps--blw strong, .techdraws-legend.sps--blw .techdraws-legend-content { padding-left: var(--compound-gutter); }
}

@media (max-width: 35.99875rem) { /* SM- */
	.product-hero h1 { font-size: 1.375rem; }
	.packages .h1 { font-size: 1.5rem; }
	.packages .h1 small { font-size: 1.125rem; font-weight: 500; }
	.platinum-cta h3 b { font-size: 125%; letter-spacing: 0.04em; }
	.serie-usages-tabs { font-size: 62.5%; }
	.serie-usages-tabs-img { max-width: 100px; }
	.serie-usages-tabs .bordered-title > span { border-bottom-width: 3px; }
	.detail-techdraw-legend { max-width: 240px; }
	.brio-infos th { line-height: 1; }
	.detail-hero-promo-logo { font-size: 125%; }
	.detail-hero-promo.alt-logo .detail-hero-promo-txt { padding-right: 0; }
	.detail-color-slider .carousel-indicators { margin-top: 1.25rem; font-size: 1.25rem; }
	.detail-color-slider .h6 { font-size: 0.75rem; }
	.detail-specs-title { font-size: 1.25rem; }
	.detail-specs-toggles { font-size: 0.6875rem; }
	.compare-heading .h6 { font-size: 0.6875rem; }
	.compare-table thead th, .compare-table tbody td { padding-left: var(--inner-gutter); padding-right: var(--inner-gutter); }
	.compare-table .h6, .compare-table thead th { font-size: 0.625rem; }
	.compare-table .h4, .compare-table ul { font-size: 0.75rem; }
	.compare-table .h6 { letter-spacing: normal; }
	.compare-table .styled-select select { padding-left: 5px; font-weight: 500; }
	.techdraws-legend strong { padding: 0.5rem; font-size: 0.875rem; }
}

@media (max-width: 22.4375rem) { /* 359px-, custom */
	.techdraws-legend .collapse, .techdraws-legend .collapsing { width: 100%; }
	.techdraws-legend.sps--blw .img-wrapper { height: auto; }
}