/* SM WORKS — Carte digitale premium. Mobile-first, sans dépendance externe. */
:root{--navy:#062a63;--ink:#081e45;--royal:#006ce7;--blue:#087bfa;--red:#e90e29;--green:#00b94b;--paper:#fff;--muted:#64728d;--soft:#f5f8fe;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;font-family:Arial,'Segoe UI',sans-serif;background:radial-gradient(circle at 55% 18%,#eff7ff 0%,#dce9f9 65%,#d3e3f6 100%);color:var(--ink)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fba31a;outline-offset:3px}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}svg[aria-hidden=true]:not(:root){pointer-events:none} [hidden]{display:none!important}
.site-shell{position:relative;width:min(100%,410px);min-height:100dvh;margin:0 auto;background:var(--paper);overflow:hidden;box-shadow:0 14px 60px rgba(6,31,79,.15)}main{min-height:0}.screen{animation:page-enter .24s var(--ease)}@keyframes page-enter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
/* L’Accueil est défini uniquement dans home-premium.css. */
.primary-actions{display:grid;gap:8px;margin-top:6px}.action-button{display:flex;align-items:center;width:100%;height:58px;gap:12px;padding:8px 13px;border:0;border-radius:14px;color:#fff;text-align:left;box-shadow:0 6px 12px rgba(5,55,130,.17);transition:transform .2s var(--ease),filter .2s}.action-button:active{transform:scale(.985)}.call-button{background:linear-gradient(115deg,#0756cb,#048cf7)}.whats-button{background:linear-gradient(115deg,#00a743,#03c754)}.cta-mark{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:11px;background:#ffffff21}.cta-mark svg{width:27px;height:27px;stroke-width:2.4}.cta-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.cta-copy strong{font-size:14px;line-height:1.1;font-weight:800}.cta-copy small{font-size:11px;color:#f9feff;opacity:.97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-next svg{width:19px;height:19px}
/* Shared app screens */
.page-head{position:relative;min-height:89px;padding:22px 14px 13px 43px;color:#fff;background:linear-gradient(115deg,#041d4a,#0756ae 80%,#0871d0);box-shadow:0 3px 9px rgba(1,44,101,.08)}.page-head h1{font-size:19px;line-height:1.15;margin:0;font-weight:800}.page-head p{margin:7px 0 0;font-size:11.5px;color:#edf6ff}.back-button{position:absolute;left:8px;top:19px;width:30px;height:32px;padding:2px;display:grid;place-items:center;border:0;color:white;background:transparent}.back-button svg{width:25px;height:25px}.page-body{padding:11px 12px 25px;background:linear-gradient(180deg,#f6f9fe,#fff 85%)}
.service-list{display:grid;gap:9px}.service-card{display:grid;grid-template-columns:45% 55%;height:159px;overflow:hidden;border-radius:16px;background:white;box-shadow:0 4px 13px rgba(12,53,110,.11)}.service-card>img{width:100%;height:100%;object-fit:cover;object-position:center}.service-details{position:relative;min-width:0;padding:10px 10px 7px 13px}.service-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;color:#fff;box-shadow:0 3px 7px #123c8520}.service-icon.red{background:#f00b28}.service-icon.blue{background:#0569e1}.service-icon svg{width:25px;height:25px;stroke-width:2.5}.service-details h2{margin:4px 0 5px;color:#0a285f;font-size:18px;line-height:1.1}.service-details ul{margin:0;padding-left:12px;color:#1e304d;list-style:disc;font-size:10.5px;line-height:1.38}.service-more{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;background:#fff;color:#063f91;box-shadow:0 2px 10px #17335d33}.service-more svg{width:18px;height:18px}.section-caption{margin:14px 0 8px;font-size:14px;text-align:center;color:#08275e}.value-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.value-row>div{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;color:#0c306c;font-size:9.5px;line-height:1.23}.value-row svg{width:27px;height:27px;color:#004eb0}
.filter-row{display:flex;gap:5px;margin:0 0 10px;overflow-x:auto;padding:3px 0;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter{flex:auto;min-width:0;border:1px solid #e4eaf4;border-radius:13px;background:#fff;color:#14294c;font-size:10px;font-weight:750;padding:11px 5px;box-shadow:0 2px 5px #0c326015}.filter.active{border-color:transparent;background:linear-gradient(110deg,#077bea,#0061dc);color:white;box-shadow:0 3px 8px #0874e252}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-item{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;min-width:0;padding:0;border:0;border-radius:12px;background:#e9eef8;box-shadow:0 3px 9px #1336641c}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .32s var(--ease)}.gallery-item:hover img{transform:scale(1.04)}.gallery-notice{margin:13px 2px 0;font-size:10px;line-height:1.4;text-align:center;color:#5b6a80}
.about-body{padding:10px 12px 25px;background:#fff}.about-photo{height:215px;overflow:hidden;border-radius:12px 12px 5px 5px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.about-text{padding:11px 6px 5px}.about-text h2{margin:0 0 7px;color:#092960;font-size:21px;line-height:1.12}.about-text p{margin:0 0 8px;font-size:12px;line-height:1.43}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.values-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:77px;gap:4px;border-radius:12px;background:#f5f8fd;color:#0a2f6d;text-align:center;font-size:11px;font-weight:650}.values-grid svg{width:26px;height:26px;color:#0859c3}.secondary-link{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:42px;border:1px solid #bed5f5;background:white;color:#0857b2;border-radius:11px;font-size:12px;font-weight:750}.secondary-link svg{width:18px;height:18px}
.contact-body{display:grid;gap:9px;background:#f9fbff}.location-card{overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 4px 13px #12396316}.map-illustration{position:relative;height:123px;overflow:hidden;background-color:#e9eef4;background-image:linear-gradient(45deg,transparent 43%,#cad8e5 44%,#cad8e5 47%,transparent 48%),linear-gradient(135deg,transparent 42%,#d1dfea 43%,#d1dfea 46%,transparent 47%),repeating-linear-gradient(0deg,transparent 0 31px,#d6e2ed 32px 34px,transparent 35px 60px),repeating-linear-gradient(90deg,transparent 0 42px,#d2dfe8 43px 45px,transparent 46px 75px)}.map-route{position:absolute;top:-30px;left:36%;width:68px;height:175px;border-left:12px solid #b8ddf2;border-right:8px solid white;transform:rotate(29deg)}.map-pin{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:white;background:#f0142e;box-shadow:0 4px 11px #001e4b2b}.map-pin svg{width:27px;height:27px}.location-caption{display:grid;gap:5px;padding:10px 13px}.location-caption strong{font-size:13px;color:#0a2c60}.location-caption span{font-size:11px;color:#4d5c76}.contact-tile{display:grid;grid-template-columns:29px minmax(0,1fr) 19px;align-items:center;gap:11px;width:100%;min-height:63px;padding:9px 12px;border:1px solid #e8edf7;border-radius:13px;background:white;box-shadow:0 4px 12px #102d5012;color:#04469c;text-align:left}.contact-tile>svg:first-child{width:26px;height:26px}.contact-tile>svg:last-child{width:16px;height:16px;color:#72829e}.contact-tile span{display:grid;gap:4px;min-width:0}.contact-tile strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#0d285a}.contact-tile small{font-size:10.5px;color:#4d5f7c}
.universe-body{background:linear-gradient(145deg,#f4f9ff,#ffffff 50%,#edf7ff);overflow:hidden}.universe-logo{width:180px;height:142px;object-fit:contain;margin:7px auto -12px}.universe-body h2{position:relative;z-index:1;margin:0 22px 11px;color:#07316d;font-size:28px;line-height:1.08;font-weight:850}.universe-body h2:after{content:'';display:block;width:53px;height:3px;margin-top:11px;background:#ef1930}.universe-photo{height:250px;margin:0 13px;overflow:hidden;border-radius:14px}.universe-photo img{width:100%;height:100%;object-fit:cover}.universe-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:13px 10px}.universe-categories>div{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.universe-categories svg{width:32px;height:32px;color:#0674e8}.universe-categories>div:nth-child(2) svg{color:#f2182e}.universe-categories strong{font-size:12px;color:#082b61}.universe-categories span{font-size:9.5px;color:#40546d}.universe-footer{margin:0;padding:22px 10px;background:linear-gradient(155deg,#047be3,#063179);color:#fff;text-align:center;font-size:18px;font-family:Georgia,serif;font-style:italic}
.bottom-nav{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);height:65px;align-items:center;border-top:1px solid #e7ecf5;background:#fff;box-shadow:0 -3px 12px rgba(8,34,74,.04)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;border:0;background:transparent;color:#0b3269;font-size:9.5px;font-weight:700}.bottom-nav button svg{width:23px;height:23px}.bottom-nav button.active{color:#ed0d2b} .site-shell:has(#screen-home.is-active) .bottom-nav{display:none}
/* Modal and feedback */
.image-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(94vw,650px);max-width:650px;max-height:92dvh;margin:auto;border:0;border-radius:16px;background:#fff;padding:14px 12px 15px;text-align:center;color:#0a2c60;box-shadow:0 25px 65px #0005}.image-dialog::backdrop{background:rgba(4,13,32,.82);backdrop-filter:blur(5px)}#close-lightbox{position:absolute;right:11px;top:11px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:#0b2e65d9}#close-lightbox svg{width:21px;height:21px}.image-dialog img{width:100%;height:auto;max-height:70dvh;object-fit:contain;border-radius:11px;background:#eaf1f7}.image-dialog strong{display:block;margin:9px 0 0;font-size:14px}.image-dialog p{margin:5px 0 0;color:#647084;font-size:10px}.toast{position:fixed;z-index:40;left:50%;bottom:23px;max-width:min(92vw,410px);min-width:230px;padding:12px 17px;border-radius:13px;background:#072b61;color:white;text-align:center;font-size:12.5px;line-height:1.4;box-shadow:0 10px 30px #001f4960;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:600px){body{padding:24px 16px 45px}.site-shell{min-height:0;border-radius:27px;box-shadow:0 20px 75px rgba(6,37,84,.23)}}
@media(max-width:345px){.cta-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.legal-siret{margin:4px;text-align:center;color:#596981;font-size:10px}