@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}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; }
}