/* ── Sugu Studio v10 (06/10) : iPhone + Safari réaliste, semaine avant/après, déroulé audit, formules services ── */

/* Étiquettes des projets sur fond sombre */
.srv--dark .srv__pj .carte__tags span{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)}

/* Formules (page Services) */
.fm2{margin:0 var(--g) var(--g);border-radius:var(--rad);background:var(--light);padding:3.5rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:center}
.fm2__t p{color:var(--ink2);line-height:1.65;margin-top:1.2rem;max-width:40ch}
.fm2__t .au-btns{margin-top:1.8rem}
.fm2__l{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.fm2__l li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1.5rem;background:#fff;border-radius:var(--rad-in);padding:1.2rem 1.4rem;border:1px solid var(--border)}
.fm2__l li b{font-weight:600;font-size:1.05rem}
.fm2__l li span{grid-column:1;color:var(--gray);font-size:.9rem;margin-top:.2rem}
.fm2__l li em{grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-style:normal;font-weight:600;font-size:1.5rem;letter-spacing:-.03em;white-space:nowrap}
.fm2__l li em small{display:block;font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--gray)}
.fm2__l li em small+small,.fm2__l li em small:last-child:not(:first-child){font-family:inherit;text-transform:none;letter-spacing:0;font-size:.8rem}
.fm2__l li.on{background:var(--dark);color:#fff;border-color:var(--dark)}
.fm2__l li.on span,.fm2__l li.on em small{color:rgba(255,255,255,.6)}
@media (max-width:991px){.fm2{grid-template-columns:1fr;padding:2rem}}
@media (max-width:767px){.fm2{padding:1.3rem}.fm2__l li{padding:1rem}.fm2__l li em{font-size:1.2rem}}

/* iPhone avec Safari */
.ls--mob{--pw:min(340px,calc((100vh - var(--nav-h) - 11rem) / 2.12));width:var(--pw);box-sizing:border-box;padding:9px;border-radius:calc(var(--pw) * .17);background:#0b0b0b;position:relative;
  box-shadow:0 0 0 3px #b9c3cf,0 0 0 4px #8d98a6,0 40px 70px -30px rgba(0,0,0,.5)}
.ls__btn{position:absolute;width:4px;background:#a9b3c0;border-radius:2px}
.ls__btn--a{left:-6px;top:16%;height:4%}.ls__btn--b{left:-6px;top:23%;height:8%}.ls__btn--c{left:-6px;top:33%;height:8%}.ls__btn--d{right:-6px;top:27%;height:12%}
.ls--mob .ls__screen{position:relative;border-radius:calc(var(--pw) * .17 - 9px);overflow:hidden;background:#fff}
.ls__notch{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(var(--pw) * .42);height:calc(var(--pw) * .08);background:#0b0b0b;border-radius:0 0 calc(var(--pw) * .05) calc(var(--pw) * .05);z-index:3}
.ls__notch::after{content:"";position:absolute;right:24%;top:30%;width:calc(var(--pw) * .025);height:calc(var(--pw) * .025);border-radius:50%;background:#1d2440}
.ls__sb{height:calc(var(--pw) * .115);background:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--pw) * .09) 0 calc(var(--pw) * .11);font-size:calc(var(--pw) * .047);font-weight:600}
.ls__ic{display:flex;gap:4px;align-items:center}
.ls__ic svg{height:calc(var(--pw) * .033);width:auto;fill:currentColor}
.ls--mob .ls__scroll{height:calc((var(--pw) - 18px) * 2.165 - var(--pw) * .115 - var(--pw) * .27);border:0;border-radius:0;background:#fff}
.ls--mob .ls__isl{display:none}
.ls__saf{height:calc(var(--pw) * .3);background:#f7f7f7;border-top:1px solid #e3e3e3;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--pw) * .025);gap:calc(var(--pw) * .03);position:relative}
.ls__url{width:88%;height:calc(var(--pw) * .1);background:#e9e9eb;border-radius:calc(var(--pw) * .03);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--pw) * .035);color:#111;font-size:calc(var(--pw) * .044)}
.ls__url .aa{font-size:calc(var(--pw) * .05)}.ls__url .aa small{font-size:.75em}
.ls__url .d{display:flex;align-items:center;gap:5px}
.ls__url .d svg{width:calc(var(--pw) * .025);fill:#111}
.ls__url .r{width:calc(var(--pw) * .05);color:#111}
.ls__tb{width:86%;display:flex;justify-content:space-between;color:#1a7cf3}
.ls__tb svg{width:calc(var(--pw) * .065);height:calc(var(--pw) * .065)}
.ls__tb .off{color:#b9b9bd}
.ls__home{position:absolute;bottom:calc(var(--pw) * .018);left:50%;transform:translateX(-50%);width:36%;height:4px;border-radius:3px;background:#111}
@media (max-width:991px){.ls--mob{--pw:min(320px,78vw)}}

/* Semaine avant / après */
.sem{background:var(--light);border-radius:var(--rad);padding:2rem}
.sem__tg{display:inline-flex;gap:.3rem;background:#fff;border-radius:999px;padding:.3rem;margin-bottom:1.6rem}
.sem__tg button{height:42px;border:0;background:transparent;border-radius:999px;padding:0 1.2rem;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--ink2);transition:background .3s,color .3s}
.sem__tg button[aria-pressed=true]{background:var(--dark);color:#fff}
.sem__g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.sem__j p{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:.6rem}
.sem__b{border-radius:var(--rad-in);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem;position:relative;overflow:hidden}
.sem__b span{font-weight:600;font-size:.92rem;line-height:1.3}
.sem__b small{font-size:.8rem;color:var(--gray)}
.sem__b--jour{background:#fff;height:150px;justify-content:flex-end;margin-bottom:.6rem}
.sem__b--soir{background:linear-gradient(160deg,#ff7a2e,var(--accent));color:#fff;min-height:96px;transition:background .6s,color .6s,opacity .6s}
.sem__b--soir small{color:rgba(255,255,255,.8)}
.sem__b em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:.88rem;color:#1d8a4f;background:#e6f5ec;border:1px dashed #9fd3b4;border-radius:inherit;opacity:0;transform:scale(.96);transition:opacity .5s,transform .5s}
.sem.apres .sem__b em{opacity:1;transform:none}
.sem__tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border)}
.sem__tot span{color:var(--ink2)}
.sem__tot b{font-size:2.4rem;font-weight:600;letter-spacing:-.04em;color:var(--accent);transition:color .4s}
.sem.apres .sem__tot b{color:#1d8a4f}
@media (max-width:767px){.sem{padding:1.1rem}.sem__g{grid-template-columns:1fr}.sem__j{display:grid;grid-template-columns:44px 1fr 1fr;gap:.5rem;align-items:stretch}.sem__j p{margin:0;align-self:center}.sem__b--jour{height:auto;margin:0}.sem__b--soir{min-height:0}.sem__tg button{padding:0 .9rem;font-size:.82rem}}

/* Déroulé et prix de l'audit */
.pr4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:a}
.pr4 li{border-radius:var(--rad);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:1.6rem;display:flex;flex-direction:column;gap:.55rem;position:relative}
.pr4 li:not(:last-child)::after{content:"";position:absolute;right:-.85rem;top:2.4rem;width:.7rem;height:.7rem;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg);z-index:2;animation:flux-pt 1.4s ease-in-out infinite}
.pr4 small{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:.4rem}
.pr4 b{font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.pr4 p{color:rgba(255,255,255,.72);line-height:1.55;font-size:.92rem}
.pr4__fin{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem;margin-top:1rem}
.pr4__o{border-radius:var(--rad);padding:1.8rem;background:#fff;color:var(--dark);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1.5rem;align-items:center}
.pr4__o small{grid-column:1;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.pr4__o p{grid-column:1;color:var(--ink2);line-height:1.55;font-size:.95rem;margin-top:.5rem}
.pr4__o b{grid-column:2;grid-row:1/3;font-size:clamp(2.4rem,3.6vw,3.4rem);font-weight:600;letter-spacing:-.05em;line-height:1;text-align:right;white-space:nowrap}
.pr4__o b em{display:block;font-style:normal;font-size:.85rem;font-weight:400;letter-spacing:0;color:var(--gray);margin-top:.4rem}
.pr4__o--oui{background:linear-gradient(160deg,#fff4ec,#ffe6d6)}
.pr4__o--oui b{color:var(--accent)}
@media (max-width:991px){.pr4{grid-template-columns:1fr 1fr}.pr4 li::after{display:none}.pr4__fin{grid-template-columns:1fr}}
@media (max-width:767px){.pr4{grid-template-columns:1fr}.pr4 li,.pr4__o{padding:1.3rem}.pr4__o{grid-template-columns:1fr}.pr4__o b{grid-column:1;grid-row:auto;text-align:left;margin-top:.8rem}}

/* Dossier : retour en fondu */
.livre__p.retour{transition:opacity .4s ease!important;transform:none}
/* Flyer : prise en main sans accroc */
.f3d__sc{touch-action:none;user-select:none;-webkit-user-select:none}
.f3d__f img{-webkit-user-drag:none;pointer-events:none}
.ls--mob,.pz-main .ls--mob{width:var(--pw)!important;max-width:100%}
.ls--mob .ls__scroll,.pz-main .ls--mob .ls__scroll{height:calc((var(--pw) - 18px) * 2.165 - var(--pw) * .115 - var(--pw) * .3)!important;border-top:0!important}