.hero-product{opacity:.38;object-fit:cover;transform:scale(1.10)}
.hero-art{background:#171916}.hero-art::after{background:linear-gradient(180deg,#10130f35,#10130f1c 40%,#080b08df)}
.art-caption{bottom:50px}.art-topline{color:#f6eee4}.price-after-bonus{color:#8c4a0f!important;font-weight:700!important}
.protection-choice-copy small{line-height:1.55;max-width:530px}
.searchable-catalog{padding-block:72px}.searchable-catalog>p{max-width:800px;line-height:1.8}.searchable-catalog details{margin-top:28px}.searchable-catalog summary{cursor:pointer;padding-block:16px}
.category-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.category-links a{border:1px solid #c9c1b2;border-radius:30px;padding:11px 18px;text-decoration:none}.category-links a:hover{background:#efddbe}
.model-links{columns:3;line-height:2;list-style:none;padding:10px 0}.model-links a{text-underline-offset:4px}
.secondary-nav{display:flex;gap:26px;color:#fff;font-size:13px;flex-wrap:wrap}.secondary-nav a{text-decoration:none}.secondary-nav a:hover{color:#f19c47}
.content-page{padding-block:55px 80px}.content-page h1{font:600 clamp(40px,5vw,66px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:28px 0}.content-page>p{max-width:850px;line-height:1.8;margin-block:22px}.content-page h2{font-size:28px;margin:42px 0 18px}.content-page .eyebrow{margin-top:30px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:30px}.directory-card{padding:28px;border:1px solid #d9d3c9;border-radius:18px;background:#fff;text-decoration:none;color:#1f211c}.directory-card h2{font-size:25px;margin:18px 0}.directory-card>span{font-size:12px;color:#7c7464}.directory-card p{font-size:13px;line-height:1.7}.directory-card strong{font-size:13px;color:#ac5b14}
.bonus-info{background:#efdfc4;border:1px solid #dcc39d;padding:24px;border-radius:16px;margin:30px 0;line-height:1.7}.bonus-info strong{font-size:20px}.bonus-info p{margin:8px 0 0}
.table-scroll{overflow:auto}.price-table{border-collapse:collapse;width:100%;min-width:650px;background:#fff}.price-table th,.price-table td{text-align:left;padding:17px 20px;border-bottom:1px solid #e0dcd2;line-height:1.5;font-size:14px}.price-table thead{background:#25261f;color:#fff}.price-table tbody th{font-weight:600}.information-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.information-grid p{line-height:1.8}
.legal-page{max-width:920px}.legal-page p{line-height:1.85}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.result-actions a[aria-disabled=true]{pointer-events:none;opacity:.6}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom a{color:inherit;text-underline-offset:4px}
.accessories-page-hero{padding-top:38px;padding-bottom:55px}.accessories-page-hero .eyebrow{margin-bottom:18px}.accessories-page-hero h1{font-size:clamp(40px,5vw,69px);line-height:1.08;letter-spacing:-.05em;margin:0}.hydrogel-section>.section-heading{border-top:1px solid #d9d3c9;padding-top:35px}.hydrogel-measure{font-size:10px;letter-spacing:.06em}.accessories-hero-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:50px;align-items:end}.accessories-hero-layout>p{line-height:1.8}.accessory-contact{padding:60px 0 90px}
@media(max-width:760px){.model-links{columns:2}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-nav{gap:10px 15px;font-size:11px;justify-content:flex-end;max-width:235px}.secondary-nav a{padding-block:6px}.information-grid{grid-template-columns:1fr;gap:0}.accessories-hero-layout{grid-template-columns:1fr;gap:10px}.directory-card{padding:20px}.directory-card h2{font-size:22px}}
@media(max-width:440px){.directory-grid{grid-template-columns:1fr}.model-links{columns:1}.content-page h1{font-size:39px}.content-page{padding-top:32px}.secondary-nav{max-width:210px}.bonus-info{padding:18px}.category-links{gap:8px}.category-links a{font-size:12px;padding:10px 13px}}

/* The storefront and the services are the first things a visitor sees. */
.whatsapp-float{position:fixed;right:24px;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:25;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#008c69;color:#fff;border:3px solid #fff;box-shadow:0 5px 20px #092f2b33;transition:background .2s,transform .2s}
.whatsapp-float>svg{width:33px;height:33px}.whatsapp-float:hover{background:#006e51;transform:translateY(-2px)}.whatsapp-float:focus-visible{outline:3px solid #f39b4c;outline-offset:4px}
.whatsapp-float-label{position:absolute;right:calc(100% + 13px);background:#fff;color:#254f40;font-size:12px;font-weight:650;white-space:nowrap;padding:10px 15px;border-radius:9px;box-shadow:0 4px 16px #142c2515;opacity:0;visibility:hidden;transform:translateX(5px);transition:.2s;pointer-events:none}
.whatsapp-float:hover .whatsapp-float-label,.whatsapp-float:focus-visible .whatsapp-float-label{opacity:1;visibility:visible;transform:none}
@media(max-width:650px){.whatsapp-float{width:56px;height:56px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.whatsapp-float>svg{width:30px;height:30px}.whatsapp-float-label{display:none}}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float-label{transition:none}}
.hero-storefront{grid-template-columns:1.05fr 1fr;gap:52px;padding-block:40px 45px}
.hero-storefront h1{font-size:clamp(36px,3.6vw,54px);font-weight:600;line-height:1.09;letter-spacing:-.05em;margin-top:23px}
.hero-title-intro{display:block;font-size:.63em;font-weight:500;letter-spacing:-.035em;margin-bottom:8px}
.hero-title-devices,.hero-storefront h1 em{display:block}
.hero-storefront h1 em{margin-top:4px}
.hero-motto{font:500 22px/1.4 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin-top:20px}
.hero-storefront .hero-description{font-size:13px;line-height:1.8;margin-top:9px;max-width:510px}
.qualirepar-note{display:flex;align-items:center;gap:11px;margin-top:19px;color:#3c523a}
.qualirepar-check{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #aaba9e;background:#e9eee2;flex:none;font-size:16px}
.qualirepar-note strong,.qualirepar-note p>span{display:block;font-size:11px;line-height:1.55}
.qualirepar-note p>span{font-size:9px;color:#6d7568;margin-top:2px}
.hero-storefront .hero-search{margin-top:23px}
.hero-storefront .hero-actions{gap:16px 28px;margin-top:18px}
.hero-storefront .story-link{color:#8b4a1d;border-color:#c8a889}
.storefront-card{margin:0;border:1px solid #ded8cd;border-radius:20px;background:#eeebe3;overflow:hidden;box-shadow:0 16px 42px #3924140a}
.storefront-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.storefront-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px}
.storefront-card .eyebrow{font-size:8px;color:#7d6853;letter-spacing:.12em}
.storefront-card strong{display:block;font:500 24px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin-top:7px}
.storefront-card figcaption p{font-size:10px;line-height:1.7;color:#70695d;margin-top:7px}
.storefront-card figcaption>a{display:grid;place-items:center;width:41px;height:41px;border:1px solid #cabbab;border-radius:50%;color:#a2511b;font-size:24px;flex:none}
.storefront-card figcaption>a:hover{background:#f7ddbb}
.story-intro{padding-block:42px 55px}.story-intro .back-link{margin-bottom:35px}
.story-intro-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}
.story-intro h1{font-size:clamp(38px,4.1vw,60px);line-height:1.1;letter-spacing:-.052em;margin-top:22px}
.story-lead{font-size:15px;color:#6b685e;line-height:1.9;margin-top:25px;max-width:570px}
.story-photo{margin:0;overflow:hidden;border-radius:18px;background:#eee9df}
.story-photo img{display:block;width:100%;height:auto}.story-photo figcaption{font-size:11px;color:#756750;padding:16px 22px}
.story-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 0;list-style:none;border-block:1px solid #dad5ca;gap:40px}
.story-milestones li{display:flex;align-items:center;gap:20px}.story-milestones strong{font:500 35px/1.2 'Space Grotesk',sans-serif;color:#af571c;letter-spacing:-.05em}.story-milestones span{font-size:11px;line-height:1.8;color:#706958;max-width:200px}
.story-body{display:grid;grid-template-columns:1fr 2.15fr;gap:85px;padding-block:72px}
.story-aside>p:not(.eyebrow){font:500 29px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin-top:23px}
.story-aside>span{display:block;font-size:11px;color:#8a735b;margin-top:20px}
.story-prose{max-width:740px}.story-prose section+section{margin-top:47px}.story-prose h2{font:500 31px/1.17 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin-bottom:21px}.story-prose p{font-size:15px;line-height:1.95;color:#5f5d56}.story-prose p+p{margin-top:18px}.story-prose strong{font-weight:650;color:#30332b}
.story-prose blockquote{margin:31px 0;padding:27px 30px;background:#efe2cd;border-left:3px solid #c67934;border-radius:0 12px 12px 0}.story-prose blockquote p{font:500 25px/1.35 'Space Grotesk',sans-serif;color:#563617;letter-spacing:-.025em}.story-prose cite{display:block;font-size:11px;font-style:normal;color:#89653e;margin-top:15px}.story-prose .story-conclusion{font-size:21px;line-height:1.5;color:#a45219;font-weight:600;margin-top:26px}
.story-visit{display:flex;justify-content:space-between;gap:55px;align-items:center;border-top:1px solid #dad5ca;padding-block:50px 75px}.story-visit h2{font-size:38px;margin:20px 0}.story-visit p:not(.eyebrow){font-size:13px;color:#746b5f;line-height:1.8}.story-visit-actions{max-width:340px;display:flex;gap:12px;flex-wrap:wrap}.story-visit-actions p{margin-top:7px;font-size:11px!important}
@media(max-width:1100px){.hero-storefront{gap:32px}.hero-storefront h1{font-size:38px}.storefront-card figcaption{padding:21px}.storefront-card strong{font-size:21px}.story-intro-grid{gap:34px}.story-body{gap:40px}.story-milestones{gap:22px}.story-milestones li{display:block}.story-milestones span{display:block;margin-top:8px}}
@media(max-width:900px){.hero-storefront{grid-template-columns:1fr 1fr;gap:25px}.hero-storefront h1{font-size:34px}.hero-storefront .hero-description{font-size:12px}.hero-storefront .hero-search>button{width:auto;min-width:108px;padding:0 10px}.hero-storefront .hero-search>button>span{display:inline}.hero-storefront .hero-search>button>svg{display:none}.storefront-card figcaption{padding:18px}.storefront-card figcaption>a{display:none}.story-body{grid-template-columns:1fr 2.5fr;gap:25px}.story-aside>p:not(.eyebrow){font-size:23px}}
@media(max-width:760px){.site-header:has(.secondary-nav) .header-inner{height:auto;min-height:88px;padding-block:12px;gap:15px;justify-content:space-between}.story-intro-grid{grid-template-columns:1fr;gap:32px}.story-photo{max-width:580px}.story-body{grid-template-columns:1fr;gap:32px;padding-block:44px}.story-aside>p:not(.eyebrow),.story-aside>span{display:none}.story-visit{display:block}.story-visit-actions{margin-top:27px;max-width:none}}
@media(max-width:650px){.hero-storefront{grid-template-columns:1fr;gap:29px;padding-block:30px}.hero-storefront h1{font-size:clamp(31px,8.6vw,44px);margin-top:19px}.hero-title-intro{font-size:.69em;margin-bottom:8px}.hero-motto{font-size:21px;margin-top:18px}.hero-storefront .hero-description{margin-top:10px;font-size:12px}.hero-storefront .hero-actions{gap:21px;margin-top:20px}.qualirepar-note{margin-top:17px}.storefront-card{border-radius:16px}.storefront-card figcaption{padding:21px}.storefront-card figcaption>a{display:grid}.storefront-card strong{font-size:24px}.story-intro{padding-top:28px;padding-bottom:35px}.story-intro h1{font-size:39px}.story-lead{font-size:14px;line-height:1.85}.story-milestones{gap:20px;padding-block:24px;grid-template-columns:1fr}.story-milestones li{display:flex;gap:22px}.story-milestones span{margin:0;max-width:none;font-size:11px}.story-milestones strong{font-size:31px;min-width:74px}.story-prose h2{font-size:28px}.story-prose p{font-size:14px}.story-prose blockquote{padding:24px}.story-prose blockquote p{font-size:23px}.story-visit h2{font-size:33px}.story-visit{padding-block:34px 50px}}

/* Prix après bonus : montant principal, avec tarif atelier et vérification lisibles. */
.repair-option .option-price.has-bonus{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;white-space:normal}
.bonus-price-highlight{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:190px;padding:15px 20px;background:#ffab45;color:#21180f;border:1px solid #e3902c;border-radius:12px;text-align:center}
.repair-option .bonus-price-amount{font-family:"Space Grotesk",sans-serif;font-size:40px;font-weight:700;line-height:1.08;letter-spacing:-1.4px;white-space:nowrap}
.repair-option .bonus-price-label{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:0}
.repair-option .option-price .price-before-bonus{font-family:Manrope,sans-serif;font-size:12px;line-height:1.5;font-weight:500;color:#5a554e;white-space:normal}
.repair-info .rear-bonus-note,.rear-bonus-note{display:block;font-family:Manrope,sans-serif;font-size:12px;line-height:1.65;color:#624015;font-weight:600;max-width:550px;margin-top:8px}
.price-table td.table-after-bonus{font-size:23px;font-weight:800;color:#713a0b;background:#fff1db}
@media(max-width:600px){
 .repair-option:has(.has-bonus){display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px}
 .repair-option:has(.has-bonus)>input{margin-top:5px}
 .repair-option .option-price.has-bonus{grid-column:2;width:100%;align-items:stretch;text-align:left;gap:7px}
 .bonus-price-highlight{min-width:0;padding:13px 16px}
 .repair-option .bonus-price-amount{font-size:36px}
 .repair-option .bonus-price-label{font-size:13px}
 .repair-option .option-price .price-before-bonus{font-size:12px;text-align:center}
 .repair-info .rear-bonus-note{font-size:12px}
}
.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.model-card{display:grid;grid-template-columns:82px minmax(0,1fr) 14px;grid-template-rows:auto auto auto;align-content:center;align-items:center;column-gap:13px;row-gap:3px;padding:15px;min-height:116px;text-align:left}
.model-card .device-thumbnail{grid-column:1;grid-row:1/4;width:82px;height:82px;object-fit:contain;background:radial-gradient(ellipse at 50% 35%,#fff,#eef1f4);border-radius:14px;padding:2px}
.model-card>strong{grid-column:2;grid-row:1;font-size:15px;line-height:1.25;margin:0;letter-spacing:-.025em;text-align:left;width:100%}
.model-card>small{grid-column:2;grid-row:2;font-size:10px;line-height:1.5;margin:0;color:#766e62}
.model-card .model-cta{grid-column:2;grid-row:3;width:auto;border:0;padding:0;margin:2px 0 0;font-size:11px;color:#a04a12;line-height:1.4}
.model-card>span:last-child:not(.device-drawing){position:static;grid-column:3;grid-row:1/4;align-self:center;font-size:18px;color:#a28163}
.repair-heading-identity,.device-page-identity{display:flex;align-items:center;gap:22px}
.repair-device-visual{margin:0;flex:none;text-align:center}
.repair-device-visual img{display:block;object-fit:contain;background:linear-gradient(150deg,#fff,#eceff1);border-radius:19px}
.repair-device-visual figcaption{font-size:9px;color:#7a756d;line-height:1.5;margin-top:5px}
.model-reference{font-size:12px!important;color:#736d63;margin:8px 0!important;line-height:1.6}
.device-page-identity{margin:25px 0}
.device-page-identity h1{margin:0}
.directory-thumbnail{float:right;width:100px;height:100px;object-fit:contain;margin:-8px -8px 10px 12px;background:linear-gradient(145deg,#fafbfc,#eef1f3);border-radius:16px}
.directory-card{min-width:0}.directory-card h2{overflow-wrap:anywhere}
@media(max-width:980px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card{grid-template-columns:72px minmax(0,1fr) 12px;gap:4px 10px;padding:13px}.model-card .device-thumbnail{width:72px;height:78px}.model-card>strong{font-size:14px;margin:0}.model-card .model-cta{margin:2px 0 0;padding:0}}
@media(max-width:520px){.model-grid{grid-template-columns:1fr;gap:10px}.model-card{min-height:101px;grid-template-columns:76px minmax(0,1fr) 16px;padding:12px 16px;column-gap:16px}.model-card .device-thumbnail{width:76px;height:76px}.model-card>strong{font-size:16px}.model-card>small{font-size:10px}.model-card .model-cta{font-size:11px}.repair-heading-identity,.device-page-identity{gap:14px;align-items:flex-start}.repair-device-visual img{width:80px;height:90px}.repair-detail-heading h3{font-size:28px}.device-page-identity h1{font-size:32px}.directory-thumbnail{float:none;display:block;width:100%;height:110px;margin:0 0 15px}.directory-card h2{font-size:20px}}