/* −25 € QualiRépar et prix le plus bas garanti, mise en page inspirée d’apple.fr :
   fond #f5f5f7, texte centré, grand titre, boutons bleus en pilule, liens « › ». */
:root{--ap-bg:#f5f5f7;--ap-ink:#1d1d1f;--ap-muted:#6e6e73;--ap-blue:#0066cc;--ap-blue-hover:#0077ed;--ap-link:#0066cc;--ap-red:#e30613}

/* Menu : même bouton Boutique que solution-phone.fr */
nav .nav-links a.nav-boutique{display:inline-flex;align-items:center;padding:8px 15px;border:1px solid #f06870;border-bottom-color:#ae1722;border-radius:10px;background:linear-gradient(155deg,#ed3847 0%,#cc1424 60%,#ae101d 100%);color:#fff!important;font-weight:750;box-shadow:0 3px 0 #800c17,0 6px 10px #a10d2026,inset 0 1px 0 #ffffff55;transition:transform .16s,box-shadow .16s}
nav .nav-links a.nav-boutique:hover{transform:translateY(-2px);box-shadow:0 5px 0 #800c17,0 9px 14px #a10d2033,inset 0 1px 0 #ffffff55}
nav .nav-links a.nav-boutique:focus-visible{outline:3px solid #222;outline-offset:4px}

/* Haut de page : une seule colonne centrée, fond gris clair */
body .hero{background:var(--ap-bg)!important;color:var(--ap-ink);min-height:0;padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,80px)!important}
body .hero:before,body .hero:after,body .hero .hero-grid,body .hero .hero-orbs{display:none!important}
body .hero .hero-inner{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:clamp(36px,5vw,56px)}
body .hero .hero-text{max-width:900px!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible;align-items:center;justify-content:flex-start}
body .hero .hero-text:before{display:none!important}
.apple-eyebrow{margin:0 0 10px;color:var(--ap-red);font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600;letter-spacing:-.01em}
body .hero .hero-text h1.offer-title{display:flex;flex-direction:column;align-items:center;margin:0 0 14px;color:var(--ap-ink)!important;-webkit-text-fill-color:currentColor;text-shadow:none;font-weight:700;letter-spacing:-.04em;line-height:1.02;max-width:none}
.offer-title .offer-amount{font-size:clamp(5.5rem,15vw,11rem);line-height:.9;letter-spacing:-.06em;color:var(--ap-ink)}
.offer-title .offer-line{font-size:clamp(1.9rem,4.2vw,3.5rem)}
body .hero .hero-text .hero-sub{margin:0 auto 26px;max-width:640px;color:var(--ap-muted)!important;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.35}
body .hero .hero-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
body .hero .hero-btns a,.price-guarantee .btn-primary{border-radius:980px!important;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;font-size:1rem;font-weight:500;letter-spacing:-.01em;box-shadow:none}
body .hero .hero-btns .btn-primary,.price-guarantee .btn-primary{background:var(--ap-blue);border:1px solid var(--ap-blue);color:#fff}
body .hero .hero-btns .btn-primary:hover,.price-guarantee .btn-primary:hover{background:var(--ap-blue-hover)}
body .hero .hero-btns .btn-outline{background:transparent;border:1px solid var(--ap-blue);color:var(--ap-blue)}
body .hero .hero-btns .btn-outline:hover{background:var(--ap-blue);color:#fff}
body .hero .hero-proof{display:block;margin:22px 0 0;border:0;padding:0}
body .hero .hero-proof a{color:var(--ap-link);font-size:1.05rem}
body .hero .hero-proof a:hover{text-decoration:underline}
body .hero .hero-visual{width:min(100%,680px);margin:0}
body .hero .price-console{border-radius:18px;border:0;box-shadow:0 4px 30px rgba(0,0,0,.06);text-align:left}

/* Prix barré dans le calculateur */
.hero-quality-list span s{display:block;color:#9a9aa0;font-size:.6rem;font-weight:600}
.hero-quality-list span strong{color:var(--ap-ink)}

/* Prix le plus bas garanti : bloc noir centré */
.price-guarantee{padding:clamp(64px,9vw,110px) 20px;background:#000;color:#f5f5f7;text-align:center}
.price-guarantee .apple-eyebrow{color:#f5f5f7;opacity:.8}
.price-guarantee h2{margin:0 auto 16px;max-width:900px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.06;letter-spacing:-.04em;font-weight:700}
.price-guarantee-sub{margin:0 auto 28px;max-width:620px;color:#a1a1a6;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.4}
.price-guarantee-links{display:grid;justify-items:center;gap:18px}
.price-guarantee-terms{max-width:680px;text-align:left}
.price-guarantee-terms summary{list-style:none;cursor:pointer;color:#2997ff;font-size:1.05rem;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
.price-guarantee-terms summary::-webkit-details-marker{display:none}
.price-guarantee-terms ul{margin:6px 0 0;padding-left:18px;display:grid;gap:8px;color:#a1a1a6;font-size:.85rem;line-height:1.5}

@media(max-width:760px){body .hero{padding:40px 0 44px!important}body .hero .hero-inner{padding-inline:17px}.offer-title .offer-amount{font-size:clamp(5rem,26vw,7rem)}.offer-title .offer-line{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){nav .nav-links a.nav-boutique{transition:none;transform:none}}

/* Calculateur façon apple.fr : carte blanche, champs arrondis, sélection bleue */
body .hero .price-console{background:#fff!important;padding:clamp(22px,4vw,40px)!important}
body .hero .price-console h2{letter-spacing:-.035em;font-weight:700}
body .hero .console-avatar{border-radius:10px}
body .hero .console-select{border-radius:12px!important;border:1px solid #d2d2d7!important;background-color:#fff!important;min-height:48px;font-size:1rem}
body .hero .console-issues{gap:10px}
body .hero .console-issue{border-radius:12px!important;border:1px solid #d2d2d7!important;background:#fff!important;color:var(--ap-ink)!important;min-height:48px;font-weight:600}
body .hero .console-issue.active{border:2px solid var(--ap-blue)!important;color:var(--ap-ink)!important;background:#fff!important}
body .hero .hero-live-result{border-radius:14px!important;border:0!important;border-left:0!important;background:var(--ap-bg)!important;box-shadow:none!important}
body .hero .hero-live-result:before{display:none!important}
body .hero .hero-quality-list span{border-radius:12px!important;border:1px solid #e5e5ea!important;background:#fff!important}
body .hero .console-actions{gap:10px}
body .hero .console-actions a,body .hero .console-actions button{border-radius:980px!important;min-height:48px;font-size:.95rem;font-weight:500}
body .hero .console-actions a{background:var(--ap-blue)!important}
body .hero .console-actions button{background:#fff!important;color:var(--ap-blue)!important;border:1px solid var(--ap-blue)!important}
body .hero .console-foot a{color:var(--ap-link)}

/* Choix du modèle en boutons (génération puis modèle exact) */
.model-picker{display:grid;gap:10px;margin-bottom:6px}
.model-gens,.model-variants{display:flex;flex-wrap:wrap;gap:8px}
.model-gen,.model-variant{min-height:44px;padding:0 16px;border:1px solid #d2d2d7;border-radius:980px;background:#fff;color:#1d1d1f;font:600 .9rem/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;cursor:pointer}
.model-gen:hover,.model-variant:hover{border-color:#6b6b70}
.model-gen[aria-pressed="true"],.model-variant[aria-pressed="true"]{border:2px solid #0066cc;padding:0 15px}
.model-variants{padding:12px;border-radius:14px;background:#f5f5f7}
.model-variants[hidden]{display:none}
.model-help summary{min-height:36px;display:flex;align-items:center;color:#0066cc;font-size:.85rem;cursor:pointer;list-style:none}
.model-help summary::-webkit-details-marker{display:none}
.model-help p{margin:0 0 6px;font-size:.85rem;color:#6e6e73}
.model-list-label{opacity:.7}
body .hero .hero-text .hero-sub strong{color:#1d1d1f}

/* Qualités cliquables : la qualité choisie part dans le devis */
body .hero .hero-quality-list .quality-choice{margin:0;padding:9px 10px;border:1px solid #e5e5ea;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font:inherit;text-align:left;min-height:44px}
body .hero .hero-quality-list .quality-choice:hover{border-color:#6b6b70}
body .hero .hero-quality-list .quality-choice[aria-pressed="true"]{border:2px solid #0066cc;padding:8px 9px}
body .hero .hero-quality-list .quality-choice i{font-style:normal;color:#55555a;font-size:.66rem;font-weight:700;white-space:nowrap}
body .hero .hero-quality-list .quality-choice s{margin-left:auto}
body .hero .hero-quality-list .quality-choice strong{color:#1d1d1f;font-size:.8rem}
body .hero .hero-proof{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
body .hero .hero-btns button.btn-outline{font:inherit;font-size:1rem;cursor:pointer}
body .hero .hero-btns button.btn-outline{border-radius:980px!important;min-height:44px;padding:0 22px;background:transparent;border:1px solid #0066cc;color:#0066cc}body .hero .hero-btns button.btn-outline:hover{background:#0066cc;color:#fff}

/* Boutons fixés en bas : WhatsApp, Appeler, e-mail */
.conversion-dock{grid-template-columns:1.2fr .8fr 1fr!important}
.conversion-dock a.dock-call{background:#fff;color:#1d1d1f;border:1px solid #d2d2d7}
.conversion-dock a.dock-call:before{content:"";width:14px;height:14px;margin-right:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.conversion-dock{grid-template-columns:1fr 1.15fr 1fr!important}
.conversion-dock a.dock-call{white-space:nowrap;padding:0 10px}
@media(max-width:600px){.conversion-dock a.dock-call .dock-call-label{display:none}.conversion-dock a,.conversion-dock button{padding:0 8px!important}}

/* ===== Corrections après audit ===== */
/* Le bandeau bleu répète le titre et masque le menu : retiré sur l’accueil (la mention légale reste en bas de page) */
.spq-bonus-bar{display:none!important}
/* Liste déroulante gardée pour les liens et l’accessibilité, remplacée à l’écran par les boutons */
.visually-hidden,#hero-model{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
/* Calcul du bonus affiché sans prix barré */
body .hero .hero-quality-list .bonus-calc{margin-left:auto;color:#6e6e73;font-size:.62rem;font-weight:600;white-space:nowrap}
/* Ordinateur : le calculateur revient à côté du titre */
@media(min-width:1000px){
  body .hero .hero-inner{grid-template-columns:minmax(0,1fr) minmax(440px,560px)!important;align-items:start;justify-items:stretch;text-align:left;max-width:1200px}
  body .hero .hero-text{align-items:flex-start;padding-top:24px!important}
  body .hero .hero-text h1.offer-title{align-items:flex-start}
  body .hero .hero-text .hero-sub{margin-left:0}
  body .hero .hero-btns,body .hero .hero-proof{justify-content:flex-start}
  .offer-title .offer-amount{font-size:clamp(6rem,10vw,9rem)}
  .offer-title .offer-line{font-size:clamp(2rem,3.2vw,3rem)}
}
/* Téléphone : tout le titre centré */
@media(max-width:999px){body .hero .hero-text,body .hero .hero-text h1.offer-title,body .hero .hero-text .hero-sub{text-align:center!important}}
/* Cibles tactiles d’au moins 44 px */
body .hero .hero-proof a,body .hero .console-foot a{display:inline-flex;align-items:center;min-height:44px}
/* Contour visible au clavier */
.model-gen:focus-visible,.model-variant:focus-visible,.quality-choice:focus-visible,body .hero .hero-btns a:focus-visible,body .hero .hero-btns button:focus-visible,.price-guarantee a:focus-visible,.price-guarantee summary:focus-visible,.conversion-dock a:focus-visible,.conversion-dock button:focus-visible{outline:3px solid #0066cc;outline-offset:3px}
/* Vert WhatsApp plus foncé : texte blanc lisible (contraste 4,5 minimum) */
.conversion-dock a[href*="wa.me"],body .hero .console-actions a#hero-whatsapp{background:#0f7a3d!important;color:#fff!important}
nav .nav-cta{border-radius:980px!important;background:#0066cc!important;border-color:#0066cc!important;color:#fff!important;font-weight:500}nav .nav-cta:hover{background:#0077ed!important}

/* Note Google mise en avant */
.google-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;min-height:44px;padding:6px 16px;border-radius:980px;background:#fff;color:#1d1d1f;box-shadow:0 4px 18px rgba(0,0,0,.06);font-size:.95rem;text-decoration:none}
.google-rating-stars{color:#f5b100;letter-spacing:1px}.google-rating b{font-weight:700}.google-rating span:last-child{color:#0066cc}
.google-rating:hover span:last-child{text-decoration:underline}.google-rating:focus-visible{outline:3px solid #0066cc;outline-offset:3px}
#reviews .section-h{font-size:clamp(2.6rem,6vw,4.5rem);letter-spacing:-.045em}
.google-rating{flex-wrap:nowrap;white-space:nowrap}

/* Correctif mobile : le calculateur ne doit jamais dépasser la largeur de l’écran */
body .hero .hero-inner{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:1000px){body .hero .hero-inner{grid-template-columns:minmax(0,1fr) minmax(440px,560px)!important}}
body .hero .hero-text,body .hero .hero-visual,body .hero .price-console,body .hero .hero-live-result{min-width:0;max-width:100%;box-sizing:border-box}
body .hero .hero-quality-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .hero .hero-quality-list .quality-choice{flex-wrap:wrap;min-width:0}
body .hero .hero-quality-list .quality-choice i,body .hero .hero-quality-list .bonus-calc{white-space:normal}
body .hero .console-issues{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .hero .console-issue{min-width:0}
body .hero .console-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media(max-width:420px){body .hero .console-actions{grid-template-columns:minmax(0,1fr)!important}}
/* Pied de page : les liens passent à la ligne sur téléphone */
footer .foot-links{flex-wrap:wrap;gap:4px 14px}footer .foot-links a{display:inline-flex;align-items:center;min-height:44px}