/* Fiche moustiquaire. Galerie native et contrôles HTML utilisables sans script. */
.premium-product{gap:56px;padding-bottom:64px}
.premium-product .product-visual{top:58px}
@media(min-width:900px){.premium-product .gallery-slide>img{max-height:55vh;object-fit:contain}}
.gallery{min-width:0}
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-margin-top:65px}
.gallery-slide>img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--pale)}
.gallery-slide figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--green);color:#fff;font-size:11px}
.gallery-slide figcaption>span:last-child{color:var(--accent);white-space:nowrap;font-size:10px}
.gallery-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:17px;letter-spacing:-.4px}
.gallery-nav button{border:1px solid var(--line);background:white;color:var(--ink);width:44px;height:44px;font-size:20px;flex-shrink:0}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.gallery-thumbs>a{display:block;position:relative;border:1px solid var(--line);padding:3px;text-decoration:none;min-width:44px;scroll-margin-top:70px}
.gallery-thumbs>a[aria-current=true]{border:2px solid var(--green);padding:2px}
.gallery-thumbs img{width:100%;aspect-ratio:1.25;object-fit:cover}
.gallery-thumbs a>span{position:absolute;bottom:5px;left:5px;background:#fff;color:var(--ink);font-size:9px;line-height:1.3;padding:2px 4px}
.gallery-disclosure{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.5}
.demo-link{display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);padding:16px 0;margin-top:20px;text-decoration:none;font-weight:600;font-size:12px}
.demo-link span:first-child{font-size:25px}.demo-link span:last-child{margin-left:auto;font-size:20px}
.trust-line{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:10px;line-height:1.6;font-weight:600;margin-bottom:18px}
.premium-product h1{font-size:clamp(38px,4.2vw,59px)}
.premium-product .product-description{margin-top:16px;font-size:15px;max-width:40ch}
.trust-qualification{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 26px}
.premium-product .packs{gap:12px}.premium-product .pack{min-height:94px;border-radius:4px;gap:10px;padding:16px 14px}
.premium-product .pack:has(input:checked){padding:15px 13px;background:#f3f6ed;box-shadow:0 0 0 1px var(--green)}
.premium-product .pack-text{gap:1px}.premium-product .pack-text strong{font-size:15px}.premium-product .pack small{font-size:11px}
.premium-product .pack small.unit-price{font-weight:600;color:var(--green);font-size:11px;margin-top:3px}
.premium-product .pack>b{font-size:18px}.premium-product .pack-badge{border-radius:2px;font-size:10px}
.sizes{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:0;padding:0;margin:26px 0 0;min-width:0}
.sizes legend{font-size:13px;font-weight:700;margin-bottom:12px}.sizes .field-error{grid-column:1/-1}
.size-button{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px 10px;border-radius:4px;min-height:49px;cursor:pointer;font-size:12px;font-weight:600}
.size-button input{margin:0;width:15px;height:15px;flex-shrink:0;accent-color:var(--green)}
.size-button:has(input:checked){border-color:var(--green);background:#f3f6ed;box-shadow:inset 0 0 0 1px var(--green)}
.size-button:has(input:focus-visible){outline:3px solid #718b21;outline-offset:3px}
.size-button--help{grid-column:1/-1;font-size:11px;font-weight:400}
.measure{margin:12px 0 6px;font-size:12px}.measure summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none;min-height:44px;display:flex;align-items:center;gap:10px;width:fit-content}
.measure-content{background:var(--pale);padding:20px;max-width:560px}.measure-content h2{font:700 19px/1.3 var(--body);letter-spacing:0;margin-bottom:14px}
.measure-content img{width:100%;max-height:45vh;object-fit:contain;background:white}.measure-content p{margin-top:12px;font-size:13px}.measure-close{margin-top:20px;min-height:44px;background:var(--green);color:white;padding:10px 16px;border:0}
.measure-dialog{border:0;padding:0;max-width:min(560px,calc(100vw - 32px));max-height:88dvh;color:var(--ink);overscroll-behavior:contain}.measure-dialog::backdrop{background:#071c17bb}.measure-dialog .measure-content{max-width:none}
.premium-product .addon{border:1px solid var(--line);padding:16px 12px;margin-top:18px;border-radius:4px;background:#fafbf8}.premium-product .addon strong{font-size:11px}.premium-product .addon b{font-size:12px}
.order-total{background:var(--pale);padding:16px;margin-top:18px;border-radius:4px}.order-total .total-row{padding:0 0 6px}.order-total .total-row>span{font-size:14px;font-weight:600}.order-total .total-row strong{font-size:27px}.order-total>p{font-size:10px;color:var(--muted)}.order-total noscript p{font-size:11px;margin-top:8px}
.premium-product .order-section{padding-top:26px;scroll-margin-top:60px}.premium-product .fields{margin-bottom:20px}.premium-product .submit{min-height:62px;font-size:13px;border-radius:3px}
.reassurance{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 0 0;margin:0}
.reassurance li>span{font-size:22px;display:block;line-height:1;margin-bottom:9px}.reassurance p{font-size:10px;line-height:1.5;font-weight:600}.reassurance small{display:block;font-size:9px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:4px}
.evening{background:#102e25;color:white;padding:68px 0}.evening-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.evening h2{font-size:70px}.evening em{color:var(--accent)}.evening-lead{font-size:21px;line-height:1.5;max-width:31ch;margin:25px 0 18px}.evening-grid>div>p:last-child{font-size:13px;color:#d2dfd5;max-width:44ch}.evening-grid img{aspect-ratio:1.12;width:100%;object-fit:cover}.evening-grid figcaption{font-size:10px;color:#d2dfd5;margin-top:10px}
.story-demo{margin-top:64px;padding-top:52px;border-top:1px solid #466457;scroll-margin-top:60px}.story-demo .section-heading{align-items:start}.story-demo .section-heading h2{font-size:52px}
.motion-main{position:relative;max-width:860px;margin-inline:auto}.motion-main video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#081d16}
.motion-control{border:1px solid #9db39f;min-height:44px;padding:10px 15px;color:var(--ink);background:white;font-size:11px;font-weight:600;position:absolute;right:12px;bottom:12px;z-index:1}
.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.motion-grid figure{position:relative;min-width:0}.motion-grid video{width:100%;aspect-ratio:1.2;object-fit:cover;background:#081d16}.motion-grid figcaption{font-size:12px;padding-top:12px}.motion-grid .motion-control{bottom:44px;right:8px;font-size:10px;padding:7px 11px}.motion-note{font-size:10px;color:#d2dfd5;line-height:1.7;max-width:90ch;margin-top:22px}
.section-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}.installation .how-grid img{aspect-ratio:4/3}
.comparison-section{background:#f7f8f3;padding-block:65px}.comparison-scroll{overflow-x:auto}.comparison{border-collapse:collapse;width:100%;min-width:620px;font-size:12px;text-align:left}.comparison caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:16px}.comparison th,.comparison td{border-bottom:1px solid var(--line);padding:20px 16px;vertical-align:top;width:20%;line-height:1.6}.comparison thead th{font-size:13px}.comparison tr>:nth-child(2){background:var(--green);color:white}.comparison thead tr>:nth-child(2){color:var(--accent)}.comparison tbody th{font-size:12px;font-weight:600}
.specifications{margin:22px 0 0;font-size:12px}.specifications>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-top:1px solid var(--line);padding:12px 0}.specifications dt{font-weight:600}.specifications dd{margin:0;color:var(--muted)}.faq-intro{margin-top:22px;max-width:28ch;color:var(--muted);font-size:13px}.faq summary{min-height:32px;padding-block:4px}.faq summary::after{top:0}.faq details p{font-size:13px;line-height:1.8}.reminder-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.reminder-grid img{aspect-ratio:1.4;width:100%;object-fit:cover}.reminder-offer{font-weight:700;font-size:16px;margin:24px 0 6px}.reminder-grid>div>p:not(.eyebrow):not(.reminder-offer){font-size:12px}.reminder .section-footnote{color:var(--ink);margin-top:12px}
@media(max-width:1100px){.premium-product{gap:32px}.premium-product .pack>b{font-size:16px}.evening-grid{gap:40px}.reminder-grid{gap:40px}.premium-product .pack small{font-size:10px}.trust-line{font-size:9px;gap:5px 8px}}
@media(max-width:899px){.premium-product{grid-template-columns:1fr;gap:26px;max-width:660px}.premium-product .product-visual{position:static}.gallery-slide>img{aspect-ratio:1.15}.gallery-thumbs{grid-template-columns:repeat(10,minmax(48px,1fr));overflow-x:auto;padding-bottom:6px}.gallery-thumbs img{aspect-ratio:1}.gallery-nav{padding:10px 0;font-size:16px}.premium-product h1{font-size:52px}.trust-line{font-size:10px;gap:5px 12px}.premium-product .pack small{font-size:11px}.premium-product .pack>b{font-size:18px}.evening-grid{gap:30px}.evening h2{font-size:56px}.evening-lead{font-size:18px}.reminder-grid{gap:30px}.reassurance p{font-size:11px}.reassurance small{font-size:10px}}
@media(max-width:599px){.premium-product{padding-inline:18px;padding-bottom:38px}.breadcrumb{padding-block:13px}.gallery-slide>img{aspect-ratio:1.12}.gallery-slide figcaption{padding:10px 12px;font-size:10px}.gallery-thumbs{gap:6px}.gallery-thumbs a>span{font-size:8px}.gallery-disclosure{font-size:9px}.demo-link{padding:11px 0;margin-top:14px;font-size:11px}.trust-line{font-size:9px;gap:3px 8px;margin-bottom:12px}.premium-product h1{font-size:43px}.premium-product .product-description{font-size:13px;margin-top:12px}.trust-qualification{margin-bottom:22px}.premium-product .pack{padding:16px 12px;min-height:96px}.premium-product .pack:has(input:checked){padding:15px 11px}.premium-product .pack-text strong{font-size:14px}.premium-product .pack small{font-size:10px}.premium-product .pack>b{font-size:17px}.premium-product .pack small.unit-price{font-size:10px}.sizes{margin-top:23px}.sizes legend{font-size:12px}.size-button{font-size:11px}.size-button--help{font-size:10px}.premium-product .addon{gap:8px;padding:14px 10px}.premium-product .addon strong{font-size:10px}.premium-product .addon small{font-size:9px}.premium-product .addon b{font-size:11px}.order-total>p{font-size:9px}.premium-product .submit{font-size:12px;padding-inline:12px;gap:10px}.reassurance{gap:12px}.reassurance p{font-size:10px}.reassurance small{font-size:9px}.evening{padding-block:38px}.evening-grid{grid-template-columns:1fr;gap:26px}.evening h2{font-size:55px}.evening-lead{font-size:19px}.evening-grid img{aspect-ratio:1.4}.story-demo{margin-top:36px;padding-top:32px}.story-demo .section-heading h2{font-size:38px}.motion-grid{gap:10px;margin-top:16px}.motion-grid video{aspect-ratio:.8}.motion-grid figcaption{font-size:10px;line-height:1.6;padding-top:10px;min-height:44px}.motion-grid .motion-control{position:static;width:100%;min-height:44px;font-size:9px;padding:7px 3px}.motion-main .motion-control{font-size:10px;right:8px;bottom:8px}.motion-note{font-size:10px}.installation .how-grid{gap:28px}.installation .how-grid img{aspect-ratio:1.5}.comparison-section{padding-block:38px}.comparison{min-width:600px}.comparison th,.comparison td{padding:16px 12px;font-size:11px}.comparison-scroll{margin-inline:-2px}.package__grid{gap:24px}.package__grid img{aspect-ratio:1.3}.specifications{font-size:11px}.specifications>div{grid-template-columns:95px 1fr}.section-footnote{font-size:10px}.faq-intro{max-width:38ch}.faq summary{font-size:12px}.faq details p{font-size:12px}.reminder-grid{grid-template-columns:1fr}.reminder-grid figure{display:none}.reminder-offer{font-size:14px}.measure-content{padding:18px}.measure-content p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}

/* Les textes des visuels validés doivent rester entiers, à toutes les largeurs. */
.premium-product .gallery-slide>img,.evening .evening-grid img,.package .package__grid img,.reminder .reminder-grid img{aspect-ratio:1;object-fit:contain}
.reassurance-delivery{max-width:360px;margin:24px auto 0}.reassurance-delivery img{width:100%;aspect-ratio:1;object-fit:contain}
.installation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.installation-grid img{width:100%;aspect-ratio:1;object-fit:contain}
.installation-steps{margin:0;padding-left:28px}.installation-steps li{padding-left:12px;margin-block:24px}.installation-steps li::marker{font-weight:700;color:var(--green)}.installation-steps p{font-size:13px;margin-top:10px;color:var(--muted)}
@media(max-width:599px){.installation-grid{grid-template-columns:1fr;gap:8px}.installation-steps p{font-size:12px}.installation-steps h3{font-size:17px}}
