/* L'appli Patisso (pages/appli.py). Préfixe ap-. Téléphone d'abord, ruptures 640 et 1000 px. */
/* Hero : texte puis téléphone (captures de l'appli) */
.ap-hero .hero-in{min-height:0;padding-block:32px 0;gap:28px}
.ap-hero .hero-texte{max-width:640px}
.ap-hero .actions .btn{flex:1 1 220px}
.ap-hero-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font-size:14.5px;line-height:1.45;color:#F1E3D3}
.ap-hero-note .ico{flex:none;color:var(--or-clair);margin-top:1px}
.ap-hero-tel{position:relative;display:flex;justify-content:center;height:330px;overflow:hidden}
.ap-hero-tel .ap-tel{width:250px;align-self:flex-start;border-bottom:0;border-radius:34px 34px 0 0}
.ap-hero-tel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,rgba(43,26,18,0),rgba(43,26,18,.9))}
/* Cadre de téléphone autour d'une capture */
.ap-tel{background:var(--chocolat);border:7px solid #1E120C;border-radius:34px;padding:0;overflow:hidden;box-shadow:0 0 0 1px rgba(233,199,123,.45),0 24px 48px rgba(0,0,0,.28)}
.ap-tel img{display:block;width:100%;height:auto;border-radius:26px 26px 0 0;background:var(--ivoire)}
@media(min-width:1000px){
.ap-hero .hero-in{grid-template-columns:minmax(0,7fr) minmax(0,4fr);padding-block:64px 72px;gap:56px}
.ap-hero-tel{height:auto;overflow:visible;order:2}
.ap-hero-tel::after{display:none}
.ap-hero-tel .ap-tel{width:300px;border-bottom:7px solid #1E120C;border-radius:34px}
.ap-hero-tel .ap-tel img{border-radius:26px}
}
/* Chiffres */
.ap-chiffres-s{border-bottom:1px solid var(--ligne)}
.ap-chiffres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.ap-chiffres li{display:flex;flex-direction:column;gap:2px}
.ap-chiffres b{font-size:clamp(30px,2vw + 22px,42px);font-weight:800;line-height:1;color:var(--framboise);letter-spacing:-.02em}
.ap-chiffres span{font-size:14.5px;color:var(--texte2);line-height:1.35}
@media(min-width:1000px){.ap-chiffres{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}
/* Offres */
.ap-offres{align-items:stretch}
.ap-offre{display:flex;flex-direction:column;gap:12px;position:relative}
.ap-offre h3{margin:0}
.ap-offre .surtitre{margin:0}
.ap-offre-prix{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0}
.ap-offre-prix .prix-grand{color:var(--framboise)}
.ap-offre .actions{margin-top:auto;padding-top:8px}
.ap-offre-complet .ap-illus{position:absolute;top:16px;right:16px;width:72px;height:72px}
.ap-etapes-boite{margin-top:40px;max-width:760px;margin-inline:auto}
.ap-etapes-boite h3{margin-bottom:18px}
.ap-etapes b{display:block;color:var(--chocolat)}
/* Contenu de l'appli */
.ap-illus{display:block;width:72px;height:72px}
.ap-cartes{list-style:none;padding:0;margin:0}
.ap-carte{display:flex;flex-direction:column;gap:8px}
.ap-carte h3{margin:4px 0 0;font-size:18px}
.ap-carte p{margin:0;font-size:15px;color:var(--texte2)}
@media(max-width:639px){.ap-cartes{gap:12px}.ap-carte{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:18px}.ap-carte .ap-illus{grid-row:span 2;width:56px;height:56px}.ap-carte h3{margin:2px 0 0;font-size:17px}.ap-carte p{font-size:14.5px}}
@media(min-width:640px) and (max-width:999px){.ap-cartes.grille-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ap-galerie-titre{margin:48px 0 16px}
.ap-galerie{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gouttiere));padding:6px var(--gouttiere) 18px;scroll-padding-inline:var(--gouttiere)}
.ap-galerie:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.ap-ecran{margin:0;scroll-snap-align:start}
.ap-ecran .ap-tel{border-width:6px;border-radius:28px}
.ap-ecran .ap-tel img{border-radius:22px}
.ap-ecran figcaption{margin-top:10px;font-size:14.5px;font-weight:600;color:var(--cacao);text-align:center}
.ap-glisse{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;font-size:13.5px;color:var(--texte2)}
.ap-glisse .ico{width:16px;height:16px;color:var(--or-fonce)}
@media(min-width:1000px){.ap-galerie{grid-auto-columns:230px;margin-inline:0;padding-inline:0}}
/* Chaque jour */
.ap-jours{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.ap-jour{display:flex;gap:16px;align-items:flex-start}
.ap-jour .ap-illus{flex:none;width:64px;height:64px}
.ap-jour h3{margin:0 0 4px;font-size:18px}
.ap-jour p{margin:0;color:var(--texte2);font-size:15px}
@media(min-width:640px){.ap-jours{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}}
.ap-verif{margin:28px 0 0}
/* Monde */
.ap-regions{justify-content:center;margin:20px 0}
/* Communauté */
.ap-rejoindre{display:flex;gap:16px;align-items:flex-start}
.ap-rejoindre .ap-illus{flex:none;width:64px;height:64px}
.ap-rejoindre h3{margin:0 0 6px;font-size:18px}
.ap-rejoindre p{margin:0 0 10px;color:var(--texte2);font-size:15px}
/* Avec un formateur */
.ap-formateur h2{margin-bottom:12px}
.ap-formateur .liste-cochee{margin:16px 0}
.ap-deduit{margin-top:16px}
/* Appel final */
.ap-appel-wa{margin:24px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#E8D8C8}

/* Installer l'appli et partager le lien */
.ap-inst-s{background:var(--creme, #F6EADA);border-bottom:1px solid var(--ligne)}
.ap-inst{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;max-width:900px;margin-inline:auto}
.ap-inst-ic{width:88px;height:88px;border-radius:22px;box-shadow:0 12px 28px rgba(43,26,18,.22)}
.ap-inst-texte h2{margin:4px 0 10px}
.ap-inst-texte .surtitre{margin:0}
.ap-inst-lien{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 4px}
.ap-inst-lien code{font:700 15px/1.3 Poppins,system-ui,sans-serif;background:#fff;border:1.5px dashed var(--or, #C9973B);border-radius:10px;padding:8px 12px;color:var(--chocolat, #2B1A12);word-break:break-all}
.ap-inst .actions{margin-top:14px}
@media(min-width:760px){.ap-inst{grid-template-columns:auto 1fr;gap:32px}.ap-inst-ic{width:112px;height:112px;border-radius:28px}}