.lpp-t {
--or: #FD5D14;
--or-fonce: #D94A08;
--or-pale: #FFF3EC;
--nuit: #030F27;
--nuit-2: #0B1C3F;
--nuit-3: #16284F;
--texte: #1F2937;
--gris: #5B6474;
--doux: #F4F6F9;
--doux-2: #EAEEF4;
--bord: #DCE2EA;
--ok: #16803C;
--ok-pale: #EAF6EE;
--att: #A15C00;
--att-pale: #FFF6E5;
--ko: #B42318;
--rayon: 18px;
--ombre: 0 1px 2px rgba(3, 15, 39, .06), 0 8px 24px rgba(3, 15, 39, .07);
--ombre-h: 0 2px 4px rgba(3, 15, 39, .08), 0 18px 40px rgba(3, 15, 39, .14);
--titre: "Montserrat", "Poppins", system-ui, sans-serif;
--corps: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
font-family: var(--corps);
font-size: 16px;
line-height: 1.55;
color: var(--texte);
-webkit-font-smoothing: antialiased;
}
.lpp-t *, .lpp-t *::before, .lpp-t *::after { box-sizing: border-box; }
.lpp-t [hidden] { display: none !important; }
.lpp-t img { max-width: 100% !important; height: auto; }
.lpp-t h1, .lpp-t h2, .lpp-t h3, .lpp-t h4 { font-family: var(--titre); text-transform: none; letter-spacing: -.01em; margin: 0; }
.lpp-t p { margin: 0; }
.lpp-t a { color: inherit; }
.lpp-t :focus-visible { outline: 3px solid rgba(253, 93, 20, .55); outline-offset: 2px; }
.lpp-t .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .lpp-t .lpp-t-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
min-height: 46px; padding: 10px 18px; border-radius: 999px; border: 1.5px solid transparent;
font: 600 15px/1.2 var(--corps); text-decoration: none; text-transform: none; letter-spacing: 0; white-space: nowrap;
cursor: pointer; transition: background .18s, color .18s, border-color .18s, transform .12s, box-shadow .18s;
-webkit-tap-highlight-color: transparent;
}
.lpp-t .lpp-t-btn:active { transform: scale(.98); }
.lpp-t .lpp-t-btn > .lpp-t-sm-cache { margin-left: -4px; } .lpp-t .lpp-t-btn:disabled { opacity: .45; cursor: not-allowed; }
.lpp-t .lpp-t-btn--or { background: var(--or); color: #fff; box-shadow: 0 6px 16px rgba(253, 93, 20, .28); }
.lpp-t .lpp-t-btn--or:hover:not(:disabled), .lpp-t .lpp-t-btn--or:focus { background: var(--or-fonce); color: #fff; }
.lpp-t .lpp-t-btn--plein { background: var(--nuit); color: #fff; }
.lpp-t .lpp-t-btn--plein:hover, .lpp-t .lpp-t-btn--plein:focus { background: var(--nuit-3); color: #fff; }
.lpp-t .lpp-t-btn--fantome { background: #fff; color: var(--nuit); border-color: var(--bord); }
.lpp-t .lpp-t-btn--fantome:hover, .lpp-t .lpp-t-btn--fantome:focus { background: #fff; color: var(--nuit); border-color: var(--nuit); }
.lpp-t .lpp-t-btn--grand { min-height: 54px; padding: 14px 26px; font-size: 16px; }
.lpp-t .lpp-t-btn--petit { min-height: 38px; padding: 8px 14px; font-size: 13px; }
.lpp-t .lpp-t-btn--large { width: 100%; margin-top: 16px; }
.lpp-t .lpp-t-btn--comparer { background: #fff; color: var(--nuit); border-color: var(--bord); }
.lpp-t .lpp-t-btn--comparer:hover:not(:disabled), .lpp-t .lpp-t-btn--comparer:focus { background: #fff; color: var(--nuit); border-color: var(--nuit); }
.lpp-t .lpp-t-btn--comparer.est-actif, .lpp-t .lpp-t-btn--comparer.est-actif:hover { background: var(--or-pale); color: var(--or-fonce); border-color: var(--or); }
.lpp-t .lpp-t-coche { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid currentColor; display: inline-grid; place-items: center; }
.lpp-t .est-actif > .lpp-t-coche::after { content: "✓"; font-size: 12px; font-weight: 700; } .lpp-t .lpp-t-btn.loading { opacity: .6; pointer-events: none; }
.lpp-t .lpp-t-btn.added, .lpp-t .lpp-t-btn.added:hover { background: var(--ok); color: #fff; }
.lpp-t .lpp-t-btn.added::after { content: " ✓"; }
.lpp-t .added_to_cart { display: none !important; } .lpp-t .lpp-t-lien {
background: none; border: 0; padding: 0; color: var(--or-fonce); font: 600 14px var(--corps);
text-decoration: underline; text-underline-offset: 3px; cursor: pointer; text-transform: none;
}
.lpp-t .lpp-t-lien:hover, .lpp-t .lpp-t-lien:focus { background: none; color: var(--or-fonce); }
.lpp-t .lpp-t-lien:disabled { color: var(--gris); opacity: .5; cursor: default; } .lpp-t-carte {
container-type: inline-size;
display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: var(--rayon); overflow: hidden;
border: 1px solid var(--doux-2); box-shadow: var(--ombre); transition: box-shadow .22s, transform .22s;
animation: lpp-t-app .35s ease both;
}
.lpp-t-carte:hover { box-shadow: var(--ombre-h); transform: translateY(-3px); }
@keyframes lpp-t-app { from { opacity: 0; transform: translateY(8px); } }
.lpp-t .lpp-t-carte-img { position: relative; display: block; aspect-ratio: 4 / 3; background: linear-gradient(180deg, #F7F9FC 0%, #E9EEF5 100%); }
.lpp-t .lpp-t-carte-img img {
position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: 100% !important;
object-fit: contain; padding: 14px; margin: 0 !important; border-radius: 0; mix-blend-mode: multiply; transition: opacity .3s;
}
.lpp-t .lpp-t-carte-img .lpp-t-img2 { opacity: 0; }
@media (hover: hover) {
.lpp-t .lpp-t-carte:hover .a-survol img:first-child { opacity: 0; }
.lpp-t .lpp-t-carte:hover .a-survol .lpp-t-img2 { opacity: 1; }
}
.lpp-t-carte--article .lpp-t-carte-img { background: #fff; border-bottom: 1px solid var(--doux-2); }
.lpp-t-badge { position: absolute; z-index: 1; top: 12px; left: 12px; background: var(--nuit); color: #fff; font: 700 12px/1 var(--titre); padding: 7px 10px; border-radius: 999px; }
.lpp-t-badge--type { background: #fff; color: var(--nuit); border: 1px solid var(--bord); font-family: var(--corps); font-weight: 600; }
.lpp-t-badge--commande { left: auto; right: 12px; background: #fff; color: var(--att); border: 1px solid #F3D9A8; }
.lpp-t-carte-corps { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 18px; flex: 1; text-align: left; } .lpp-t .lpp-t-carte-titre { font-size: 22px !important; font-weight: 800; color: var(--nuit); line-height: 1.1; text-transform: uppercase; margin: 0 !important; padding: 0 !important; }
.lpp-t .lpp-t-carte-titre a { text-decoration: none; }
.lpp-t .lpp-t-carte--article .lpp-t-carte-titre {
font: 700 15.5px/1.3 var(--corps); font-size: 15.5px !important; letter-spacing: 0; text-transform: none;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.9em;
}
.lpp-t-carte-nom { font-size: 13px; color: var(--gris); margin-top: -6px !important; }
.lpp-t-carte-resume { font-size: 13.5px; color: var(--gris); line-height: 1.45; }
.lpp-t-compat { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12px; }
.lpp-t-compat span { color: var(--gris); margin-right: 2px; }
.lpp-t-compat b { font-weight: 700; color: var(--nuit); background: var(--doux); border-radius: 6px; padding: 2px 7px; }
.lpp-t-specs { display: grid; grid-template-columns: repeat(var(--nb, 3), minmax(0, 1fr)); gap: 6px; margin: 2px 0 0; }
.lpp-t-specs div { background: var(--doux); border-radius: 10px; padding: 8px 8px 7px; min-width: 0; }
.lpp-t-specs dt { font-size: 11px; color: var(--gris); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lpp-t-specs dd { margin: 1px 0 0; font: 700 15px var(--titre); color: var(--nuit); white-space: nowrap; } .lpp-t-prix { margin-top: auto; padding-top: 4px; color: var(--gris); font-size: 13px; line-height: 1.3; }
.lpp-t-prix p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 5px; margin: 0; }
.lpp-t-prix p small { display: inline; }
.lpp-t-prix strong { display: inline; font: 800 22px var(--titre); color: var(--nuit); }
.lpp-t-prix-label { display: block; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--gris); margin-bottom: 2px; }
.lpp-t-prix-ht { display: block; font-size: 12.5px; color: #8A93A3; margin-top: 2px; }
.lpp-t-prix-devis { display: block; margin-top: 8px; padding: 6px 9px; border-radius: 8px; background: var(--or-pale); color: var(--or-fonce); font-size: 12px; font-weight: 600; }
.lpp-t-carte-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px; }
.lpp-t .lpp-t-carte-actions .lpp-t-btn { padding-inline: 12px; } @container (min-width: 241px) {
.lpp-t-carte--article .lpp-t-carte-actions { grid-template-columns: auto minmax(0, 1fr); }
.lpp-t .lpp-t-carte--article .lpp-t-carte-actions .lpp-t-btn--fantome { padding-inline: 16px; }
} @container (max-width: 300px) {
.lpp-t-carte-corps { padding: 14px; }
.lpp-t .lpp-t-carte-titre { font-size: 19px !important; }
.lpp-t-specs { gap: 4px; }
.lpp-t-specs div { padding: 6px 6px 5px; }
.lpp-t-specs dt { font-size: 9.5px; letter-spacing: 0; }
.lpp-t-specs dd { font-size: 13.5px; }
} @container (max-width: 240px) {
.lpp-t-carte-corps { padding: 12px; gap: 8px; }
.lpp-t .lpp-t-carte-titre { font-size: 17px !important; }
.lpp-t .lpp-t-carte--article .lpp-t-carte-titre { font-size: 14px !important; min-height: 0; }
.lpp-t-carte-nom, .lpp-t-specs, .lpp-t-prix-ht { display: none; }
.lpp-t-prix strong { font-size: 19px; }
.lpp-t-carte-actions { grid-template-columns: 1fr; }
.lpp-t .lpp-t-carte-actions .lpp-t-btn { min-height: 40px; font-size: 13px; }
.lpp-t-sm-cache { display: none; }
} ul.products li.product.lpp-t-li {
display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important;
box-shadow: none !important; text-align: left !important; width: auto; float: none;
}
ul.products li.product.lpp-t-li:hover { transform: none; box-shadow: none !important; }
ul.products:has(> li.lpp-t-li) { gap: 20px !important; } .woocommerce ul.products:not(.elementor-grid):has(> li.lpp-t-li) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); }
.woocommerce ul.products:not(.elementor-grid):has(> li.lpp-t-li)::before,
.woocommerce ul.products:not(.elementor-grid):has(> li.lpp-t-li)::after { display: none; }
.woocommerce ul.products:not(.elementor-grid) li.product.lpp-t-li { width: auto !important; float: none !important; }
@media (prefers-reduced-motion: reduce) {
.lpp-t *, .lpp-t *::before, .lpp-t *::after { animation: none !important; transition: none !important; }
} .e-con > .elementor-widget-woocommerce-products,
.e-con > .e-con-inner > .elementor-widget-woocommerce-products { width: 100%; } @media (max-width: 767px) {
html, body { overflow-x: clip; max-width: 100%; }
} .lpp-t-inclus {
position: relative;
margin: 0 0 10px; padding: 9px 11px 10px; border-radius: 10px;
background: var(--or-pale); border: 1px solid rgba(253, 93, 20, .32);
}
.lpp-t-inclus-titre {
margin: 0 0 7px; display: flex; align-items: center; gap: 5px;
font: 800 10.5px/1 var(--titre); letter-spacing: .06em; text-transform: uppercase; color: var(--or-fonce);
}
.lpp-t-inclus-titre span { font-size: 12px; }
.lpp-t-inclus-liste { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lpp-t-inclus-item { margin: 0; padding: 0; }
.lpp-t-inclus-item > a {
display: block; width: 40px; height: 40px; padding: 3px; border-radius: 8px;
background: #fff; border: 1px solid var(--bord); text-decoration: none;
transition: border-color .15s, box-shadow .15s;
} .lpp-t-inclus-item > a:hover, .lpp-t-inclus-item > a:focus-visible {
border-color: var(--or); box-shadow: 0 3px 10px rgba(253, 93, 20, .3); outline: none;
}
.lpp-t-inclus-vignette { width: 100%; height: 100%; object-fit: contain; display: block; transition: scale .15s; }
.lpp-t-inclus-item > a:hover .lpp-t-inclus-vignette,
.lpp-t-inclus-item > a:focus-visible .lpp-t-inclus-vignette { scale: 1.08; } .lpp-t-inclus-bulle {
position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);
z-index: 40; width: 186px; max-width: calc(100% - 6px); padding: 9px; border-radius: 10px;
background: #fff; border: 1px solid var(--bord); box-shadow: 0 12px 30px rgba(3, 15, 39, .2);
opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s, transform .15s, visibility .15s;
}
.lpp-t-inclus-bulle img { width: 100%; height: 128px; object-fit: contain; display: block; margin-bottom: 6px; }
.lpp-t-inclus-bulle b { display: block; font: 700 12px/1.35 var(--corps); color: var(--nuit); text-align: center; } .lpp-t-inclus-bulle::after {
content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px;
border: 6px solid transparent; border-top-color: #fff;
}
.lpp-t-inclus-item > a:hover .lpp-t-inclus-bulle,
.lpp-t-inclus-item > a:focus-visible .lpp-t-inclus-bulle {
opacity: 1; visibility: visible; transform: translate(-50%, 0);
} .lpp-t-inclus:not(.lpp-t-inclus--compact) { margin: 12px 0; padding: 12px 14px 13px; }
.lpp-t-inclus:not(.lpp-t-inclus--compact) .lpp-t-inclus-titre { font-size: 11.5px; margin-bottom: 9px; }
.lpp-t-inclus:not(.lpp-t-inclus--compact) .lpp-t-inclus-item > a { width: 52px; height: 52px; } @media (hover: none) {
.lpp-t-inclus-bulle { display: none; }
.lpp-t-inclus-liste { gap: 5px; }
}html.lpp-t-verrou, html.lpp-t-verrou body { overflow: hidden; }
.lpp-t .lpp-t-label, .lpp-t label, .lpp-t legend { text-transform: none !important; }
.lpp-t .lpp-t-surtitre {
display: inline-block; font: 700 11px/1 var(--titre); letter-spacing: .16em; text-transform: uppercase;
color: var(--or); border: 1px solid rgba(253, 93, 20, .5); padding: 7px 10px; border-radius: 6px; margin-bottom: 10px;
}
.lpp-t .lpp-t-titre { font-size: clamp(26px, 6.4vw, 40px); line-height: 1.04; font-weight: 800; color: #fff; }
.lpp-t-intro { margin-top: 8px !important; max-width: 720px; color: rgba(255, 255, 255, .78); font-size: 14px; } #lpp-trouver { max-width: 1920px; margin: 0 auto; padding: 16px 16px 48px; }
@media (min-width: 768px) { #lpp-trouver { padding: 24px 24px 72px; } }
@media (min-width: 1024px) { #lpp-trouver { padding: 24px 40px 72px; } }
.lpp-t--catalogue { padding-top: 8px; }
.lpp-t .lpp-t-section-titre { text-align: center; font-size: clamp(26px, 5vw, 38px); font-weight: 800; color: var(--nuit); margin-bottom: 20px; text-transform: uppercase; } .lpp-t-tuiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; max-width: 1240px; margin: 0 auto 28px; }
.lpp-t .lpp-t-tuile {
display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 12px; border-radius: 18px;
background: #fff; border: 1.5px solid var(--doux-2); box-shadow: var(--ombre); cursor: pointer; text-transform: none;
color: var(--nuit); font-family: var(--corps); transition: border-color .18s, box-shadow .18s, transform .18s;
}
.lpp-t .lpp-t-tuile:hover, .lpp-t .lpp-t-tuile:focus { transform: translateY(-3px); box-shadow: var(--ombre-h); border-color: var(--bord); background: #fff; color: var(--nuit); outline: none; }
.lpp-t .lpp-t-tuile:focus-visible { outline: 3px solid rgba(253, 93, 20, .55); outline-offset: 2px; }
.lpp-t .lpp-t-tuile.est-actif, .lpp-t .lpp-t-tuile.est-actif:hover { border-color: var(--or) !important; box-shadow: 0 0 0 3px rgba(253, 93, 20, .18), var(--ombre-h); }
.lpp-t-tuile-img { display: block; width: 100%; aspect-ratio: 4 / 3; position: relative; }
.lpp-t .lpp-t-tuile-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: contain; }
.lpp-t-tuile-nom { font: 800 14px/1.2 var(--titre); color: var(--or); text-transform: uppercase; letter-spacing: .02em; text-align: center; margin-top: 6px; white-space: normal; overflow-wrap: break-word; display: flex; align-items: center; justify-content: center; }
.lpp-t-tuile-nb { font-size: 12px; color: var(--gris); }
.lpp-t .lpp-t-tuile.est-actif .lpp-t-tuile-nb { color: var(--or-fonce); font-weight: 600; }
@media (max-width: 559px) {
.lpp-t-tuiles { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 16px; margin: 0 -16px 20px; padding: 2px 16px 8px; scrollbar-width: none; }
.lpp-t-tuiles::-webkit-scrollbar { display: none; } .lpp-t .lpp-t-tuile { flex: 0 0 42%; width: 42%; min-width: 0; max-width: 42%; scroll-snap-align: start; padding: 12px 10px; }
.lpp-t .lpp-t-tuile-nom { font-size: 13px; min-height: 2.4em; }
} .lpp-t-corps { margin-top: 20px; }
.lpp-t-cote { display: none; }
@media (min-width: 1024px) {
.lpp-t-corps { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: start; }
.lpp-t-cote {
display: block; position: sticky; top: 110px; max-height: calc(100vh - 130px); overflow-y: auto; overscroll-behavior: contain;
background: #fff; border: 1px solid var(--doux-2); border-radius: 18px; padding: 20px 22px 8px; box-shadow: var(--ombre); scrollbar-width: thin;
}
}
@media (min-width: 1440px) { .lpp-t-corps { grid-template-columns: 330px minmax(0, 1fr); gap: 36px; } }
.lpp-t-cote-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--doux-2); }
.lpp-t-cote-titre { font: 800 20px var(--titre); color: var(--nuit); }
.lpp-t .lpp-t-cote-tete .lpp-t-lien { font-size: 13px; } .lpp-t-acc { border-bottom: 1px solid var(--doux-2); }
.lpp-t-acc:last-of-type { border-bottom: 0; }
.lpp-t-acc > summary { display: flex; align-items: center; gap: 8px; padding: 16px 2px; cursor: pointer; list-style: none; font: 700 15px/1.3 var(--titre); color: var(--nuit); text-transform: none; }
.lpp-t-acc > summary::-webkit-details-marker { display: none; }
.lpp-t-acc > summary:hover { color: var(--nuit); background: none; }
.lpp-t-acc > summary:hover .lpp-t-acc-titre { color: var(--or-fonce); }
.lpp-t-acc-titre { flex: 1; min-width: 0; }
.lpp-t-acc-choix { font: 600 11.5px var(--corps); color: var(--or-fonce); background: var(--or-pale); padding: 3px 8px; border-radius: 999px; max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpp-t-acc-fleche { flex: 0 0 9px; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
.lpp-t-acc[open] .lpp-t-acc-fleche { transform: translateY(2px) rotate(-135deg); }
.lpp-t-acc-corps { padding: 0 0 16px; } .lpp-t-puces { display: flex; flex-direction: column; gap: 4px; }
.lpp-t .lpp-t-puce {
display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; min-height: 40px; padding: 8px 12px;
border-radius: 10px; border: 1.5px solid transparent; background: var(--doux); color: var(--nuit); text-align: left;
font: 500 13.5px/1.2 var(--corps); cursor: pointer; text-transform: none; transition: all .15s;
}
.lpp-t .lpp-t-puce:hover:not(.est-actif), .lpp-t .lpp-t-puce:focus:not(.est-actif) { background: #fff; color: var(--nuit); border-color: var(--bord); }
.lpp-t .lpp-t-puce.est-actif { background: var(--nuit); border-color: var(--nuit); color: #fff; }
.lpp-t .lpp-t-puce.est-actif:hover, .lpp-t .lpp-t-puce.est-actif:focus { background: var(--nuit-3); border-color: var(--nuit-3); color: #fff; }
.lpp-t .lpp-t-puce.est-actif::after { content: "×"; font-size: 17px; line-height: 1; opacity: .8; }
.lpp-t .lpp-t-puce:disabled, .lpp-t .lpp-t-puce:disabled:hover { opacity: .4; cursor: default; background: var(--doux); color: var(--nuit); border-color: transparent; }
.lpp-t-puce-n { font-size: 11.5px; color: var(--gris); background: #fff; border-radius: 999px; padding: 1px 7px; }
.lpp-t-filtres-pied { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lpp-t-cote .lpp-t-filtres-pied, .lpp-t .lpp-t-voir { display: none; } .lpp-t-barre { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.lpp-t-barre-gauche { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.lpp-t-compte { font-size: 15px; color: var(--gris); }
.lpp-t-compte strong { font: 800 22px var(--titre); color: var(--nuit); margin-right: 2px; }
.lpp-t .lpp-t-famille-active { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; padding: 6px 12px; cursor: pointer; background: var(--nuit); color: #fff; font: 600 13px var(--corps); text-transform: none; }
.lpp-t .lpp-t-famille-active:hover, .lpp-t .lpp-t-famille-active:focus { background: var(--nuit-3); color: #fff; }
.lpp-t .lpp-t-famille-active[hidden] { display: none; }
.lpp-t-barre-outils { display: flex; gap: 8px; align-items: center; }
.lpp-t .lpp-t-bouton-filtres {
display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 14px; border-radius: 999px;
border: 1.5px solid var(--bord); background: #fff; color: var(--nuit); font: 600 14px var(--corps); cursor: pointer; text-transform: none;
}
.lpp-t .lpp-t-bouton-filtres:hover, .lpp-t .lpp-t-bouton-filtres:focus { background: #fff; color: var(--nuit); border-color: var(--nuit); }
@media (min-width: 1024px) { .lpp-t .lpp-t-bouton-filtres { display: none; } }
.lpp-t-bouton-filtres svg { width: 16px; height: 16px; fill: currentColor; }
.lpp-t-nb-filtres { background: var(--or); color: #fff; border-radius: 999px; min-width: 20px; height: 20px; font-size: 12px; display: inline-grid; place-items: center; padding: 0 6px; }
.lpp-t-tri { display: inline-flex; align-items: center; gap: 10px; }
.lpp-t .lpp-t-tri-lib { font-size: 14px; color: var(--gris); white-space: nowrap; text-transform: none !important; }
.lpp-t-tri select { min-height: 42px; max-width: 250px; border-radius: 999px; border: 1.5px solid var(--bord); padding: 6px 34px 6px 14px; background-color: #fff; font: 500 14px var(--corps); color: var(--nuit); text-transform: none !important; }
@media (max-width: 767px) { .lpp-t-tri-lib { display: none; } }  .lpp-t-grille { display: grid; gap: 14px; grid-template-columns: 1fr; overflow-anchor: none; }
@media (min-width: 560px) { .lpp-t-grille { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) and (max-width: 1023px) { .lpp-t-grille { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .lpp-t-grille { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; } } @media (max-width: 559px) {
.lpp-t-grille { gap: 10px; }
.lpp-t-grille .lpp-t-carte { display: grid; grid-template-columns: 118px minmax(0, 1fr); border-radius: 16px; }
.lpp-t-grille .lpp-t-carte:hover { transform: none; }
.lpp-t .lpp-t-grille .lpp-t-carte-img { aspect-ratio: auto; height: 100%; min-height: 168px; }
.lpp-t .lpp-t-grille .lpp-t-carte-img img { padding: 8px; }
.lpp-t-grille .lpp-t-carte--article .lpp-t-carte-img { border-bottom: 0; border-right: 1px solid var(--doux-2); }
.lpp-t-grille .lpp-t-badge { top: 8px; left: 8px; font-size: 11px; padding: 5px 8px; }
.lpp-t-grille .lpp-t-badge--commande { left: 8px; right: auto; top: auto; bottom: 8px; font-size: 10px; }
.lpp-t-grille .lpp-t-carte-corps { padding: 12px; gap: 7px; }
.lpp-t .lpp-t-grille .lpp-t-carte-titre { font-size: 18px !important; }
.lpp-t .lpp-t-grille .lpp-t-carte--article .lpp-t-carte-titre { font-size: 14px !important; min-height: 0; }
.lpp-t-grille .lpp-t-carte-nom { display: none; }
.lpp-t-grille .lpp-t-specs { gap: 4px; }
.lpp-t-grille .lpp-t-specs div { padding: 5px 6px; border-radius: 8px; }
.lpp-t-grille .lpp-t-specs dt { font-size: 9.5px; }
.lpp-t-grille .lpp-t-specs dd { font-size: 13px; }
.lpp-t-grille .lpp-t-prix strong { font-size: 19px; }
.lpp-t-grille .lpp-t-carte-actions { grid-template-columns: 1fr 1fr; gap: 6px; }
.lpp-t .lpp-t-grille .lpp-t-carte-actions .lpp-t-btn { min-height: 40px; padding: 8px 10px; font-size: 13px; }
.lpp-t-sm-cache { display: none; }
}
.lpp-t-vide { text-align: center; padding: 36px 16px; background: var(--doux); border-radius: var(--rayon); }
.lpp-t-vide p + p { margin-top: 8px !important; }
.lpp-t-aide { text-align: center; margin-top: 26px !important; color: var(--gris); font-size: 14px; }
.lpp-t-aide a { color: var(--nuit); font-weight: 600; } .lpp-t-barre-comp {
position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 99990; max-width: 760px; margin: 0 auto;
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
padding: 10px 10px 10px 12px; border-radius: 20px; background: var(--nuit); color: #fff;
box-shadow: 0 18px 40px rgba(3, 15, 39, .35); animation: lpp-t-monte .3s ease both;
}
@keyframes lpp-t-monte { from { transform: translateY(120%); } }
.lpp-t-barre-comp-liste { display: flex; gap: 6px; min-width: 0; overflow: hidden; }
.lpp-t-vignette { position: relative; display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, .1); border-radius: 12px; padding: 4px 26px 4px 4px; font: 700 12.5px var(--titre); white-space: nowrap; }
.lpp-t-vignette img { width: 34px; height: 34px; object-fit: contain; background: #fff; border-radius: 8px; }
.lpp-t .lpp-t-vignette-x { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .16); color: #fff; font-size: 14px; line-height: 1; cursor: pointer; padding: 0; }
.lpp-t .lpp-t-vignette-x:hover { background: var(--or); color: #fff; }
.lpp-t-vignette--vide { width: 42px; height: 42px; justify-content: center; padding: 0; border: 1.5px dashed rgba(255, 255, 255, .3); background: none; color: rgba(255, 255, 255, .5); }
.lpp-t-barre-note { width: 100%; order: 3; font-size: 12.5px; color: #FFD9C7; margin-top: 4px !important; }
@media (max-width: 480px) {
.lpp-t-vignette span { display: none; }
.lpp-t-vignette { padding-right: 4px; }
.lpp-t .lpp-t-vignette-x { top: -6px; right: -6px; transform: none; background: var(--or); }
} .lpp-t-fen { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; justify-content: center; background: rgba(3, 15, 39, 0); transition: background .25s; }
.lpp-t-fen.est-ouvert { background: rgba(3, 15, 39, .55); }
.lpp-t-fen-boite { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; background: #fff; transform: translateY(24px); opacity: 0; transition: transform .28s cubic-bezier(.2, .8, .2, 1), opacity .2s; outline: 0; }
.lpp-t-fen.est-ouvert .lpp-t-fen-boite { transform: none; opacity: 1; }
.lpp-t-fen-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 18px; border-bottom: 1px solid var(--doux-2); flex: 0 0 auto; }
.lpp-t-fen-titre { font: 700 13px var(--titre); letter-spacing: .08em; text-transform: uppercase; color: var(--gris); }
.lpp-t .lpp-t-fen-fermer { width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--doux); color: var(--nuit); font-size: 26px; line-height: 1; cursor: pointer; padding: 0; display: grid; place-items: center; }
.lpp-t .lpp-t-fen-fermer:hover, .lpp-t .lpp-t-fen-fermer:focus { background: var(--doux-2); color: var(--nuit); }
.lpp-t-fen-corps { container-type: inline-size; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 20px 18px 28px; overscroll-behavior: contain; }
.lpp-t-fen--tiroir .lpp-t-fen-boite { height: auto; max-height: 88vh; border-radius: 22px 22px 0 0; }
.lpp-t-fen--tiroir .lpp-t-filtres-pied { position: sticky; bottom: -28px; display: flex; background: #fff; padding: 12px 0 4px; }
.lpp-t-fen--tiroir .lpp-t-voir { display: inline-flex; }
@media (min-width: 768px) {
.lpp-t-fen { align-items: center; padding: 24px; }
.lpp-t-fen-boite { height: auto; max-height: calc(100vh - 48px); max-width: 760px; border-radius: 24px; box-shadow: 0 30px 80px rgba(3, 15, 39, .35); }
.lpp-t-fen--large .lpp-t-fen-boite { max-width: 1120px; }
.lpp-t-fen-corps { padding: 28px 36px 36px; }
} .lpp-t-bascule { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--nuit); margin-bottom: 14px; cursor: pointer; }
.lpp-t-bascule input { width: 18px; height: 18px; accent-color: var(--or); }
.lpp-t-comp { --col: minmax(0, 1fr); display: grid; }
.lpp-t-comp-tete, .lpp-t-comp-ligne { display: grid; grid-template-columns: repeat(var(--n), var(--col)); gap: 0 10px; }
.lpp-t-comp-tete { position: sticky; top: -20px; z-index: 2; background: #fff; padding: 6px 0 10px; border-bottom: 1px solid var(--doux-2); }
.lpp-t-comp-machine { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.lpp-t .lpp-t-comp-img { display: block; width: 100%; aspect-ratio: 4 / 3; background: var(--doux); border-radius: 12px; }
.lpp-t .lpp-t-comp-img img { width: 100% !important; height: 100% !important; object-fit: contain; padding: 6px; mix-blend-mode: multiply; }
.lpp-t-comp-nom { font: 800 15px/1.15 var(--titre); color: var(--nuit); }
.lpp-t-comp-nom a { text-decoration: none; }
.lpp-t-comp-groupe { grid-column: 1 / -1; font: 800 11px var(--titre); letter-spacing: .14em; text-transform: uppercase; color: var(--or-fonce); margin: 20px 0 4px !important; }
.lpp-t-comp-ligne { padding: 10px 0; border-bottom: 1px solid var(--doux-2); }
.lpp-t-comp-lib { grid-column: 1 / -1; font-size: 12px; color: var(--gris); margin-bottom: 3px !important; }
.lpp-t-comp-val { font: 600 14.5px/1.35 var(--corps); color: var(--nuit); min-width: 0; overflow-wrap: anywhere; }
.lpp-t-comp-ligne:not(.est-diff) .lpp-t-comp-val { color: var(--gris); font-weight: 500; }
.lpp-t-comp-val.est-meilleur, .lpp-t-meilleur { color: var(--ok); }
.lpp-t-meilleur { display: block; font: 700 10.5px var(--corps); text-transform: uppercase; letter-spacing: .04em; margin-top: 2px; }
.lpp-t-comp-val a { display: block; color: var(--nuit); }
.lpp-t-ac { font-style: italic; font-weight: 400; color: #9AA3B2; font-size: 13px; }
@media (max-width: 767px) { .lpp-t-comp-machine .lpp-t-btn--petit { font-size: 12px; padding: 6px 8px; min-height: 34px; } }
@media (min-width: 768px) {
.lpp-t-comp-tete, .lpp-t-comp-ligne { grid-template-columns: 220px repeat(var(--n), var(--col)); gap: 0 18px; }
.lpp-t-comp-tete::before { content: ""; }
.lpp-t-comp-lib { grid-column: auto; font-size: 13.5px; margin: 0 !important; align-self: center; }
.lpp-t-comp-ligne.est-diff .lpp-t-comp-lib { color: var(--nuit); font-weight: 600; }
.lpp-t-comp-tete { top: -28px; }
} .lpp-t-prog-zone { margin-bottom: 22px; }
.lpp-t-prog { height: 6px; background: var(--doux-2); border-radius: 999px; overflow: hidden; }
.lpp-t-prog span { display: block; height: 100%; background: linear-gradient(90deg, var(--or), #FF8A4C); border-radius: 999px; transition: width .35s ease; }
.lpp-t-prog-txt { font-size: 12.5px; color: var(--gris); margin-top: 8px !important; }
.lpp-t-etape, .lpp-t-res-tete { animation: lpp-t-glisse .3s ease both; }
@keyframes lpp-t-glisse { from { opacity: 0; transform: translateX(14px); } }
.lpp-t-etape-sur { font: 700 11px var(--titre); letter-spacing: .16em; text-transform: uppercase; color: var(--or); margin-bottom: 8px !important; }
.lpp-t .lpp-t-etape-titre { font-size: clamp(22px, 5.6vw, 30px); line-height: 1.18; color: var(--nuit); font-weight: 800; }
.lpp-t-etape-aide { color: var(--gris); margin-top: 8px !important; font-size: 15px; }
.lpp-t-prerempli { display: inline-block; margin-top: 12px !important; font-size: 13px; background: var(--or-pale); color: var(--or-fonce); padding: 6px 10px; border-radius: 8px; }
.lpp-t-choix { display: grid; gap: 10px; margin-top: 22px; } .lpp-t-choix--multi { grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); }
.lpp-t .lpp-t-option {
display: flex; align-items: center; gap: 14px; width: 100%; min-width: 0; min-height: 58px; padding: 14px 16px; text-align: left; white-space: normal;
border-radius: 14px; border: 1.5px solid var(--bord); background: #fff; color: var(--nuit); font: 500 15.5px/1.35 var(--corps);
cursor: pointer; text-transform: none; transition: all .15s;
}
.lpp-t .lpp-t-option:hover, .lpp-t .lpp-t-option:focus { border-color: var(--nuit); background: #fff; color: var(--nuit); }
.lpp-t .lpp-t-option.est-actif, .lpp-t .lpp-t-option.est-actif:hover { border-color: var(--or); background: var(--or-pale); box-shadow: 0 0 0 1px var(--or) inset; color: var(--nuit); }
.lpp-t-option-coche { flex: 0 0 22px; height: 22px; border-radius: 50%; border: 2px solid var(--bord); display: grid; place-items: center; transition: all .15s; }
.lpp-t-choix--multi .lpp-t-option-coche { border-radius: 6px; }
.est-actif > .lpp-t-option-coche { border-color: var(--or); background: var(--or); }
.est-actif > .lpp-t-option-coche::after { content: "✓"; color: #fff; font-size: 13px; font-weight: 700; }
.lpp-t-saisie { margin-top: 18px; }
.lpp-t-saisie-ligne { display: flex; align-items: center; gap: 10px; }
.lpp-t-label { display: block; font: 600 14px var(--corps); color: var(--nuit); margin: 18px 0 6px; }
.lpp-t .lpp-t-champ { width: 100%; min-height: 50px; padding: 12px 14px; border-radius: 12px; border: 1.5px solid var(--bord); background: #fff; font: 400 16px var(--corps); color: var(--texte); box-shadow: none; }
.lpp-t .lpp-t-champ:focus { border-color: var(--nuit); outline: 0; box-shadow: 0 0 0 3px rgba(3, 15, 39, .1); }
.lpp-t .lpp-t-champ--court { max-width: 140px; }
.lpp-t textarea.lpp-t-champ { resize: vertical; min-height: 110px; }
.lpp-t .lpp-t-champ[aria-invalid="true"] { border-color: var(--ko); }
.lpp-t-mini { font-size: 12.5px; color: var(--gris); margin-top: 8px !important; }
.lpp-t-nav {
position: sticky; bottom: -28px; display: flex; justify-content: space-between; align-items: center; gap: 12px;
margin: 26px -18px -28px; padding: 14px 18px calc(14px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .96);
border-top: 1px solid var(--doux-2); backdrop-filter: blur(6px);
}
@media (min-width: 768px) { .lpp-t-nav { margin: 30px -36px -36px; padding: 18px 36px; bottom: -36px; } }
.lpp-t-chargement { display: grid; place-items: center; gap: 18px; text-align: center; padding: 70px 10px; color: var(--gris); }
.lpp-t-spin { width: 44px; height: 44px; border-radius: 50%; border: 4px solid var(--doux-2); border-top-color: var(--or); animation: lpp-t-tourne .8s linear infinite; }
@keyframes lpp-t-tourne { to { transform: rotate(360deg); } } .lpp-t-compris { list-style: none; margin: 18px 0 6px; padding: 0; display: grid; gap: 8px; }
@container (min-width: 480px) { .lpp-t-compris { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lpp-t-compris li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--doux); }
.lpp-t-compris small { display: block; font-size: 12px; color: var(--gris); }
.lpp-t-compris strong { display: block; font-size: 15px; color: var(--nuit); font-weight: 600; } .lpp-t-criteres { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 14px 0 10px; }
.lpp-t-criteres li { font-size: 12.5px; background: var(--doux); border-radius: 999px; padding: 5px 10px; color: var(--nuit); }
@media (max-width: 767px) {
.lpp-t-criteres { flex-wrap: nowrap; overflow-x: auto; margin-right: -18px; padding-right: 18px; scrollbar-width: none; }
.lpp-t-criteres::-webkit-scrollbar { display: none; }
.lpp-t-criteres li { white-space: nowrap; }
}
.lpp-t-explication { margin: 18px 0 !important; padding: 14px 16px; border-left: 3px solid var(--or); background: var(--doux); border-radius: 0 12px 12px 0; font-size: 15px; }
.lpp-t-reco { display: grid; border-radius: var(--rayon); border: 1px solid var(--doux-2); background: #fff; overflow: hidden; box-shadow: var(--ombre); animation: lpp-t-app .4s ease both; }
.lpp-t-reco--principal { border: 2px solid var(--or); box-shadow: 0 16px 40px rgba(253, 93, 20, .14); }
.lpp-t-reco-img { position: relative; overflow: hidden; min-height: 0; aspect-ratio: 16 / 8; background: linear-gradient(180deg, #F7F9FC 0%, #E9EEF5 100%); }
.lpp-t .lpp-t-reco-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: contain; padding: 14px; mix-blend-mode: multiply; }
.lpp-t-reco { grid-template-rows: auto 1fr; }
.lpp-t-reco-corps { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 7px; }
.lpp-t-reco-role { font: 800 11px var(--titre); letter-spacing: .14em; text-transform: uppercase; color: var(--or-fonce); }
.lpp-t .lpp-t-reco-nom { font-size: 24px; font-weight: 800; color: var(--nuit); line-height: 1.05; }
.lpp-t-verdict { align-self: flex-start; font: 700 12.5px var(--corps); padding: 5px 10px; border-radius: 999px; }
.lpp-t-verdict--tres { background: var(--ok-pale); color: var(--ok); }
.lpp-t-verdict--adapte { background: #EAF1FF; color: #1D4ED8; }
.lpp-t-verdict--option { background: var(--att-pale); color: var(--att); }
.lpp-t-reco-sous { font: 700 12px var(--titre); letter-spacing: .06em; text-transform: uppercase; color: var(--gris); margin-top: 8px !important; }
.lpp-t-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; }
.lpp-t-liste li { display: flex; gap: 10px; font-size: 14px; line-height: 1.45; }
.lpp-t-liste-ico { flex: 0 0 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; margin-top: 1px; }
.lpp-t-liste--ok .lpp-t-liste-ico, .lpp-t-compris .lpp-t-liste-ico { background: var(--ok-pale); color: var(--ok); }
.lpp-t-liste--att .lpp-t-liste-ico { background: var(--att-pale); color: var(--att); }
.lpp-t-liste--ko .lpp-t-liste-ico { background: #FDECEA; color: var(--ko); }
.lpp-t-liste--conf .lpp-t-liste-ico, .lpp-t-liste--info .lpp-t-liste-ico { background: var(--doux-2); color: var(--gris); }
.lpp-t-liste--conf li, .lpp-t-liste--info li { color: var(--gris); font-size: 13.5px; }
.lpp-t-reco-ia { margin: 4px 0 2px; padding: 12px 14px; border-radius: 12px; background: linear-gradient(135deg, #FFF6F0 0%, #F4F6FF 100%); border: 1px solid #F7DCCB; }
.lpp-t-reco-ia p { font-size: 14.5px; line-height: 1.55; color: var(--texte); }
.lpp-t-ia-lib { display: inline-flex; align-items: center; gap: 6px; font: 700 11px var(--titre); letter-spacing: .1em; text-transform: uppercase; color: var(--or-fonce); margin-bottom: 4px; }
.lpp-t-ia-lib::before { content: "✦"; font-size: 12px; }
.lpp-t-reco-ia.est-attente p { color: var(--gris); font-style: italic; animation: lpp-t-pulse-txt 1.4s ease-in-out infinite; }
@keyframes lpp-t-pulse-txt { 50% { opacity: .45; } }
.lpp-t-reco-prix { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: auto !important; padding-top: 12px; border-top: 1px solid var(--doux-2); }
.lpp-t-reco-prix span { font-size: 13px; color: var(--gris); }
.lpp-t-reco-prix strong { font: 800 24px var(--titre); color: var(--nuit); }
.lpp-t-reco-prix small { width: 100%; font-size: 12.5px; color: var(--gris); }
.lpp-t-reco-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 6px; } .lpp-t-avis {
position: relative; margin-top: 18px; padding: 20px 20px 18px; border-radius: 16px;
background: linear-gradient(135deg, #FFF7F2 0%, #F3F6FC 100%); border: 1px solid #F5D9C8;
}
.lpp-t-avis-lib { display: inline-flex; align-items: center; gap: 7px; font: 700 11.5px var(--titre); letter-spacing: .1em; text-transform: uppercase; color: var(--or-fonce); }
.lpp-t-avis-lib::before { content: "✦"; font-size: 13px; }
.lpp-t-avis-texte { margin-top: 10px !important; font-size: 16px; line-height: 1.65; color: var(--texte); }
.lpp-t-avis-sous { margin-top: 14px !important; font: 700 12px var(--titre); letter-spacing: .06em; text-transform: uppercase; color: var(--nuit); }
.lpp-t-avis .lpp-t-liste { margin-top: 8px; }
.lpp-t-liste--avis .lpp-t-liste-ico { background: var(--or); color: #fff; font-size: 11px; }
.lpp-t-avis-attente { display: flex; align-items: center; gap: 12px; margin-top: 12px; color: var(--gris); font-size: 15px; }
.lpp-t-avis-attente p { animation: lpp-t-pulse-txt 1.4s ease-in-out infinite; }
.lpp-t-avis-attente .lpp-t-spin { flex: 0 0 24px; width: 24px; height: 24px; border-width: 3px; }
@container (min-width: 700px) {
.lpp-t-avis { padding: 24px 28px 22px; }
.lpp-t-avis .lpp-t-liste--avis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
}
.lpp-t-apercu { margin-top: 12px !important; padding: 6px 10px; border-radius: 8px; background: #FFF6E5; color: var(--att); font-size: 12.5px; display: inline-block; }
.lpp-t .lpp-t-res-sous { margin-top: 28px; font-size: 19px; font-weight: 800; color: var(--nuit); } .lpp-t-res-grille { display: grid; gap: 16px; margin-top: 18px; align-items: stretch; }
.lpp-t-res-glisser { display: none; font-size: 12.5px; color: var(--gris); margin-top: 6px !important; }
@container (max-width: 619px) {
.lpp-t-res-grille:not(.est-seul) {
grid-auto-flow: column; grid-auto-columns: 86%; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
margin-right: -18px; padding: 4px 18px 12px 2px; scrollbar-width: none;
}
.lpp-t-res-grille:not(.est-seul)::-webkit-scrollbar { display: none; }
.lpp-t-res-grille > * { scroll-snap-align: start; }
.lpp-t-res-glisser { display: block; }
}
@container (min-width: 620px) {
.lpp-t-res-grille { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; }
} .lpp-t-res-grille:not(.est-seul) .lpp-t-reco-img { aspect-ratio: auto; height: clamp(150px, 16vw, 190px); }
.lpp-t .lpp-t-plus { align-self: flex-start; font-size: 13px; margin-top: 2px; }
.lpp-t-res-tete .lpp-t-etape-titre { font-size: clamp(21px, 4.4vw, 28px); } @container (min-width: 700px) {
.lpp-t-res-grille.est-seul .lpp-t-reco { grid-template-columns: 40% 1fr; grid-template-rows: auto; }
.lpp-t-res-grille.est-seul .lpp-t-reco-img { aspect-ratio: auto; height: 100%; min-height: 280px; }
.lpp-t-res-grille.est-seul .lpp-t-reco-corps { padding: 24px 26px; }
}
.lpp-t-autres { margin-top: 14px !important; font-size: 14px; color: var(--gris); }
.lpp-t-autres a { color: var(--nuit); font-weight: 600; }
.lpp-t-note { font-size: 13px; color: var(--gris); margin-top: 16px !important; }
.lpp-t-avert { margin-top: 20px !important; padding: 14px 16px; border-radius: 12px; background: var(--doux); font-size: 13.5px; color: var(--gris); } .lpp-t-lead { margin-top: 22px; padding: 22px 18px; border-radius: var(--rayon); background: var(--nuit); color: #fff; }
.lpp-t .lpp-t-lead-titre { font-size: 22px; font-weight: 800; color: #fff; }
.lpp-t-lead-texte { color: rgba(255, 255, 255, .78); margin-top: 6px !important; font-size: 14.5px; }
.lpp-t-l-grille { display: grid; gap: 0 12px; }
@container (min-width: 520px) { .lpp-t-l-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lpp-t-lead .lpp-t-label { color: #fff; }
.lpp-t-erreur { color: #FFB4A8; font-size: 13px; margin-top: 4px !important; }
.lpp-t-l-actions { display: grid; gap: 10px; margin-top: 18px; }
@container (min-width: 480px) { .lpp-t-l-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lpp-t .lpp-t-lead .lpp-t-btn--plein { background: #fff; color: var(--nuit); }
.lpp-t .lpp-t-lead .lpp-t-btn--plein:hover { background: var(--doux); color: var(--nuit); }
.lpp-t-lead .lpp-t-mini { color: rgba(255, 255, 255, .6); }
.lpp-t .lpp-t-lead .lpp-t-btn { white-space: normal; text-align: center; line-height: 1.25; }
.lpp-t .lpp-t-lead a:not(.lpp-t-btn) { color: #fff !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lpp-t-l-msg { margin-top: 12px !important; padding: 10px 12px; border-radius: 10px; background: rgba(255, 180, 168, .15); color: #FFD3CC; font-size: 14px; }
.lpp-t-contact { margin-top: 12px !important; font-size: 14px; color: rgba(255, 255, 255, .78); }
.lpp-t-contact a { color: #fff; font-weight: 600; }
.lpp-t-piege { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.lpp-t-merci { text-align: center; padding: 10px 0; }
.lpp-t-merci-ico { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--or); font-size: 26px; margin-bottom: 12px; }
.lpp-t-merci p + p { margin-top: 6px !important; color: rgba(255, 255, 255, .78); } .lpp-t-cta-conseil {
margin: 40px auto 0; max-width: 1240px; display: grid; gap: 22px; padding: 26px 20px; border-radius: 24px; color: #fff;
background: radial-gradient(120% 90% at 100% 0%, rgba(253, 93, 20, .25) 0%, transparent 55%), linear-gradient(160deg, var(--nuit-2) 0%, var(--nuit) 70%);
}
.lpp-t .lpp-t-cta-titre { font-size: clamp(26px, 5vw, 38px); font-weight: 800; color: #fff; margin: 4px 0 10px; }
.lpp-t-cta-texte p { color: rgba(255, 255, 255, .8); margin-bottom: 18px !important; max-width: 560px; }
.lpp-t-cta-etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.lpp-t-cta-etapes li { display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); }
.lpp-t-cta-etapes span { grid-row: span 2; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--or); font: 800 16px var(--titre); }
.lpp-t-cta-etapes strong { font: 700 15px var(--titre); }
.lpp-t-cta-etapes small { color: rgba(255, 255, 255, .7); font-size: 13px; }
@media (min-width: 900px) { .lpp-t-cta-conseil { grid-template-columns: 1.1fr 1fr; align-items: center; padding: 40px 44px; } } .lpp-t--conseiller {
--voile: linear-gradient(90deg, rgba(3, 15, 39, .93) 0%, rgba(3, 15, 39, .8) 45%, rgba(3, 15, 39, .6) 100%);
position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; margin: 0; padding: 44px 16px 48px; color: #fff;
background: var(--voile), var(--lpp-fond-m, none) center / cover no-repeat, var(--nuit);
}
.lpp-t--conseiller > *, .lpp-t-integre, .lpp-t-integre .lpp-t-fen-corps, .lpp-t-res-tete { min-width: 0; }
.lpp-t-conseil-intro { position: relative; z-index: 1; }
.lpp-t--conseiller .lpp-t-surtitre { border-radius: 0; letter-spacing: .2em; padding: 8px 14px; margin-bottom: 18px; }
.lpp-t--conseiller .lpp-t-titre { font-size: clamp(34px, 8.5vw, 56px); line-height: 1.04; text-wrap: balance; text-transform: uppercase; }
.lpp-t-ins { white-space: nowrap; }
.lpp-t--conseiller .lpp-t-intro { font-size: 16px; line-height: 1.7; max-width: 580px; margin-top: 16px !important; color: rgba(255, 255, 255, .85); }
.lpp-t-conseil-etapes { list-style: none; padding: 0; margin: 26px 0 0; display: none; gap: 10px; }
.lpp-t-conseil-etapes li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: rgba(255, 255, 255, .92); }
.lpp-t-conseil-etapes b { flex: 0 0 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: rgba(253, 93, 20, .16); border: 1px solid rgba(253, 93, 20, .6); color: var(--or); font: 800 13px var(--titre); }
.lpp-t-conseil-points { list-style: none; padding: 0; margin: 20px 0 0; display: none; flex-wrap: wrap; gap: 8px 18px; }
.lpp-t-conseil-points li { position: relative; padding-left: 22px; font-size: 13.5px; color: rgba(255, 255, 255, .75); }
.lpp-t-conseil-points li::before { content: "✓"; position: absolute; left: 0; top: 1px; color: var(--or); font-weight: 800; }
.lpp-t-conseil-contact { margin-top: 24px !important; font: 600 12px var(--titre); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .6); } .lpp-t-hero-contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.lpp-t .lpp-t-hero-btn {
display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, .4);
background: rgba(3, 15, 39, .35); color: #fff; font: 700 13.5px/1 var(--titre); letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
transition: border-color .18s, background .18s;
}
.lpp-t .lpp-t-hero-btn:hover, .lpp-t .lpp-t-hero-btn:focus { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; }
.lpp-t .lpp-t-hero-btn svg { width: 16px; height: 16px; fill: currentColor; }
.lpp-t .lpp-t-hero-btn--wa { background: #1E8E4E; border-color: #1E8E4E; }
.lpp-t .lpp-t-hero-btn--wa:hover, .lpp-t .lpp-t-hero-btn--wa:focus { background: #177a42; border-color: #177a42; }
.lpp-t--conseiller .lpp-t-outil { position: relative; z-index: 1; color: var(--texte); }
@media (min-width: 768px) {
.lpp-t-conseil-etapes { display: grid; }
.lpp-t-conseil-points { display: flex; }
.lpp-t--conseiller { padding: 64px 32px 72px; background: var(--voile), var(--lpp-fond, none) center / cover no-repeat, var(--nuit); }
}
@media (min-width: 1024px) { .lpp-t--conseiller { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: start; padding: 88px max(40px, calc((100% - 1240px) / 2)) 96px; }
.lpp-t-conseil-intro { position: sticky; top: 130px; padding-top: 12px; } }
.lpp-t--conseiller.est-resultat { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.est-resultat .lpp-t-conseil-intro { position: static; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding-top: 0; }
.est-resultat .lpp-t-surtitre, .est-resultat .lpp-t-intro, .est-resultat .lpp-t-conseil-etapes, .est-resultat .lpp-t-conseil-points, .est-resultat .lpp-t-conseil-contact { display: none; }
.lpp-t--conseiller.est-resultat .lpp-t-titre { font-size: clamp(26px, 5vw, 36px); }
.est-resultat .lpp-t-hero-contact { margin-top: 0; }
@media (min-width: 1024px) { .lpp-t--conseiller.est-resultat { padding-top: 48px; padding-bottom: 64px; } }
.lpp-t-integre { position: relative; height: auto; max-height: none; max-width: none; transform: none; opacity: 1; border-radius: 22px; border: 0; box-shadow: 0 30px 70px rgba(0, 0, 0, .35); overflow: visible; background: #fff; }
.lpp-t-integre .lpp-t-fen-corps { overflow: visible; padding: 22px 18px 28px; }
.lpp-t-integre .lpp-t-nav { position: sticky; bottom: 0; margin: 26px -18px -28px; border-radius: 0 0 22px 22px; }
.lpp-t-integre textarea.lpp-t-champ { min-height: 130px; font-size: 16px; }
@media (min-width: 768px) {
.lpp-t-integre .lpp-t-fen-corps { padding: 30px 34px 34px; }
.lpp-t-integre .lpp-t-nav { margin: 30px -34px -34px; }
} .lpp-t-exemples { margin-top: 14px; }
.lpp-t-exemples-titre { font-size: 13px; color: var(--gris); margin-bottom: 8px !important; }
.lpp-t-exemples-liste { display: flex; flex-wrap: wrap; gap: 7px; }
.lpp-t .lpp-t-exemple {
padding: 8px 13px; border-radius: 999px; border: 1.5px solid var(--bord); background: #fff; color: var(--nuit);
font: 500 13.5px/1.2 var(--corps); text-transform: none; letter-spacing: 0; cursor: pointer; transition: border-color .15s, background .15s;
}
.lpp-t .lpp-t-exemple:hover, .lpp-t .lpp-t-exemple:focus { background: #fff; color: var(--nuit); border-color: var(--nuit); }
.lpp-t .lpp-t-exemple.est-actif, .lpp-t .lpp-t-exemple.est-actif:hover { background: var(--or-pale); border-color: var(--or); color: var(--or-fonce); }
.lpp-t .lpp-t-exemple.est-actif::before { content: "✓ "; font-weight: 700; } .lpp-t-dev { border-radius: 22px; background: #fff; box-shadow: 0 30px 70px rgba(0, 0, 0, .35); overflow: hidden; }
.lpp-t-dev-scene { position: relative; overflow: hidden; height: clamp(200px, 52vw, 300px); padding-top: 14px; background: linear-gradient(180deg, #F7F9FC 0%, #EEF2F7 100%); border-bottom: 4px solid var(--or); }
.lpp-t-dev-scene .lpp-ch { display: block; width: 100%; height: 100%; overflow: visible; } .lpp-t-dev-corps { padding: 22px 20px 26px; text-align: center; }
.lpp-t .lpp-t-dev-badge { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 6px 12px; background: var(--or-pale); color: var(--or-fonce); font: 700 11.5px/1 var(--titre); letter-spacing: .16em; text-transform: uppercase; }
.lpp-t-dev-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--or); animation: lpp-t-dev-clign 1.2s steps(2, jump-none) infinite; }
@keyframes lpp-t-dev-clign { 50% { opacity: .25; } }
.lpp-t .lpp-t-dev-titre { margin: 0; color: var(--nuit); font: 800 clamp(22px, 5.4vw, 28px)/1.15 var(--titre); text-transform: uppercase; text-wrap: balance; }
.lpp-t .lpp-t-dev-texte { max-width: 440px; margin: 10px auto 0; color: var(--gris); font-size: 15px; line-height: 1.6; }
.lpp-t-dev-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; }
@media (min-width: 768px) { .lpp-t-dev-corps { padding: 26px 34px 32px; } }
@media (prefers-reduced-motion: reduce) { .lpp-t-dev-badge::before { animation: none; } } #catalogue, #lpp-catalogue { scroll-margin-top: 118px; }
@media (max-width: 1024px) { #catalogue, #lpp-catalogue { scroll-margin-top: 74px; } } .lpp-t-tuiles-rail { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 24px; }  .lpp-t-tuiles-rail > .lpp-t-tuiles { grid-column: 1 / -1; order: -1; width: 100%; margin-bottom: 4px; }
.lpp-t-repere { display: flex; }
.lpp-t-repere-lien {
display: flex; align-items: center; gap: 11px; width: 100%; padding: 13px 15px; border: 1.5px solid transparent; border-radius: var(--rayon);
background: var(--or-pale); text-decoration: none; color: inherit;
transition: border-color .18s, box-shadow .18s, transform .18s;
}
.lpp-t-repere-lien:hover, .lpp-t-repere-lien:focus-visible {
border-color: var(--or); box-shadow: 0 6px 18px rgba(253, 93, 20, .18); transform: translateY(-1px); color: inherit;
}
.lpp-t-repere-ico {
flex: 0 0 38px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
border-radius: 999px; background: var(--or); color: #fff; line-height: 0;
}
.lpp-t-repere-ico .lpp-f-ico { width: 20px; height: 20px; }
.lpp-t-repere-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lpp-t-repere-txt strong { font: 800 15px/1.2 var(--titre); color: var(--nuit); text-transform: uppercase; letter-spacing: .02em; }
.lpp-t-repere-txt span { font: 600 12.5px/1.35 var(--corps); color: var(--or-fonce); }
@media (max-width: 559px) { .lpp-t-tuiles-rail > .lpp-t-tuiles { width: auto; }
}
@media (max-width: 600px) {
.lpp-t-tuiles-rail { grid-template-columns: 1fr 1fr; gap: 8px; }
.lpp-t-repere-lien { flex-direction: column; align-items: center; text-align: center; gap: 7px; padding: 12px 8px; }
.lpp-t-repere-ico { flex-basis: 34px; width: 34px; height: 34px; }
.lpp-t-repere-txt { align-items: center; }
.lpp-t-repere-txt strong { font-size: 13px; }
.lpp-t-repere-txt span { font-size: 11.5px; }
}  @media (min-width: 1830px) {
.lpp-t-tuiles-rail {
grid-template-columns: 232px minmax(0, 1fr) 232px; grid-template-rows: auto auto;
gap: 12px 20px; align-items: center; margin-bottom: 28px;
} .lpp-t-tuiles-rail > .lpp-t-tuiles { grid-column: 2; grid-row: 1 / span 2; order: 0; width: 100%; max-width: 1240px; margin: 0 auto; }
.lpp-t-tuiles-rail > .lpp-t-repere--g { grid-column: 3; grid-row: 1; }
.lpp-t-tuiles-rail > .lpp-t-repere--d { grid-column: 3; grid-row: 2; }
.lpp-t-repere-lien { align-items: center; }
}:root{--woocommerce:#720eec;--wc-green:#008a20;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-card-border-radius:8px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}