*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#faf9f5;color:#142e3c;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c98034;outline-offset:4px}.notice{background:#142f40;color:white;padding:10px 6%;font-size:11px;letter-spacing:1.6px;display:flex;justify-content:space-between}.notice span{letter-spacing:0;color:#d4dce1}header{padding:20px 6%;display:flex;align-items:center;justify-content:space-between;background:#faf9f5;border-bottom:1px solid #ddd;gap:20px}.logo{width:148px;height:58px;object-fit:contain}nav{display:flex;gap:28px;font-size:14px}.basket{padding:12px 18px;background:transparent;border:1px solid #bbc6cc;border-radius:4px}.basket span{background:#16364a;color:white;padding:3px 8px;border-radius:50%;margin-left:10px}.hero{padding:65px 6% 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#85623c;margin-bottom:22px}h1{font-size:clamp(42px,4.4vw,70px);letter-spacing:-3px;line-height:1.07;margin:0 0 27px}h1 em{font-family:Georgia,serif;font-weight:400;color:#8c6742}h2{font-size:clamp(30px,3vw,46px);letter-spacing:-1.4px;line-height:1.15;margin:0 0 22px}h3{line-height:1.25}.lead{font-size:17px;color:#52636c;max-width:490px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.primary{display:inline-block;background:#16384c;color:#fff;border:0;padding:15px 22px;border-radius:4px;font-weight:bold;font-size:14px}.primary:hover{background:#25556d}.textLink{display:inline-block;font-size:14px;border-bottom:1px solid #9aa5a9;margin:14px 0}.muted,small{font-size:12px;color:#66747b}.heroArt{position:relative;min-height:460px;background:#ddd;overflow:hidden;border-radius:4px}.heroArt>img{position:absolute;width:100%;height:100%;object-fit:cover}.heroArt:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0a2539e8)}.artLabel{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;color:white}.artLabel span{font-size:10px;letter-spacing:2px}.artLabel strong{display:block;font-size:32px;line-height:1.2;margin:16px 0}.artLabel small{color:#d3dce0}.trust{padding:28px 6%;border-block:1px solid #dfe1dc;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#f0f0e9}.trust b{font-size:13px}.trust p{font-size:13px;margin:5px 0;color:#647078}.section{padding:80px 6%}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.sectionHead>p{color:#647078;font-size:14px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{background:#eeeee8;padding:24px;border:1px solid #e0e2da;border-radius:5px}.category>span{font-size:10px;letter-spacing:1.5px;color:#6c777b}.category img{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply;margin:18px 0}.category h3{font-size:19px;margin:10px 0}.category p{font-size:13px;color:#66747b;min-height:42px}.category b{font-size:12px}.catalogue{background:#fff}.pill{font-size:12px;background:#edf1ef;padding:8px 15px;border-radius:30px;white-space:nowrap}.empty{text-align:center;border:1px dashed #bbc7cb;border-radius:6px;padding:50px 20px;background:#fafbf9}.boxIcon{font-size:45px;color:#a28763}.empty h3{font-size:25px;margin:12px}.empty p{max-width:520px;margin:0 auto 25px;color:#66747b}.empty small{display:block;margin-top:16px}.approach{background:#153548;color:white}.approach .eyebrow{color:#dac2a1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.steps span{color:#d2b38b;font-size:13px}.steps p{color:#c0cdd3;font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}details{border-bottom:1px solid #d6dcdb;padding:19px 0}summary{cursor:pointer;font-weight:bold;font-size:15px}details p{font-size:14px;color:#63717a}.contact{background:#e9ece7;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div p{max-width:400px}.contact>div a{border-bottom:1px solid}.contact form{display:grid;gap:16px}label{display:grid;gap:5px;font-size:13px;font-weight:bold}label span{font-weight:normal}input,textarea{width:100%;border:1px solid #bec7c6;padding:12px;background:#fff;border-radius:3px}form small{line-height:1.5}footer{padding:50px 6% 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;font-size:13px}footer>div>a,footer button{display:block;margin:10px 0}footer button{border:0;background:none;padding:0;color:inherit;text-align:left;font-size:13px}footer b{font-size:11px;text-transform:uppercase;letter-spacing:1px}.footerBottom{grid-column:1/-1;border-top:1px solid #ddd;padding-top:20px;color:#6c777e}dialog{border:0;border-radius:8px;max-width:600px;width:calc(100% - 32px);padding:50px 35px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#09233399}dialog .close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:28px}.checkout{max-width:850px;margin:auto;min-height:60vh}.checkout .empty{margin-top:30px}.stagebar{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#70818b;margin:30px 0}.stagebar span{padding:8px 12px;background:#edf0ec;border-radius:3px}@media(max-width:800px){header{flex-wrap:wrap;padding:15px 5%}.logo{width:120px;height:45px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero{padding:40px 5%;grid-template-columns:1fr;gap:25px}h1{letter-spacing:-2px}.heroArt{min-height:310px}.section{padding:50px 5%}.sectionHead{display:block}.categories{grid-template-columns:1fr 1fr}.category{padding:17px}.category img{height:105px}.trust{grid-template-columns:1fr;gap:16px}.steps,.faq,.contact{grid-template-columns:1fr;gap:28px}.notice{font-size:9px;padding:9px 5%}.notice span{max-width:140px;text-align:right}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.artLabel strong{font-size:28px}.empty h3{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* LOTGEEP — bleu nuit & or du monogramme Famille */
:root{--navy:#092236;--gold:#ae7a34;--cream:#fbf8f2}body{background:var(--cream);color:var(--navy)}.notice{background:var(--navy);border-bottom:2px solid #c49a56}header{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;padding:25px 6% 18px;background:#fff;border-bottom:1px solid #e5d7bd}header>a:first-child{grid-column:2;grid-row:1;justify-self:center}header .logo{width:clamp(230px,29vw,380px);height:auto;display:block}header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:40px;padding-top:16px;border-top:1px solid #eee5d5}header .basket{grid-column:3;grid-row:1;justify-self:end;border-color:#c8ad7b;color:var(--navy)}.basket span,.primary{background:var(--navy)}.primary{border:1px solid #b58c4e;border-radius:6px;box-shadow:0 4px 14px #09223612}.primary:hover{background:#183e58}.hero{background:radial-gradient(ellipse at top left,#eee1c650,transparent 65%);gap:55px}.eyebrow,h1 em{color:#936524}.heroArt{border-radius:18px 18px 65px 18px;box-shadow:0 20px 45px #0922361a}.heroArt:after{background:linear-gradient(transparent,#061c30f2)}.trust{background:#f0e8d9;border-color:#e0cfad}.category{background:#fff;border-color:#e7dcc8;border-radius:12px;transition:transform .2s,box-shadow .2s}.category:hover{transform:translateY(-4px);box-shadow:0 12px 30px #09223612}.category b{color:#916323}.category>span{color:#866b42}.approach{background:var(--navy);border-top:3px solid #bd9655}.steps span{color:#e2bf80}.contact{background:#eee5d5}.pill{background:#f0e5ce;color:#75531f}.empty{background:#fcfaf5;border-color:#c9ad79}.boxIcon{color:var(--gold)}footer{background:#fff}footer>div:first-child{text-align:center}footer .logo{width:220px;height:auto}dialog::backdrop{background:#061b30b3}input:focus,textarea:focus{border-color:var(--gold)}
@media(max-width:800px){header{grid-template-columns:1fr;gap:15px;padding:22px 5% 16px}header>a:first-child{grid-column:1;grid-row:1}header .logo{width:min(310px,82vw);height:auto}header nav{grid-column:1;grid-row:2;gap:12px;justify-content:space-between;width:100%;padding-top:15px}header .basket{grid-column:1;grid-row:3;justify-self:center;padding:9px 20px}.hero{gap:30px}.heroArt{border-radius:14px 14px 45px 14px}.category:hover{transform:none}.notice{gap:15px}.actions{gap:14px}footer .logo{width:230px}}

.proNav{color:#876022;font-weight:bold}.proSection{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#092236;color:#fff;scroll-margin-top:20px}.proIntro .eyebrow{color:#e0bd7e}.proIntro>p{max-width:480px;color:#d9e1e6}.proIntro ul{padding-left:20px;color:#e6d2aa;line-height:2}.proIntro .proNote{font-size:13px;color:#b9c7d0;border-top:1px solid #52616b;padding-top:20px}.proSection form{display:grid;gap:16px;background:#fff;color:#092236;padding:30px;border:1px solid #c6a567;border-radius:14px}.proSection h3{margin:0 0 8px;font-size:24px}.proFields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proConsent{display:flex;align-items:flex-start;gap:10px;font-weight:normal;line-height:1.5}.proConsent input{width:18px;height:18px;flex-shrink:0;margin-top:2px}.proSection small{line-height:1.6}.proSection #proStatus:empty{display:none}@media(max-width:800px){.proSection{grid-template-columns:1fr;gap:25px}.proSection form{padding:22px 18px}.proFields{grid-template-columns:1fr}header nav{flex-wrap:wrap;justify-content:center;gap:12px 20px}}

@media(min-width:1100px){.categories{grid-template-columns:repeat(5,minmax(0,1fr))}.category{padding:18px}.category h3{font-size:18px}}

.detailMain{max-width:1450px;margin:auto;padding:25px 6%}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:35px 0 65px}.detailGrid h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1.8px}.detailVisual{background:white;border:1px solid #e7dcc8;border-radius:16px;padding:28px;text-align:center}.detailVisual img{width:100%;height:370px;object-fit:contain}.detailVisual small{display:block;margin-top:20px}.detailChecks{padding-left:22px;line-height:1.9}.detailGrid h3{margin-top:30px}.detailGrid p{max-width:550px}.detailOthers{padding:35px 0 60px;border-top:1px solid #e7dcc8}.detailLinks{display:flex;flex-wrap:wrap;gap:14px}.detailLinks a:hover{background:#e6d1a8}@media(max-width:800px){.detailGrid{grid-template-columns:1fr;gap:30px;padding-top:20px}.detailVisual img{height:240px}.detailVisual{padding:20px}.detailMain{padding:20px 5%}.detailGrid h1{font-size:38px}.detailGrid .actions{display:grid}}

.carouselControls{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:650px;margin:20px auto 10px;text-align:center}.carouselControls[hidden],.carouselDots[hidden]{display:none}.carouselControls button{width:48px;height:48px;border:1px solid #b48d4f;border-radius:50%;background:#092236;color:#fff;font-size:23px;flex-shrink:0}.carouselControls button:hover{background:#23465e}.carouselControls .eyebrow{margin:0 0 3px}.carouselControls #slideCount{font-size:14px}.carouselDots{display:flex;justify-content:center;gap:12px;padding:12px}.carouselDots button{width:12px;height:12px;padding:0;border:1px solid #a57a37;border-radius:50%;background:transparent}.carouselDots button.active{background:#a57a37}.detailGrid:focus-visible{outline:2px solid #ae7a34;outline-offset:8px}.detailGrid{touch-action:pan-y}

.packGallery{display:flex;align-items:center;justify-content:center;gap:8px;min-height:330px}.packGallery img{width:100%;min-width:0;height:auto;max-height:330px;object-fit:contain}.packGallery[data-quantity="2"] img{width:calc(50% - 4px)}.packGallery[data-quantity="3"] img{width:calc(33.333% - 6px)}.packNote{padding:15px;border-left:3px solid #b48d4f;background:#f2e9d8;font-size:14px}.carouselDots button:has(+button),.carouselDots button:last-child{width:auto;height:auto;min-height:40px;padding:8px 16px;border-radius:24px;font-size:13px}.carouselDots button.active{color:white}.carouselDots{flex-wrap:wrap}@media(max-width:800px){.packGallery{min-height:220px;flex-wrap:wrap}.packGallery[data-quantity="3"] img{width:calc(50% - 4px)}.packGallery[data-quantity="3"] img:last-child{width:50%}}

.testPrice{display:grid;gap:6px;padding:22px;margin:22px 0;background:#fff;border:1px solid #c3a165;border-radius:10px}.testPrice>span{font-size:11px;letter-spacing:1.5px;font-weight:bold;color:#896122}.testPrice>strong{font-size:42px;line-height:1.2;color:#092236}.testPrice small{display:block}.testPrice small:last-child{margin-top:8px;font-size:11px}

.carouselPlay{display:block;margin:5px auto 22px;border:1px solid #b48d4f;border-radius:22px;padding:9px 18px;background:#fff;color:#092236;font-size:13px}.carouselPlay:hover{background:#f0e5ce}

/* Lecture compacte — page sacs-poubelle */
.sacsCompact .detailMain{font-size:14px;line-height:1.55}.sacsCompact .detailGrid h1{font-size:clamp(27px,2.6vw,36px);letter-spacing:-.8px;line-height:1.18;margin-bottom:16px}.sacsCompact .detailGrid .lead{font-size:15px;line-height:1.6}.sacsCompact .detailGrid h3{font-size:16px;margin:20px 0 10px}.sacsCompact .detailChecks{font-size:14px;line-height:1.7;padding-left:19px}.sacsCompact .detailGrid p{margin-top:12px;margin-bottom:12px}.sacsCompact .testPrice{padding:16px;margin:16px 0;gap:5px}.sacsCompact .testPrice>strong{font-size:30px}.sacsCompact .testPrice>span{font-size:10px;letter-spacing:1px}.sacsCompact .packNote{font-size:13px;padding:12px}.sacsCompact .detailGrid .actions{margin:20px 0;gap:14px}.sacsCompact .detailGrid .primary{font-size:13px;padding:12px 17px}.sacsCompact .detailGrid .textLink{font-size:13px}.sacsCompact .carouselControls #slideCount{font-size:13px}.sacsCompact .detailOthers h2{font-size:27px;letter-spacing:-.7px}.sacsCompact .detailGrid{gap:40px;padding-bottom:45px}@media(max-width:800px){.sacsCompact .detailGrid h1{font-size:28px}.sacsCompact .detailGrid .lead{font-size:14px}.sacsCompact .detailGrid{gap:22px}.sacsCompact .detailOthers h2{font-size:24px}.sacsCompact .testPrice>strong{font-size:29px}}
.sacsCompact .detailGrid h1{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

/* Navigation discrète sur la page sacs-poubelle */
.sacsCompact .carouselDots{margin:0 auto 10px;gap:10px;padding:10px;flex-wrap:nowrap}.sacsCompact .carouselDots button,.sacsCompact .carouselDots button:has(+button),.sacsCompact .carouselDots button:last-child{width:9px;height:9px;min-height:0;min-width:0;border-radius:50%;padding:0;border:1px solid #ad884c;background:#e6dccb;font-size:0;position:relative}.sacsCompact .carouselDots button::before{content:'';position:absolute;inset:-10px;border-radius:50%}.sacsCompact .carouselDots button.active{background:#092236;border-color:#092236}.sacsCompact .carouselControls>div{visibility:hidden}.sacsCompact .carouselControls{margin:12px auto 0}.sacsCompact .detailGrid{padding-bottom:20px}

/* Mastic : fiche et visuels plus compacts */
.masticCompact .detailMain{font-size:13px;line-height:1.5}.masticCompact .detailGrid h1{font-size:25px;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px}.masticCompact .detailGrid .lead{font-size:13px;line-height:1.5}.masticCompact .detailGrid h3{font-size:14px;margin:15px 0 8px}.masticCompact .detailChecks{font-size:13px;line-height:1.6}.masticCompact .detailVisual{padding:16px}.masticCompact .packGallery{min-height:0;height:250px}.masticCompact .packGallery img{width:auto;max-width:100%;height:250px;max-height:250px;object-fit:contain}.masticCompact .detailVisual small{font-size:11px;margin-top:10px}.masticCompact .packNote{font-size:12px;padding:10px}.masticCompact .testPrice{padding:12px;margin:12px 0;gap:4px}.masticCompact .testPrice>strong{font-size:25px}.masticCompact .detailGrid .primary{font-size:12px;padding:10px 14px}.masticCompact .detailGrid .actions{margin:14px 0}.masticCompact .detailGrid{padding-top:18px;gap:30px}.masticCompact .detailOthers{padding:25px 0 35px}.masticCompact .detailOthers h2{font-size:22px}.masticCompact .carouselControls{margin-top:5px}.masticCompact .carouselControls button{width:38px;height:38px;font-size:19px}@media(max-width:800px){.masticCompact .detailMain{padding-top:12px}.masticCompact .detailGrid h1{font-size:23px}.masticCompact .packGallery,.masticCompact .packGallery img{height:190px;max-height:190px}.masticCompact .detailGrid{gap:16px;padding-top:12px}.masticCompact .detailVisual{padding:12px}.masticCompact .detailGrid p{margin:9px 0}.masticCompact .testPrice>strong{font-size:24px}}

.masticCompact .packGallery[data-quantity="2"] img{width:calc(50% - 4px);height:auto;max-height:250px}.masticCompact .packGallery[data-quantity="3"] img{width:calc(33.333% - 6px);height:auto;max-height:250px}@media(max-width:800px){.masticCompact .packGallery{flex-wrap:nowrap}.masticCompact .packGallery[data-quantity="2"] img{width:calc(50% - 4px);max-height:190px}.masticCompact .packGallery[data-quantity="3"] img,.masticCompact .packGallery[data-quantity="3"] img:last-child{width:calc(33.333% - 6px);max-height:190px}}

body:has(script[src="rubans-carousel.js"]) .packGallery{display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px}body:has(script[src="rubans-carousel.js"]) .packGallery[data-quantity="2"],body:has(script[src="rubans-carousel.js"]) .packGallery[data-quantity="4"]{grid-template-columns:1fr 1fr}body:has(script[src="rubans-carousel.js"]) .packGallery img{width:100%!important;height:auto;max-height:100%;object-fit:contain}body:has(script[src="rubans-carousel.js"]) .packGallery[data-quantity="4"] img{max-height:115px}@media(max-width:800px){body:has(script[src="rubans-carousel.js"]) .packGallery[data-quantity="4"] img{max-height:85px}}
/* Logo signé plus discret sur les fiches produits */
body:has(.detailMain) header .logo{width:260px;height:auto}
body:has(.detailMain) header{padding-top:18px;padding-bottom:14px}
body:has(.detailMain) footer .logo{width:175px;height:auto}
@media(max-width:800px){body:has(.detailMain) header .logo{width:min(220px,70vw)}body:has(.detailMain) header{padding-top:16px;padding-bottom:12px}body:has(.detailMain) footer .logo{width:175px}}