/* ==========================================================
   Atelier Mika — feuille de style du site public (refonte pro)
   Chargée seule sur l'accueil, et APRÈS styles.css sur les
   autres pages (envoi de fichiers, tarifs, mentions légales).
   Toutes les classes nouvelles sont préfixées « mk- ».
   ========================================================== */
:root{
  --mk-ink:#0d0f0d;--mk-ink-2:#1a1e1a;--mk-paper:#fff;--mk-soft:#f4f6f2;--mk-soft-2:#eaefe6;
  --mk-line:#e1e7dc;--mk-muted:#5d655b;--mk-green:#79ff22;--mk-lime:#d7ff00;--mk-green-deep:#2c7a17;
  --mk-radius:18px;--mk-max:1180px;--mk-shadow:0 18px 44px rgba(13,15,13,.08);
  --mk-head:'Baloo 2',Arial,sans-serif;--mk-body:'Nunito',Arial,sans-serif;
}
.mk{margin:0;font-family:var(--mk-body);color:var(--mk-ink);background:var(--mk-paper);line-height:1.6;-webkit-font-smoothing:antialiased}
:where(.mk) *,:where(.mk) *::before,:where(.mk) *::after{box-sizing:border-box}
:where(.mk) img{max-width:100%;display:block}
:where(.mk) a{color:inherit;text-decoration:none}
:where(.mk) :is(h1,h2,h3){font-family:var(--mk-head);margin:0;letter-spacing:-.02em}
:where(.mk) p{margin:0}
.mk-wrap{width:min(var(--mk-max),calc(100% - 32px));margin:0 auto}
.mk-skip{position:absolute;left:-9999px}.mk-skip:focus{left:16px;top:12px;z-index:200;background:#fff;padding:10px 14px;border-radius:10px}
.mk :focus-visible{outline:3px solid var(--mk-green-deep);outline-offset:3px;border-radius:6px}

/* Boutons */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:12px;font-family:var(--mk-head);font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.mk-btn:hover{transform:translateY(-1px)}
.mk-btn-primary{background:var(--mk-green);color:var(--mk-ink);box-shadow:0 8px 22px rgba(121,255,34,.28)}
.mk-btn-primary:hover{box-shadow:0 12px 28px rgba(121,255,34,.38)}
.mk-btn-dark{background:var(--mk-ink);color:#fff}
.mk-btn-ghost{background:transparent;color:var(--mk-ink);border-color:#c9d1c4}
.mk-btn-ghost:hover{border-color:var(--mk-ink)}
.mk-btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.mk-btn-ghost-light:hover{border-color:#fff}
.mk-btn svg{width:18px;height:18px;flex:0 0 auto}

/* En-tête */
.mk-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--mk-line)}
.mk-nav{display:flex;align-items:center;gap:28px;height:74px}
.mk-brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.mk-brand img{width:52px;height:52px}
.mk-brand-text{display:flex;flex-direction:column;line-height:1.15}
.mk-brand-text b{font-family:var(--mk-head);font-size:17px;font-weight:800;letter-spacing:-.01em}
.mk-brand-text small{font-size:12px;color:var(--mk-muted)}
.mk-links{display:flex;gap:26px}
.mk-links a{font-size:14px;font-weight:600;color:#30362f;padding:6px 0;border-bottom:2px solid transparent}
.mk-links a:hover,.mk-links a[aria-current=page]{color:var(--mk-ink);border-bottom-color:var(--mk-green)}
.mk-nav .mk-btn{min-height:44px;padding:0 18px;font-size:14px}
.mk-burger{display:none;width:44px;height:44px;border:1px solid var(--mk-line);border-radius:12px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}
.mk-burger span{display:block;width:20px;height:2px;background:var(--mk-ink);border-radius:2px;transition:.2s}
.mk-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mk-burger.open span:nth-child(2){opacity:0}
.mk-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mk-menu{display:none;border-top:1px solid var(--mk-line);background:#fff;padding:8px 16px 18px}
.mk-menu a{display:block;padding:14px 4px;font-weight:600;border-bottom:1px solid var(--mk-line)}
.mk-menu .mk-btn{display:flex;margin-top:14px;border-bottom:0}
.mk-menu.open{display:block}

/* Sections */
.mk-section{padding:96px 0}
.mk-section-soft{background:var(--mk-soft)}
.mk-section-dark{background:var(--mk-ink);color:#fff}
.mk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep);margin-bottom:14px}
.mk-eyebrow::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--mk-green)}
.mk-section-dark .mk-eyebrow{color:var(--mk-green)}
.mk-h2{font-size:clamp(30px,4vw,46px);line-height:1.1;font-weight:800}
.mk-lead{font-size:18px;color:var(--mk-muted);margin-top:16px;max-width:640px}
.mk-section-dark .mk-lead{color:#bfc6bc}
.mk-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}

/* Héros */
.mk-hero{position:relative;padding:72px 0 88px;background:linear-gradient(180deg,#fff 0%,var(--mk-soft) 100%);overflow:hidden}
.mk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.mk-hero h1{font-size:clamp(38px,4.7vw,60px);line-height:1.04;font-weight:800;letter-spacing:-.035em}
.mk-hero h1 mark{background:none;text-decoration:underline;text-decoration-color:var(--mk-green);text-decoration-thickness:.24em;text-underline-offset:-.13em;text-decoration-skip-ink:none;color:inherit;padding:0 .06em}
.mk-hero-lead{font-size:19px;color:#454c44;margin-top:22px;max-width:580px}
.mk-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.mk-hero-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding:0;list-style:none;font-size:14px;color:#3d443c;font-weight:500}
.mk-hero-facts li{display:flex;align-items:center;gap:8px}
.mk-hero-facts li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--mk-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d0f0d' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;flex:0 0 18px}
.mk-hero-visual{position:relative}
.mk-hero-photo{border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(13,15,13,.18);aspect-ratio:4/3.3;background:var(--mk-soft-2)}
.mk-hero-photo img{width:100%;height:100%;object-fit:cover}
.mk-float{position:absolute;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 18px 40px rgba(13,15,13,.16);border:1px solid var(--mk-line)}
.mk-float b{display:block;font-family:var(--mk-head);font-size:15px}
.mk-float small{display:block;color:var(--mk-muted);font-size:13px;margin-top:2px}
.mk-float-upload{left:-28px;bottom:36px;display:flex;align-items:center;gap:14px;max-width:290px}
.mk-float-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:var(--mk-ink);color:var(--mk-green)}
.mk-float-icon svg{width:22px;height:22px}
.mk-float-hours{right:-18px;top:28px}
.mk-status{display:inline-flex;align-items:center;gap:9px;font-size:14px}
.mk-status-dot{width:10px;height:10px;border-radius:50%;background:#c9cfc6;flex:0 0 10px}
.mk-status.is-open .mk-status-dot{background:#2fbf2f;box-shadow:0 0 0 4px rgba(47,191,47,.18)}
.mk-status.is-closed .mk-status-dot{background:#e5534b}
.mk-status small{color:var(--mk-muted)}

/* Bandeau dépôt de fichiers */
.mk-upload-band{background:var(--mk-ink);color:#fff;position:relative;overflow:hidden}
.mk-upload-band::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(121,255,34,.22),transparent 65%);pointer-events:none}
.mk-upload-band .mk-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0}
.mk-upload-band p{font-size:17px;color:#d9ded6}
.mk-upload-band strong{color:#fff;font-family:var(--mk-head)}

/* Étapes */
.mk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;padding:0;margin:0;list-style:none}
.mk-step{position:relative;background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-radius);padding:28px 24px 26px}
.mk-step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mk-ink);color:var(--mk-green);font-family:var(--mk-head);font-weight:800;font-size:18px;margin-bottom:22px}
.mk-step h3{font-size:19px;font-weight:700;margin-bottom:8px}
.mk-step p{font-size:15px;color:var(--mk-muted)}
.mk-step:not(:last-child)::after{content:"";position:absolute;top:48px;right:-14px;width:10px;height:10px;border-top:2px solid #b8c2b2;border-right:2px solid #b8c2b2;transform:rotate(45deg);z-index:2}
.mk-steps-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:22px 26px;border-radius:var(--mk-radius);background:#fff;border:1px dashed #b9c7b0}
.mk-steps-foot p{color:#3d443c;max-width:720px}
.mk-steps-foot strong{color:var(--mk-ink)}

/* Services */
.mk-services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mk-service{background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-radius);padding:26px 22px;transition:border-color .15s,box-shadow .15s,transform .15s}
.mk-service:hover{border-color:#a8d68d;box-shadow:var(--mk-shadow);transform:translateY(-2px)}
.mk-service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--mk-soft);color:var(--mk-green-deep);margin-bottom:18px}
.mk-service-icon svg{width:24px;height:24px}
.mk-service h3{font-size:17px;font-weight:700;margin-bottom:6px}
.mk-service p{font-size:14.5px;color:var(--mk-muted)}

/* Clientèle + tarifs */
.mk-audience{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;list-style:none}
.mk-audience li{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600;color:#e5e9e2}
.mk-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mk-price{border:1px solid rgba(255,255,255,.12);border-radius:var(--mk-radius);padding:24px 22px;background:var(--mk-ink-2)}
.mk-price span{display:block;font-size:14px;color:#bfc6bc;font-weight:500}
.mk-price b{display:block;font-family:var(--mk-head);font-size:36px;font-weight:800;color:var(--mk-green);margin:6px 0 2px;letter-spacing:-.02em}
.mk-price small{font-size:13px;color:#8e968b}
.mk-price-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;color:#bfc6bc;font-size:14px}

/* Horaires & accès */
.mk-visit{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.mk-card{background:#fff;border:1px solid var(--mk-line);border-radius:22px;padding:30px}
.mk-card h3{font-size:20px;font-weight:700;margin-bottom:18px}
.mk-hours{width:100%;border-collapse:collapse;font-size:15px}
.mk-hours td{padding:12px 0;border-bottom:1px solid var(--mk-line)}
.mk-hours tr:last-child td{border-bottom:0}
.mk-hours td:last-child{text-align:right;font-weight:600}
.mk-hours tr.closed td:last-child{color:#8b9288;font-weight:500}
.mk-hours tr.today td{color:var(--mk-ink);font-weight:700}
.mk-hours tr.today td:first-child::after{content:"Aujourd’hui";margin-left:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--mk-green);padding:3px 8px;border-radius:999px}
.mk-address{font-size:17px;font-weight:600;line-height:1.5}
.mk-address small{display:block;font-size:14px;font-weight:500;color:var(--mk-muted);margin-top:4px}
.mk-contact-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.mk-contact-list a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--mk-soft);font-weight:600;transition:background .15s}
.mk-contact-list a:hover{background:var(--mk-soft-2)}
.mk-contact-list svg{width:20px;height:20px;color:var(--mk-green-deep);flex:0 0 20px}
.mk-contact-list small{display:block;font-weight:500;color:var(--mk-muted);font-size:13px}
.mk-card .mk-status{margin-top:18px}

/* FAQ */
.mk-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.mk-faq-list{display:grid;gap:12px}
.mk-faq details{background:#fff;border:1px solid var(--mk-line);border-radius:16px;padding:0 22px}
.mk-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:var(--mk-head);font-weight:600;font-size:16px}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::after{content:"+";font-size:24px;font-weight:400;color:var(--mk-green-deep);transition:transform .2s}
.mk-faq details[open] summary::after{transform:rotate(45deg)}
.mk-faq details p{padding:0 0 20px;color:var(--mk-muted);font-size:15px}

/* Appel final */
.mk-cta{background:var(--mk-green);background:linear-gradient(100deg,var(--mk-green),var(--mk-lime));padding:64px 0}
.mk-cta .mk-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}
.mk-cta h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.1}
.mk-cta p{margin-top:8px;color:#23301c;font-size:17px}

/* Pied de page */
.mk-footer{background:var(--mk-ink);color:#b7beb4;padding:60px 0 28px;font-size:14px}
.mk-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.mk-footer h4{font-family:var(--mk-head);color:#fff;font-size:15px;margin:0 0 14px}
.mk-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mk-footer a:hover{color:#fff}
.mk-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mk-footer-brand img{width:48px;height:48px}
.mk-footer-brand b{font-family:var(--mk-head);color:#fff;font-size:18px}
.mk-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8e968b}

/* En-tête de page secondaire (tarifs, mentions, envoi) */
.mk-page-hero{background:var(--mk-ink);color:#fff;padding:20px 0 18px}
.mk-page-hero h1{font-size:clamp(24px,3.4vw,32px);font-weight:800;line-height:1.1}
.mk-page-hero p{color:#bfc6bc;margin-top:6px;font-size:14px;max-width:none}
.mk-page-hero .mk-eyebrow{margin-bottom:6px;font-size:11px}
.mk-page-hero .mk-eyebrow{color:var(--mk-green)}

/* Encart « préparez avant de venir » de la page d'envoi */
.mk-upload-help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px;padding:0;list-style:none}
.mk-upload-help li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--mk-line);font-size:14px;color:var(--mk-muted)}
.mk-upload-help b{display:block;color:var(--mk-ink);font-family:var(--mk-head);font-size:15px;margin-bottom:2px}
.mk-upload-help span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:var(--mk-ink);color:var(--mk-green);font-family:var(--mk-head);font-weight:800;font-size:14px}

/* Harmonisation des pages qui chargent aussi styles.css */
.mk .section-title span{color:var(--mk-green-deep)}
.mk .btn{background:var(--mk-green);color:var(--mk-ink);border-radius:12px;font-family:var(--mk-head);text-transform:none;letter-spacing:0;font-size:15px;box-shadow:0 8px 22px rgba(121,255,34,.25)}
.mk .tarif-section.alt{background:var(--mk-soft)}
.mk .tarif-section h2{font-family:var(--mk-head);text-transform:none;letter-spacing:-.02em;font-weight:800}
.mk .note,.mk .tarif-section p{color:var(--mk-muted)}
.mk table{border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
.mk th{background:var(--mk-ink);color:#fff}
.mk .quote-box{background:var(--mk-ink);border-color:var(--mk-green)}
.mk .quote-box b{color:var(--mk-green)}
.mk .cta-band{background:linear-gradient(100deg,var(--mk-green),var(--mk-lime))}
.mk .cta-band h2{font-family:var(--mk-head);text-transform:none}
.mk .cta-band .btn{background:var(--mk-ink);color:#fff;box-shadow:none}
.mk .upload-page{padding-top:48px}
.mk .upload-section{background:var(--mk-soft)}
.mk .upload-shell{background:#fff}
.mk .order-done{background:var(--mk-ink)}
.mk .order-code{background:var(--mk-green)}

/* Responsive */
@media (max-width:1060px){
  .mk-services{grid-template-columns:repeat(2,1fr)}
  .mk-steps{grid-template-columns:repeat(2,1fr)}
  .mk-step:nth-child(2)::after{display:none}
  .mk-prices{grid-template-columns:repeat(2,1fr)}
  .mk-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  .mk-links,.mk-nav>.mk-btn{display:none}
  .mk-burger{display:flex}
  .mk-hero{padding:40px 0 64px}
  .mk-hero-grid{grid-template-columns:1fr;gap:40px}
  .mk-float-upload{left:14px;bottom:-22px}
  .mk-float-hours{right:14px;top:14px}
  .mk-visit,.mk-faq{grid-template-columns:1fr;gap:28px}
  .mk-head-row{flex-direction:column;align-items:flex-start;margin-bottom:32px}
  .mk-upload-band .mk-wrap,.mk-cta .mk-wrap{flex-direction:column;align-items:flex-start}
  .mk-section{padding:72px 0}
  .mk-upload-help{grid-template-columns:1fr}
}
@media (max-width:600px){
  .mk-wrap{width:calc(100% - 32px)}
  .mk-nav{height:64px;gap:12px}
  .mk-brand img{width:44px;height:44px}
  .mk-brand-text small{display:none}
  .mk-hero h1{font-size:38px}
  .mk-hero-lead{font-size:17px}
  .mk-hero-actions .mk-btn{width:100%}
  .mk-float-hours{display:none}
  .mk-float-upload{position:relative;left:auto;bottom:auto;margin:-34px 14px 0;max-width:none}
  .mk-steps,.mk-services,.mk-prices{grid-template-columns:1fr}
  .mk-step::after{display:none}
  .mk-section{padding:60px 0}
  .mk-card{padding:22px}
  .mk-footer-grid{grid-template-columns:1fr}
  .mk-upload-band .mk-btn,.mk-cta .mk-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.mk *{transition:none!important;scroll-behavior:auto}}
.mk .upload-page .section-title h1{font-family:var(--mk-head);text-transform:none;letter-spacing:-.03em;font-weight:800;font-size:clamp(36px,5.5vw,56px);line-height:1.05}
.mk .upload-intro{font-size:17px}
.mk-faq .mk-lead b{white-space:nowrap}

/* Offre temporaire (masquée automatiquement après la date data-until, heure de Paris) */
.mk-promo{background:var(--mk-ink);color:#fff;font-size:14px}
.mk-promo .mk-wrap{display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap;padding:10px 0;text-align:center}
.mk-promo p{color:#d9ded6}.mk-promo strong{color:var(--mk-green)}
.mk-promo-tag{background:var(--mk-green);color:var(--mk-ink);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:999px}
.mk-promo a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mk-promo-note{display:inline-block;margin-top:8px!important;padding:6px 10px;border-radius:10px;border:1px solid rgba(121,255,34,.45);background:rgba(121,255,34,.08);color:#e5e9e2!important;font-size:13px}
.mk-promo-note strong{color:var(--mk-green)}
.mk-promo-inline b{color:var(--mk-green)}
[data-until][hidden]{display:none!important}
@media (max-width:600px){.mk-promo{font-size:13px}.mk-promo .mk-wrap{gap:6px 10px}}

/* Encart « autres supports sur devis » (page Tarifs) */
.mk-custom-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border-radius:22px;background:#fff;border:1px solid var(--mk-line);box-shadow:var(--mk-shadow)}
.mk-custom-box h2{margin-bottom:10px!important}
.mk-custom-box p{max-width:640px}
.mk-custom-actions{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
@media (max-width:800px){.mk-custom-box{flex-direction:column;align-items:flex-start;padding:24px}.mk-custom-actions{width:100%}.mk-custom-actions .mk-btn{width:100%}}

/* Photo atelier (machines) : cartes flottantes placées pour ne pas masquer le matériel */
@media (min-width:921px){
  .mk-float-hours{right:auto;left:-22px;top:26px}
  .mk-float-upload{left:auto;right:-22px;bottom:-30px}
  .mk-hero{padding-bottom:110px}
}

/* Formulaire de contact */
.mk-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.mk-contact-alt{margin-top:22px!important;font-size:15px;color:var(--mk-muted)}
.mk-form{display:grid;gap:16px;background:#fff;border:1px solid var(--mk-line);border-radius:22px;padding:30px;box-shadow:var(--mk-shadow)}
.mk-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;color:#30362f}
.mk-form input[type=text],.mk-form input[type=tel],.mk-form input[type=email],.mk-form input[type=password],.mk-form select,.mk-form textarea{width:100%;border:1px solid #cfd7ca;border-radius:12px;padding:12px 14px;font:inherit;font-weight:400;color:var(--mk-ink);background:#fff}
.mk-form textarea{resize:vertical;min-height:130px}
.mk-form input:focus,.mk-form select:focus,.mk-form textarea:focus{outline:none;border-color:var(--mk-green-deep);box-shadow:0 0 0 3px rgba(121,255,34,.3)}
.mk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mk-form-types{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.mk-form-types legend{font-size:14px;font-weight:600;color:#30362f;margin-bottom:8px;padding:0}
.mk-form-types label{flex-direction:row;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--mk-line);border-radius:999px;cursor:pointer;font-weight:500}
.mk-form-types label:has(input:checked){border-color:var(--mk-ink);background:var(--mk-soft)}
.mk-form-hint{font-size:13px;color:var(--mk-muted);margin-top:-6px!important}
.mk-form-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:var(--mk-muted)!important;font-size:13.5px!important}
.mk-form-check input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--mk-green-deep)}
.mk-form-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mk-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.mk-form-actions .mk-btn:disabled{opacity:.6;cursor:wait;transform:none}
.mk-form-status{font-size:14px;color:var(--mk-muted)}
.mk-form-status.is-ok{color:var(--mk-green-deep);font-weight:600}
.mk-form-status.is-error{color:#b3261e;font-weight:600}
@media (max-width:920px){.mk-contact-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:600px){.mk-form{padding:20px}.mk-form-row{grid-template-columns:1fr}.mk-form-actions .mk-btn{width:100%}}
@media (max-width:1120px) and (min-width:921px){.mk-links{gap:16px}.mk-links a{font-size:13px}}
.mk [id]{scroll-margin-top:84px}

/* Avis d'horaires exceptionnels (masqué automatiquement après la date data-until) */
.mk-notice{background:#fff3c4;color:#3a2f00;border-bottom:1px solid #e6cf6a;font-size:14px}
.mk-notice .mk-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:10px 0;text-align:center}
.mk-notice strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#3a2f00;color:#fff3c4;padding:3px 10px;border-radius:999px}
.mk-hours tr.exception td:last-child{color:#8a5a00}


/* Moyens de paiement */
.mk-pay{grid-column:1 / -1}
.mk-pay-intro{color:var(--mk-muted);margin:-8px 0 18px!important}
.mk-pay-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}
.mk-pay-col{background:var(--mk-soft);border-radius:14px;padding:18px}
.mk-pay-col>b{display:block;font-family:var(--mk-head);font-size:15px;margin-bottom:10px}
.mk-pay-also{font-size:13px;color:var(--mk-muted);margin:-4px 0 10px!important}
.mk-pay-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.mk-pay-list li{background:#fff;border:1px solid var(--mk-line);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.mk-pay-hero{display:inline-block;margin-top:8px!important;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:13px!important}
@media (max-width:700px){.mk-pay-grid{grid-template-columns:1fr}}

/* Avis Google */
.mk-avis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mk-avis{margin:0;background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-radius);padding:22px;display:flex;flex-direction:column;gap:10px}
.mk-avis-head{display:flex;align-items:center;gap:12px}
.mk-avis-head b{display:block;font-family:var(--mk-head);font-size:15px}
.mk-avis-head small{display:block;color:var(--mk-muted);font-size:13px}
.mk-avis-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--mk-ink);color:var(--mk-green);font-family:var(--mk-head);font-weight:800}
.mk-avis blockquote{margin:0;color:#3d443c;font-size:15px;line-height:1.6;white-space:pre-line}
.mk-stars{display:inline-flex;gap:1px;font-size:17px;line-height:1;color:#d5dbd2}
.mk-stars .on{color:#f5b400}
.mk-stars .half{background:linear-gradient(90deg,#f5b400 50%,#d5dbd2 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-avis-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--mk-line);border-radius:16px;padding:14px 18px}
.mk-avis-note b{font-family:var(--mk-head);font-size:30px;line-height:1}
.mk-avis-note .mk-stars{font-size:20px}
.mk-avis-note small{color:var(--mk-muted);font-size:13px;width:100%}
.mk-avis-foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px;color:var(--mk-muted);font-size:13px}
@media (max-width:1000px){.mk-avis-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mk-avis-grid{grid-template-columns:1fr}}

/* --- Dépôt de fichiers : 3 parcours (documents, flyers & cartes, devis) --- */
.parcours{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}
.parcours-btn{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 16px;border:2px solid #d9ded6;border-radius:14px;background:#fff;color:#111;font:inherit;cursor:pointer;transition:.15s}
.parcours-btn b{font-family:var(--mk-head,'Baloo 2',sans-serif);font-size:15px}.parcours-btn small{color:#6f746f;font-size:12.5px}
.parcours-btn:hover{border-color:#68d728}.parcours-btn.active{border-color:#79ff22;background:#f3ffe9;box-shadow:0 0 0 3px rgba(121,255,34,.18)}
.sup-block{border:1px solid #dfe5dc;border-radius:16px;background:#fff;padding:16px 18px;margin:0 0 14px}.sup-block legend{font-weight:800;padding:0 6px;font-family:var(--mk-head,'Baloo 2',sans-serif)}
.sup-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
.sup-choices label{display:flex;gap:10px;align-items:flex-start;border:2px solid #dfe5dc;border-radius:12px;padding:11px 13px;cursor:pointer;background:#fff}
.sup-choices label:has(input:checked){border-color:#79ff22;background:#f3ffe9}.sup-choices small{display:block;color:#6f746f;font-weight:400}
.qty-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.qty-btn{min-width:84px;padding:10px 14px;border:2px solid #dfe5dc;border-radius:12px;background:#f8faf6;font:inherit;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.qty-btn small{font-weight:600;color:#4f5a4a;font-size:12px}.qty-btn.active{border-color:#79ff22;background:linear-gradient(90deg,#79ff22,#d7ff00);color:#081008}.qty-btn.active small{color:#081008}
.dropzone-small{min-height:96px;padding:14px;margin-top:6px}.dropzone-small .dropzone-icon{width:36px;height:36px;font-size:22px}
.mini-files{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.mini-files li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 12px;border:1px solid #dfe5dc;border-radius:10px;background:#fbfdfa;font-size:14px}
.mini-files button{border:0;background:#f1f2ef;border-radius:8px;padding:5px 9px;cursor:pointer;font-weight:700}
.sup-detail{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-weight:600}.sup-detail textarea,.sup-block input[type=text],.sup-block input[type=number],.sup-block select{width:100%;font:inherit}.sup-block input[type=radio],.sup-block input[type=checkbox]{width:auto!important;margin-top:4px}
.devis-intro{margin:0 0 14px;color:#3d463a}
.estim-box{margin-top:16px;border:2px solid #0d0f0d;border-radius:16px;background:#0d0f0d;color:#fff;padding:16px 18px}
.estim-box h4{margin:0 0 8px;font-family:var(--mk-head,'Baloo 2',sans-serif);font-size:15px;color:#79ff22}
.estim-box .eb-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:3px 0;color:#dfe5dc}.estim-box .eb-line.sub{padding-left:12px;font-size:13px;color:#aab3a6}
.estim-box .eb-total{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding-top:10px;border-top:1px solid #3a4338;font-size:20px;font-weight:800;font-family:var(--mk-head,'Baloo 2',sans-serif)}
.estim-box .eb-promo{color:#79ff22}.estim-box .eb-note{margin:8px 0 0;font-size:12.5px;color:#aab3a6;line-height:1.45}
.opt-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.opt-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dfe5dc;border-radius:10px;background:#fbfdfa;font-weight:600;cursor:pointer}
.opt-check input{width:auto!important}.opt-fin{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap;padding-left:6px}.opt-fin[hidden]{display:none}
.pg-hint{font-weight:400;color:#6f746f;font-size:12px}
@media(max-width:760px){.parcours{grid-template-columns:1fr}.sup-choices{grid-template-columns:1fr}.opt-grid{grid-template-columns:1fr}}
.upload-shell [hidden],.estim-box[hidden]{display:none!important}

.sup-choices label{flex-direction:row!important;align-items:flex-start!important;gap:10px}.sup-choices label span{display:flex;flex-direction:column;text-align:left}
.sup-block .dropzone-small{min-height:90px!important;padding:12px!important}

/* --- Formulaires du dépôt : champs et pastilles plus soignés --- */
.fld{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld-label{font-weight:700;font-size:14px;color:#1b2118}
.sup-block input[type=text],.sup-block input[type=number],.sup-block textarea{height:48px;padding:0 15px;border:1.5px solid #cfd6ca;border-radius:12px;background:#fff;font:inherit;font-size:15px;color:#111;transition:.15s}
.sup-block textarea{height:auto;min-height:110px;padding:12px 15px;resize:vertical;font-weight:400}
.sup-block input[type=text]:focus,.sup-block input[type=number]:focus,.sup-block textarea:focus{outline:0;border-color:#79ff22;box-shadow:0 0 0 4px rgba(121,255,34,.22)}
.sup-block input::placeholder,.sup-block textarea::placeholder{color:#8a928a;font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:9px 15px;border:1.5px solid #d3dacd;border-radius:999px;background:#fff;font:inherit;font-weight:600;font-size:14px;color:#1b2118;cursor:pointer;transition:.12s}
.chip:hover{border-color:#68d728;background:#f8fff1}.chip.active{border-color:#79ff22;background:linear-gradient(90deg,#79ff22,#d7ff00);color:#081008;box-shadow:0 2px 8px rgba(121,255,34,.3)}
.chip:focus-visible{outline:3px solid rgba(121,255,34,.5);outline-offset:2px}
.dropzone-small b em{font-weight:500;font-style:normal;color:#6f746f}
@media(max-width:600px){.fld-row{grid-template-columns:1fr}}
.opt-fin .chips{width:100%}.opt-fin .chip{display:flex;flex-direction:column;align-items:flex-start;border-radius:14px;padding:10px 14px;text-align:left}.opt-fin .chip small{font-weight:400;font-size:12.5px;opacity:.8}

/* ===== Refonte en pages (17/10/2026) ===== */
/* Accueil : liste des services en pastilles + cartes rapides */
.mk-chips{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px}
.mk-chips li{padding:10px 16px;border-radius:999px;background:var(--mk-soft);border:1px solid var(--mk-line);font-weight:600;font-size:14.5px}
.mk-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mk-quick-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--mk-radius);border:1px solid var(--mk-line);background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.mk-quick-card:hover{border-color:#a8d68d;box-shadow:var(--mk-shadow);transform:translateY(-2px)}
.mk-quick-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep)}
.mk-quick-big{font-family:var(--mk-head);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.mk-quick-card small{color:var(--mk-muted);font-size:14px;line-height:1.5}
.mk-quick-go{margin-top:auto;padding-top:6px;font-weight:700;font-size:14px}
.mk-quick-card .mk-status{font-size:15px}
.mk-contact-side{margin-top:26px}
.mk-install{display:block;width:100%;margin-top:12px;padding:14px;border:1px dashed var(--mk-green-deep);border-radius:12px;background:var(--mk-soft);font:600 15px var(--mk-body);color:var(--mk-ink);cursor:pointer}
.mk-install[hidden]{display:none}
@media (max-width:920px){.mk-quick{grid-template-columns:1fr}}

/* Barre d'onglets façon appli (téléphone et tablette) */
.mk-tabbar{display:none}
@media (max-width:920px){
  .mk-tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:150;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--mk-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(13,15,13,.06)}
  .mk-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;color:#5d655b;font-size:11px;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .mk-tab-ico{display:grid;place-items:center;width:44px;height:28px;border-radius:999px;transition:background .15s}
  .mk-tab svg{width:22px;height:22px}
  .mk-tab.is-active{color:var(--mk-ink)}
  .mk-tab.is-active .mk-tab-ico{background:rgba(121,255,34,.35)}
  .mk-tab-main .mk-tab-ico{width:54px;height:54px;margin-top:-26px;border-radius:50%;background:var(--mk-green);color:var(--mk-ink);box-shadow:0 8px 20px rgba(121,255,34,.45),0 0 0 4px #fff}
  .mk-tab-main svg{width:24px;height:24px}
  .mk-tab-main.is-active .mk-tab-ico{background:var(--mk-green)}
  .mk-tab-main .mk-tab-label{color:var(--mk-ink);font-weight:700}
  body.mk{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  /* le bouton vert « Déposer mes fichiers » de l'en-tête fait doublon avec l'onglet central */
  .mk-header .mk-nav>.mk-btn{display:none}
}
/* Ouvert depuis l'écran d'accueil (mode appli) : en-tête plus compact */
.mk-standalone .mk-header{padding-top:env(safe-area-inset-top)}
@media (max-width:920px){.mk-standalone .mk-brand-text small{display:none}}
/* Téléphone : accueil plus compact */
@media (max-width:600px){
  .mk-steps{gap:10px}
  .mk-step{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:16px}
  .mk-step::before{grid-row:1 / span 2;margin:0}
  .mk-step h3{font-size:17px;margin:2px 0 4px}
  .mk-step p{font-size:14.5px}
  .mk-chips{gap:8px}
  .mk-chips li{padding:8px 13px;font-size:13.5px}
  .mk-quick-card{padding:18px}
  .mk-quick-big{font-size:24px}
  .mk-footer{padding:40px 0 24px}
  .mk-footer-grid{grid-template-columns:1fr;gap:24px}
  .mk-footer-grid>div:nth-child(2),.mk-footer-grid>div:nth-child(3){display:none}
  .mk-footer-grid ul{grid-template-columns:1fr 1fr;column-gap:16px}
  .mk-footer-bottom{margin-top:28px;flex-direction:column}
}
@media (max-width:600px){
  .mk-promo .mk-wrap{padding:7px 0;gap:4px 8px;font-size:12.5px;line-height:1.35}
  .mk-promo-tag{display:none}
  .mk-hours td{padding:10px 0;font-size:14px}
  .mk-hours td:last-child{font-size:13.5px}
  .mk-visit .mk-card{padding:20px 18px}
}
.mk-hours .mk-h{white-space:nowrap}
@media (max-width:600px){.mk-hours .mk-sep{display:none}.mk-hours .mk-h{display:block;line-height:1.35}}

/* ===== Fenêtre « Comment ça marche ? » (17/10/2026) ===== */
.mk-modal-open,.mk-modal-open body{overflow:hidden}
.mk-steps-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(13,15,13,.55);backdrop-filter:blur(3px)}
.mk-steps-modal.is-open{display:flex}
.mk-steps-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:28px 28px 24px;box-shadow:0 30px 80px rgba(0,0,0,.3);font-family:var(--mk-body);color:var(--mk-ink)}
.mk-steps-dialog:focus{outline:none}
.mk-steps-dialog h2{font-family:var(--mk-head);font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em}
.mk-steps-intro{color:var(--mk-muted);margin:6px 0 18px!important}
.mk-steps-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--mk-soft);font-size:24px;line-height:1;cursor:pointer}
.mk-steps-mini{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:etape}
.mk-steps-mini li{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:start;padding:12px;border-radius:14px;background:var(--mk-soft)}
.mk-steps-mini li::before{counter-increment:etape;content:counter(etape);grid-row:1 / span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mk-ink);color:var(--mk-green);font-family:var(--mk-head);font-weight:800}
.mk-steps-mini b{font-family:var(--mk-head);font-size:16px}
.mk-steps-mini span{font-size:14px;color:var(--mk-muted);line-height:1.5}
.mk-steps-check{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:14.5px;font-weight:600;cursor:pointer}
.mk-steps-check input{width:20px;height:20px;accent-color:var(--mk-green-deep)}
.mk-steps-actions{margin-top:16px}
.mk-steps-actions .mk-btn{width:100%}
@media (max-width:600px){
  .mk-steps-modal{align-items:flex-end;padding:0}
  .mk-steps-dialog{border-radius:22px 22px 0 0;max-height:92vh;padding:24px 18px calc(18px + env(safe-area-inset-bottom))}
  .mk-steps-dialog h2{font-size:24px}
}

/* ===== Bande d'avis qui défile, avant le pied de page ===== */
.mk-ticker{background:var(--mk-ink);color:#fff;padding:26px 0 30px;overflow:hidden}
.mk-ticker-head{width:min(var(--mk-max),calc(100% - 32px));margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mk-ticker-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk-ticker-score b{font-family:var(--mk-head);font-size:26px;line-height:1}
.mk-ticker-score small{color:#bfc6bc;font-size:13px}
.mk-ticker-link{color:var(--mk-green);font-weight:700;font-size:14px}
.mk-ticker-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mk-ticker-track{display:flex;width:max-content;animation:mk-defile var(--mk-ticker-duree,40s) linear infinite}
.mk-ticker:hover .mk-ticker-track,.mk-ticker:focus-within .mk-ticker-track{animation-play-state:paused}
@keyframes mk-defile{to{transform:translateX(var(--mk-ticker-pas,-50%))}}
.mk-ticker-card{margin:0 14px 0 0;width:320px;flex:0 0 320px;background:var(--mk-ink-2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px}
.mk-ticker-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.mk-ticker-top b{font-family:var(--mk-head);font-size:14px}
.mk-ticker-top small{color:#8e968b;font-size:12px}
.mk-ticker-card blockquote{margin:0;color:#d9ded6;font-size:14px;line-height:1.55}
.mk-ticker .mk-stars{font-size:15px}
.mk-ticker .mk-stars span{color:#4a5247}
.mk-ticker .mk-stars .on{color:#f5b400}
@media (max-width:600px){.mk-ticker-card{width:260px;flex-basis:260px}.mk-ticker{padding:20px 0 24px}}
@media (prefers-reduced-motion:reduce){.mk-ticker-track{animation:none}.mk-ticker-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
/* Bande d'avis en clair, pour se détacher du pied de page noir */
.mk-ticker{background:var(--mk-soft);color:var(--mk-ink);border-top:1px solid var(--mk-line)}
.mk-ticker-score small{color:var(--mk-muted)}
.mk-ticker-link{color:var(--mk-green-deep)}
.mk-ticker-card{background:#fff;border-color:var(--mk-line)}
.mk-ticker-top small{color:var(--mk-muted)}
.mk-ticker-card blockquote{color:#3d443c}
.mk-ticker .mk-stars span{color:#d5dbd2}
.mk-ticker .mk-stars .on{color:#f5b400}

/* ===== Vérification d'un fichier (page de dépôt) ===== */
.client-file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.verif-file{border:1px solid var(--mk-ink,#0d0f0d);background:#fff;color:var(--mk-ink,#0d0f0d);border-radius:9px;padding:8px 12px;font:700 13px var(--mk-body,inherit);cursor:pointer;white-space:nowrap}
.verif-file:hover{background:var(--mk-green,#79ff22)}
.verif-badge{display:inline-block;margin:-4px 0 12px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700}
.verif-badge[hidden]{display:none}
.verif-badge.is-ok{background:#e3f7dc;color:#1f6b17}
.verif-badge.is-attention{background:#fff1d1;color:#8a5a00}
.verif-badge.is-erreur{background:#fde3e1;color:#a3261e}
.mini-actions{display:flex;gap:6px;flex-shrink:0}
.mini-actions .verif-file{padding:6px 10px;font-size:12.5px}
#supFileList li .verif-badge{margin:0 0 0 6px}

.mk-verif-modal{position:fixed;inset:0;z-index:420;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(13,15,13,.6);backdrop-filter:blur(3px)}
.mk-verif-modal.is-open{display:flex}
.mk-verif-dialog{position:relative;width:min(940px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:26px 26px 20px;box-shadow:0 30px 80px rgba(0,0,0,.3);font-family:var(--mk-body);color:var(--mk-ink)}
.mk-verif-dialog:focus{outline:none}
.mk-verif-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--mk-soft);font-size:24px;line-height:1;cursor:pointer}
.mk-verif-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep)}
.mk-verif-dialog h2{font-family:var(--mk-head);font-size:20px;font-weight:700;margin:4px 44px 16px 0;overflow-wrap:anywhere}
.mk-verif-wait{color:var(--mk-muted);padding:40px 0;text-align:center}
.mk-verif-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.mk-verif-left{background:repeating-conic-gradient(#eef1ec 0% 25%,#f6f8f4 0% 50%) 0 0/18px 18px;border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:10px}
.mk-verif-paper{position:relative;width:100%;max-height:52vh;max-width:min(100%,calc(52vh * var(--r,0.707)));background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mk-verif-doc{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mk-verif-doc img,.mk-verif-doc canvas,.mk-verif-doc embed{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}
.mk-verif-doc embed{width:100%;height:100%}
.mk-verif-paper.is-reelle .mk-verif-doc{align-items:flex-start;justify-content:flex-start}
.mk-verif-paper.is-reelle .mk-verif-doc>*{width:var(--mk-doc-w,100%);max-width:none}
.mk-verif-margin{position:absolute;border:1.5px dashed rgba(220,40,40,.55);pointer-events:none}
.mk-verif-sheet-label{position:absolute;right:6px;bottom:6px;background:rgba(13,15,13,.75);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}
.mk-verif-nopreview{padding:60px 20px;color:var(--mk-muted);font-weight:600}
.mk-verif-pager{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.mk-verif-pager button{width:34px;height:34px;border-radius:50%;border:1px solid var(--mk-line);background:#fff;font-size:20px;line-height:1;cursor:pointer}
.mk-verif-verdict{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;margin-bottom:12px}
.mk-verif-verdict span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;font-size:18px;flex:0 0 34px}
.mk-verif-verdict b{font-family:var(--mk-head);font-size:17px}
.mk-verif-verdict.is-ok{background:#e9f8e3}.mk-verif-verdict.is-ok span{background:#2f9e22;color:#fff}
.mk-verif-verdict.is-attention{background:#fff4dc}.mk-verif-verdict.is-attention span{background:#e3a008;color:#fff}
.mk-verif-verdict.is-erreur{background:#fdeceb}.mk-verif-verdict.is-erreur span{background:#c9372c;color:#fff}
.mk-verif-checks{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mk-verif-checks li{position:relative;padding:10px 12px 10px 36px;border-radius:12px;background:var(--mk-soft);font-size:14px;line-height:1.5;color:#2f362e}
.mk-verif-checks li::before{position:absolute;left:12px;top:10px;font-weight:800}
.mk-verif-checks li.is-ok::before{content:"✓";color:#2f9e22}
.mk-verif-checks li.is-attention{background:#fff7e6}.mk-verif-checks li.is-attention::before{content:"!";color:#c98a00}
.mk-verif-checks li.is-erreur{background:#fdeeed}.mk-verif-checks li.is-erreur::before{content:"×";color:#c9372c}
.mk-verif-checks li.is-info::before{content:"i";color:#5d655b;font-style:italic}
.mk-verif-fix{margin-top:8px;border:0;border-radius:9px;background:var(--mk-ink);color:#fff;padding:8px 12px;font:700 13px var(--mk-body);cursor:pointer}
.mk-verif-note{font-size:12.5px;color:var(--mk-muted);margin:12px 0 0!important}
.mk-verif-actions{margin-top:16px;display:flex;justify-content:flex-end}
@media (max-width:760px){
  .mk-verif-modal{align-items:flex-end;padding:0}
  .mk-verif-dialog{border-radius:22px 22px 0 0;max-height:94vh;padding:22px 16px calc(16px + env(safe-area-inset-bottom))}
  .mk-verif-grid{grid-template-columns:1fr;gap:16px}
  .mk-verif-left{padding:14px}
  .mk-verif-paper{max-height:40vh;max-width:min(100%,calc(40vh * var(--r,0.707)))}
  .mk-verif-actions .mk-btn{width:100%}
  .client-file-head{flex-wrap:wrap}
}
/* Canaux de contact */
.mk-section-tight{padding-block:36px 8px}
.mk-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mk-channel{display:flex;flex-direction:column;gap:4px;padding:22px 20px;border:1.5px solid var(--mk-line);border-radius:var(--mk-radius);background:#fff;color:var(--mk-ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
a.mk-channel:hover{transform:translateY(-3px);box-shadow:var(--mk-shadow);border-color:var(--mk-green-deep)}
.mk-channel-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mk-green);color:var(--mk-ink);margin-bottom:10px}
.mk-channel-ico svg{width:22px;height:22px}
.mk-channel b{font-family:var(--mk-head);font-size:18px}
.mk-channel-sub{font-weight:600;color:var(--mk-ink);word-break:break-word}
.mk-channel-go{font-size:13.5px;color:var(--mk-muted);margin-top:6px}
.mk-channel-live{cursor:pointer}
.mk-channel-live .mk-channel-ico{background:var(--mk-ink);color:var(--mk-green)}
.mk-channel-tag{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--mk-lime);color:var(--mk-ink);border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle}
@media (max-width:920px){.mk-channels{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mk-channels{grid-template-columns:1fr}.mk-channel{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px}.mk-channel-ico{margin:0}}

/* ===== Contact : formulaire affiché au clic + Atelier Live (17/10/2026) ===== */
.mk-contact-form-sec[hidden]{display:none}
.mk-contact-form-sec{padding-top:24px}
.mk-contact-form-wrap{max-width:820px}
.mk-contact-form-head{margin-bottom:18px}
.mk-channel.is-active{border-color:var(--mk-green-deep);box-shadow:0 0 0 3px rgba(121,255,34,.35)}
.mk-channel-live{cursor:pointer}
.mk-channel-tag.is-on{background:#2fbf2f!important;color:#fff!important}

.mk-live-bubble{position:fixed;right:18px;bottom:18px;z-index:310;display:flex;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:999px;background:var(--mk-ink);color:#fff;font:700 14px var(--mk-body);box-shadow:0 12px 30px rgba(13,15,13,.3);cursor:pointer}
.mk-live-bubble[hidden]{display:none}
.mk-live-bubble b{font-weight:700}
.mk-live-dot{width:10px;height:10px;border-radius:50%;background:var(--mk-green);box-shadow:0 0 0 3px rgba(121,255,34,.3)}
.mk-live-dot[hidden]{display:none}
.mk-live{position:fixed;right:18px;bottom:18px;z-index:320;width:min(380px,calc(100% - 24px));height:min(560px,calc(100vh - 36px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-line);border-radius:20px;box-shadow:0 30px 70px rgba(13,15,13,.28);overflow:hidden;font-family:var(--mk-body);color:var(--mk-ink)}
.mk-live[hidden]{display:none}
.mk-live-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:var(--mk-ink);color:#fff}
.mk-live-head b{font-family:var(--mk-head);font-size:16px}
.mk-live-head small{display:flex;align-items:center;gap:6px;font-size:12px;color:#c8cfc5;margin-top:2px}
.mk-live-on,.mk-live-off{display:inline-block;width:8px;height:8px;border-radius:50%}
.mk-live-on{background:var(--mk-green);box-shadow:0 0 0 3px rgba(121,255,34,.25)}
.mk-live-off{background:#8e968b}
.mk-live-x{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mk-live-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--mk-soft)}
.mk-live-intro p{margin:0;background:#fff;border:1px solid var(--mk-line);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}
.mk-live-msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.mk-live-msg small{display:block;font-size:11px;opacity:.65;margin-top:3px}
.mk-live-msg.moi{align-self:flex-end;background:var(--mk-ink);color:#fff;border-bottom-right-radius:4px}
.mk-live-msg.atelier{align-self:flex-start;background:#fff;border:1px solid var(--mk-line);border-bottom-left-radius:4px}
.mk-live-wait{font-size:12.5px;color:var(--mk-muted);text-align:center;margin:6px 0 0}
.mk-live-foot{border-top:1px solid var(--mk-line);padding:10px 12px;background:#fff}
.mk-live-start{display:grid;gap:8px}
.mk-live-start input,.mk-live-start textarea,.mk-live-send textarea{width:100%;border:1px solid #cfd7ca;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;resize:none}
.mk-live-start .mk-btn{width:100%;min-height:44px}
.mk-live-err{margin:0;color:#b3261e;font-size:13px;font-weight:600;min-height:0}
.mk-live-send{display:flex;gap:8px;align-items:flex-end}
.mk-live-send textarea{min-height:44px;max-height:120px}
.mk-live-go{flex:0 0 44px;height:44px;border:0;border-radius:50%;background:var(--mk-green);color:var(--mk-ink);font-size:18px;cursor:pointer}
.mk-live-new{margin-top:6px;border:0;background:none;color:var(--mk-muted);font:600 12px var(--mk-body);text-decoration:underline;cursor:pointer;padding:2px 0}
@media (max-width:920px){
  .mk-live-bubble{bottom:calc(84px + env(safe-area-inset-bottom))}
  .mk-live{right:0;left:0;bottom:0;width:100%;height:calc(100% - 60px);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .mk-live-open .mk-tabbar{display:none}
}

/* Atelier Live : choix de la demande */
.mk-live-motifs{display:grid;gap:8px}
.mk-live-motif{min-height:48px;padding:0 16px;border:1.5px solid var(--mk-line);border-radius:14px;background:#fff;font:600 15px var(--mk-body);text-align:left;cursor:pointer;transition:.15s}
.mk-live-motif:hover{border-color:var(--mk-green-deep);background:var(--mk-soft)}
.mk-live-hint{font-size:12.5px;color:var(--mk-muted);margin:8px 2px 0}
.mk-live-back{border:0;background:none;padding:0;margin-top:6px;font:600 13px var(--mk-body);color:var(--mk-muted);cursor:pointer;text-decoration:underline}

.mk-live-bubble{transition:transform .15s ease}
.mk-live-bubble:hover{transform:translateY(-2px)}
.mk-live-bubble-ico{font-size:18px;line-height:1}
.mk-live-bubble .mk-live-dot{position:absolute;top:2px;right:2px}
.mk-live-bubble{position:fixed}
.mk-modal-open .mk-live-bubble{display:none}
@media (max-width:600px){
  .mk-live-bubble{width:52px;height:52px;padding:0;justify-content:center;border-radius:50%;right:14px}
  .mk-live-bubble b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mk-live-bubble-ico{font-size:22px}
}

/* Espace client (mon-compte.html) */
.mc-wrap{max-width:860px}
.mc-card{background:#fff;border:1px solid var(--mk-line);border-radius:22px;padding:26px;box-shadow:var(--mk-shadow);margin-bottom:18px}
.mc-card h2,.mc-card h3{margin:0 0 8px}
.mc-narrow{max-width:560px;margin-left:auto;margin-right:auto}
.mc-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.mc-duo{grid-template-columns:1fr}}
.mc-form{border:0!important;box-shadow:none!important;padding:0!important;margin-top:10px}
.mc-muted{color:var(--mk-muted)}.mc-small{font-size:13px}.mc-error{color:#b3261e;font-weight:600}
.mc-sep{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--mk-muted);font-size:13px}.mc-sep:before,.mc-sep:after{content:"";flex:1;height:1px;background:var(--mk-line)}
.mc-google{display:flex;justify-content:center;min-height:44px}
.mc-code{font-size:28px!important;letter-spacing:.35em;text-align:center;font-weight:700!important}
.mc-link{background:none;border:0;padding:0;color:var(--mk-green-deep);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.mc-head{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}.mc-head h2{margin:0}.mc-head p{margin:2px 0 0}
.mc-head-act{display:flex;flex-wrap:wrap;gap:10px}
.mc-out{background:#fff;border:1px solid var(--mk-line)}
.mc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--mk-line);padding-bottom:10px}
.mc-tabs button{border:1px solid var(--mk-line);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.mc-tabs button.on{background:var(--mk-ink);color:#fff;border-color:var(--mk-ink)}
.mc-list{list-style:none;margin:10px 0 0;padding:0}.mc-list li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--mk-line)}.mc-list li:first-child{border-top:0}
.mc-right{text-align:right;white-space:nowrap}
.mc-tag{display:inline-block;background:var(--mk-soft);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600}
.mc-count{display:inline-block;background:var(--mk-soft);border-radius:999px;padding:1px 10px;font-size:13px;margin-left:6px}
.mc-note{background:#fffbe6;border:1px solid #f0e2a0;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:14px}
.mc-points{font-size:15px}.mc-points b{font-size:44px;font-family:'Baloo 2',Nunito,sans-serif;margin-right:6px}
.mc-bar{height:12px;background:var(--mk-soft);border-radius:12px;overflow:hidden;margin:10px 0}.mc-bar i{display:block;height:100%;background:#79ff22}
.mc-hr{border:0;border-top:1px solid var(--mk-line);margin:22px 0}
.mc-danger{background:#fff;border:1px solid #b3261e;color:#b3261e}
@media (max-width:600px){.mc-card{padding:18px}.mc-list>li{flex-direction:column}.mc-right{text-align:left}}
.mc-form .mk-form-hint{margin:2px 0 6px!important}.mc-form .mk-form-check span{display:block}
.mc-steps{list-style:none;display:flex;gap:0;margin:12px 0 4px;padding:0;flex-wrap:wrap}
.mc-steps li{flex:1;min-width:110px;position:relative;padding-top:22px;font-size:13px;font-weight:600;color:var(--mk-muted);text-align:center}
.mc-steps li i{position:absolute;top:0;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:2px solid #cfd7ca;z-index:1}
.mc-steps li:before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:#cfd7ca}
.mc-steps li:first-child:before{display:none}
.mc-steps li.done{color:var(--mk-ink)}.mc-steps li.done i{background:#79ff22;border-color:#2f7d12}.mc-steps li.done:before{background:#2f7d12}
.mc-steps li.now i{border-color:#2f7d12;box-shadow:0 0 0 4px rgba(121,255,34,.35)}.mc-steps li.now{color:var(--mk-ink)}.mc-steps li.now:before{background:#2f7d12}
.mc-steps small{display:block;font-weight:400;color:var(--mk-muted);font-size:12px}
.mc-list>li{flex-wrap:wrap}.mc-full{flex:0 0 100%}.mc-list>li>div:first-child{flex:1;min-width:0}
@media (max-width:600px){.mc-steps li{min-width:70px;font-size:12px}}
.mc-bottom{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--mk-line);text-align:center;font-size:14.5px}
.mc-recap{width:100%;border-collapse:collapse;margin:14px 0}.mc-recap th{background:none!important;border:0!important;text-align:left;color:var(--mk-muted);font-weight:600;padding:8px 12px 8px 0;vertical-align:top;width:42%;font-size:13.5px}.mc-recap td{padding:8px 0;border-bottom:1px solid var(--mk-line)}.mc-recap tr:last-child td{border-bottom:0}

.mk-form [hidden],.mc-card [hidden]{display:none!important}

/* ===== Menu principal à sous-menus (18/10/2026) ===== */
.mk-links{gap:4px;align-items:center}
.mk-dd{position:relative}
.mk-dd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:10px;background:none;font:600 14.5px var(--mk-body);color:#30362f;cursor:pointer}
.mk-dd-btn:hover,.mk-dd.is-open .mk-dd-btn{background:var(--mk-soft);color:var(--mk-ink)}
.mk-dd.is-current>.mk-dd-btn{color:var(--mk-ink);box-shadow:inset 0 -2px 0 var(--mk-green)}
.mk-chev{width:14px;height:14px;transition:transform .15s}
.mk-dd.is-open .mk-chev{transform:rotate(180deg)}
.mk-dd-panel{position:absolute;top:calc(100% + 6px);left:-8px;min-width:290px;padding:8px;background:#fff;border:1px solid var(--mk-line);border-radius:16px;box-shadow:0 22px 50px rgba(13,15,13,.14);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:200}
.mk-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.mk-dd.is-open .mk-dd-panel{opacity:1;visibility:visible;transform:none}
.mk-dd-panel a{display:block;padding:10px 12px;border-radius:10px;border:0!important}
.mk-dd-panel a:hover,.mk-dd-panel a:focus-visible{background:var(--mk-soft)}
.mk-dd-panel b{display:block;font-family:var(--mk-head);font-size:14.5px;font-weight:600;color:var(--mk-ink)}
.mk-dd-panel small{display:block;font-size:12.5px;color:var(--mk-muted);margin-top:1px}
.mk-account{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--mk-line);border-radius:999px;font-weight:600;font-size:14px;color:var(--mk-ink);white-space:nowrap;max-width:220px}
.mk-account span{overflow:hidden;text-overflow:ellipsis}
.mk-account svg{width:18px;height:18px;flex:0 0 18px}
.mk-account:hover,.mk-account[aria-current=page]{border-color:var(--mk-ink)}
.mk-account.is-connecte{background:var(--mk-soft);border-color:#b9d9a6}
.mk-account.is-connecte svg{color:var(--mk-green-deep)}
.mk-nav{gap:14px}
.mk-menu-group{margin:14px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep)}
.mk-menu a.mk-menu-small{font-size:13px;color:var(--mk-muted);font-weight:500}
.mk-menu-account{display:flex!important;align-items:center;gap:10px;padding:14px!important;margin:6px 0 4px;border:1px solid var(--mk-line)!important;border-radius:14px;background:var(--mk-soft)}
.mk-menu-account svg{width:20px;height:20px}
@media (max-width:1180px) and (min-width:921px){.mk-brand-text small{display:none}.mk-dd-btn{padding:10px 10px;font-size:14px}.mk-account{max-width:160px}}
@media (max-width:920px){.mk-nav>.mk-account{display:none}}
@media (max-width:920px){.mk-menu.open{max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain}.menu-open .mk-live-bubble{display:none}}

/* ===== Allègement mobile & appli (18/10/2026) ===== */
/* Bandeau promo plus fin, partout */
.mk-promo{font-size:13px}
.mk-promo .mk-wrap{padding:6px 0;gap:6px 12px}
.mk-promo-tag{font-size:10.5px;padding:2px 8px}
.mk-promo-short{display:none}
@media (max-width:760px){
  .mk-promo{font-size:12.5px}
  .mk-promo .mk-wrap{flex-wrap:nowrap;justify-content:center;padding:6px 0;gap:10px;white-space:nowrap}
  .mk-promo-long,.mk-promo-tag{display:none}
  .mk-promo-short{display:inline}
  .mk-promo a{font-size:12.5px}
}
/* Barre d'onglets plus fine et plus légère */
@media (max-width:920px){
  .mk-tabbar{padding:4px 2px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(13,15,13,.05)}
  .mk-tab{gap:1px;padding:3px 2px;font-size:10px;font-weight:500;color:#6b7369}
  .mk-tab-ico{width:36px;height:24px}
  .mk-tab svg{width:19px;height:19px;stroke-width:1.8}
  .mk-tab.is-active{font-weight:600}
  .mk-tab.is-active .mk-tab-ico{background:rgba(121,255,34,.28)}
  .mk-tab-main .mk-tab-ico{width:42px;height:42px;margin-top:-16px;box-shadow:0 4px 12px rgba(121,255,34,.4),0 0 0 3px #fff}
  .mk-tab-main svg{width:20px;height:20px;stroke-width:2}
  .mk-tab-main .mk-tab-label{font-weight:600}
  body.mk{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .mk-live-bubble{bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media (max-width:600px){.mk-live-bubble{width:46px;height:46px}.mk-live-bubble-ico{font-size:19px}}
/* Menu téléphone : rubriques repliées, lignes compactes */
.mk-menu{padding:6px 16px 14px}
.mk-menu>a{padding:11px 4px;font-size:15px}
.mk-menu-account{padding:10px 12px!important;margin:6px 0 2px;font-size:14.5px}
.mk-menu-dd{border-bottom:1px solid var(--mk-line)}
.mk-menu-dd summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-weight:600;font-size:15px;cursor:pointer}
.mk-menu-dd summary::-webkit-details-marker{display:none}
.mk-menu-dd summary .mk-chev{width:16px;height:16px;color:var(--mk-muted);transition:transform .15s}
.mk-menu-dd[open] summary .mk-chev{transform:rotate(180deg)}
.mk-menu-dd>div{display:grid;padding:0 0 8px 10px}
.mk-menu-dd>div a{padding:8px 4px;font-size:14px;color:#3d443c;border:0}
.mk-menu-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.mk-menu-tools .mk-install{flex:1 1 140px;margin:0;padding:10px;font-size:13px;border-radius:10px}
.mk-menu-tools .mk-install.is-on{border-style:solid;background:#e9f8e3}
.mk-menu a.mk-menu-small{padding:8px 4px;font-size:12.5px;border:0}
/* Suivi de commande par notification (après la commande) */
.order-notif{margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(121,255,34,.4)}
.order-notif p{margin:0 0 10px!important}
.order-notif small{color:#c8cfc5}
/* Invitation à activer les notifications (appli installée) */
.mk-notif-card{position:fixed;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:330;background:#fff;border:1px solid var(--mk-line);border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px rgba(13,15,13,.22);font-family:var(--mk-body)}
.mk-notif-card b{font-family:var(--mk-head);font-size:15px}
.mk-notif-card p{margin:4px 0 10px;font-size:13.5px;color:var(--mk-muted)}
.mk-notif-card div{display:flex;gap:10px;align-items:center}
.mk-notif-card .mk-btn{min-height:40px;padding:0 16px;font-size:14px}
.mk-notif-non{border:0;background:none;color:var(--mk-muted);font:600 13px var(--mk-body);text-decoration:underline;cursor:pointer}
@media (min-width:921px){.mk-notif-card{left:auto;right:20px;bottom:20px;width:340px}}

/* Choix « Pré-commande / Devis » avant l'envoi de fichiers */
.intent-title{font-family:'Baloo 2',Nunito,sans-serif;font-size:clamp(22px,4vw,28px);margin:0 0 16px;text-align:center}
.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.intent-grid{grid-template-columns:1fr}}
.intent-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fff;border:2px solid var(--mk-line);border-radius:22px;padding:24px;cursor:pointer;font:inherit;color:var(--mk-ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.intent-card:hover,.intent-card:focus-visible{border-color:var(--mk-green-deep);transform:translateY(-2px);box-shadow:0 14px 34px rgba(13,15,13,.1);outline:none}
.intent-card b{font-family:'Baloo 2',Nunito,sans-serif;font-size:22px}
.intent-card small{font-size:15px;line-height:1.5;color:#4b5349}
.intent-card em{font-style:normal;font-weight:700;margin-top:6px;color:var(--mk-green-deep)}
.intent-ico{font-size:34px;line-height:1}
.intent-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--mk-soft,#eefbe2);border:1px solid var(--mk-line);border-radius:14px;padding:10px 16px;margin-bottom:16px;font-weight:600}
.intent-bar[hidden]{display:none}
.intent-devis #estimBox,.intent-devis #supEstim{display:none!important}
.mk-upload-help[hidden]{display:none!important}

/* Connexion : page épurée, logo en haut à gauche + encadré */
.mc-solo .mk-promo,.mc-solo .mk-links,.mc-solo .mk-account,.mc-solo .mk-nav>.mk-btn:not(.mc-solo-back),.mc-solo .mk-burger,.mc-solo .mk-menu,.mc-solo .mk-brand-text,.mc-solo .mk-page-hero,.mc-solo .mk-footer,.mc-solo .mk-tabbar,.mc-solo .mk-live-bubble{display:none!important}
.mc-solo .mk-header{position:static}
.mc-solo .mk-section-tight{padding-top:28px}
.mc-solo-title,.mc-solo-back{display:none}
.mc-solo .mk-nav{position:relative;justify-content:space-between}
.mc-solo .mc-solo-title{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mk-font-display,inherit);font-weight:800;font-size:20px;color:var(--mk-ink)}
.mc-solo .mc-solo-back{display:inline-flex;margin-left:auto;background:#fff;border:1.5px solid var(--mk-ink);color:var(--mk-ink);padding:9px 16px;font-size:14px}
@media (max-width:520px){.mc-solo .mc-solo-title{font-size:16px}.mc-solo .mc-solo-back{padding:8px 12px;font-size:13px}}

/* Bandeau d'offre : fine ligne claire (remplace l'ancien bandeau noir, trop haut) */
.mk-promo{background:#eefdd9;color:#16200f;font-size:12.5px;border-bottom:1px solid #d6ecbb}
.mk-promo .mk-wrap{padding:3px 0;gap:2px 10px;flex-wrap:nowrap;white-space:nowrap;line-height:1.3;overflow:hidden}
.mk-promo p{color:#2a3a1c;margin:0;overflow:hidden;text-overflow:ellipsis}.mk-promo strong{color:#16200f}
.mk-promo-tag{display:none}
.mk-promo a{color:#16200f;font-size:12.5px}

/* Refonte navigation : Commander / Infos pratiques / Contact & messages */
.mk-dd-cmd>.mk-dd-btn{background:var(--mk-ink);color:var(--mk-green);border-radius:999px}
.mk-dd-cmd>.mk-dd-btn:hover{background:#1d221c}
.mk-dd-sec{display:block;padding:8px 14px 2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f7a00}
.mk-dd-sec:not(:first-child){margin-top:6px;border-top:1px solid var(--mk-line);padding-top:12px}
.mk-choix{padding:56px 0 40px;background:linear-gradient(180deg,#fff 0%,var(--mk-soft) 100%)}
.mk-choix h1{font-size:clamp(34px,5vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:10px 0 8px}
.mk-choix h1 mark{background:none;text-decoration:underline;text-decoration-color:var(--mk-green);text-decoration-thickness:.24em;text-underline-offset:-.13em;text-decoration-skip-ink:none;color:inherit;padding:0 .06em}
.mk-choix-lead{font-size:19px;color:#454c44;max-width:640px;margin:0 0 28px}
.mk-choix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mk-choix-card{display:flex;flex-direction:column;gap:14px;border-radius:28px;padding:34px;min-height:360px;box-sizing:border-box;text-decoration:none;transition:transform .15s,box-shadow .15s}
.mk-choix-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(13,15,13,.16)}
.mk-choix-card h2{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.1;font-weight:800}
.mk-choix-card p{margin:0;font-size:17px;line-height:1.5}
.mk-choix-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px}
.mk-choix-card li:before{content:"✓ "}
.mk-choix-ico{width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center}
.mk-choix-ico svg{width:30px;height:30px}
.mk-choix-go{margin-top:auto;align-self:flex-start;font-weight:700;font-size:17px;padding:15px 26px;border-radius:999px}
.mk-choix-print{background:var(--mk-ink);color:#fff}.mk-choix-print p{color:#d9ded6}.mk-choix-print .mk-choix-ico{background:var(--mk-green);color:var(--mk-ink)}.mk-choix-print .mk-choix-go{background:var(--mk-green);color:var(--mk-ink)}
.mk-choix-ink{background:#fff;color:var(--mk-ink);border:2px solid var(--mk-green)}.mk-choix-ink p{color:#4d5649}.mk-choix-ink .mk-choix-ico{background:var(--mk-ink);color:var(--mk-green)}.mk-choix-ink .mk-choix-go{background:var(--mk-ink);color:var(--mk-green)}
.mk-choix-aussi{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 0;font-size:14px;font-weight:600;color:#4d5649}
.mk-choix-aussi a{background:#fff;border:1px solid var(--mk-line);border-radius:999px;padding:10px 18px;color:var(--mk-ink);text-decoration:none}
@media (max-width:760px){.mk-choix{padding:28px 0 24px}.mk-choix-grid{grid-template-columns:1fr;gap:16px}.mk-choix-card{min-height:0;padding:22px;border-radius:22px}.mk-choix-lead{font-size:16px;margin-bottom:18px}}
.mk-dd-cmd:hover>.mk-dd-btn,.mk-dd-cmd.is-open>.mk-dd-btn,.mk-dd-cmd>.mk-dd-btn:focus-visible{background:#1d221c;color:var(--mk-green)}

/* Bulle Atelier Live : remonte en bas de page pour libérer les liens du pied de page */
.mk-live-bubble{transition:transform .15s ease,bottom .2s ease}
.mk-live-bubble.mk-live-haut{bottom:calc(18px + 56px)}
@media (max-width:760px){.mk-live-bubble.mk-live-haut{bottom:calc(84px + 52px + env(safe-area-inset-bottom))}}

/* ===== Site simplifié (20261021-simple1) : en-tête, accueil, pied de page ===== */
.mk-tabbar{display:none!important}
body.mk{padding-bottom:0!important}
.mk-hd{position:sticky;top:0;z-index:120}
.mk-h2-row{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative}
.mk-h2-cart,.mk-h2-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid #cfd6ca;border-radius:999px;background:#fff;color:var(--mk-ink);font:600 14px var(--mk-body);cursor:pointer;text-decoration:none}
.mk-h2-cart:hover,.mk-h2-btn:hover{border-color:var(--mk-ink)}
.mk-h2-cart svg,.mk-h2-btn svg,.mk-h2-search>svg{width:20px;height:20px;flex-shrink:0}
.mk-h2-bdg{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--mk-green);color:var(--mk-ink);font:800 11px var(--mk-body);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.mk-h2-bdg[hidden]{display:none}
.mk-h2-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--mk-ink);flex-shrink:0}
.mk-h2-brand b{font:700 17px var(--mk-head);white-space:nowrap}
.mk-h2-brand img{display:block;border-radius:10px}
.mk-h2-search{position:relative;flex:1 1 auto;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--mk-soft);border:1.5px solid var(--mk-line);border-radius:999px;padding:0 16px;min-height:44px;color:#6b7466}
.mk-h2-search:focus-within{border-color:var(--mk-ink);background:#fff}
.mk-h2-search input{flex:1;min-width:0;border:0;background:transparent;font:500 14.5px var(--mk-body);color:var(--mk-ink);outline:0;height:42px}
.mk-h2-res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--mk-line);border-radius:16px;box-shadow:0 18px 44px rgba(13,15,13,.16);padding:8px;z-index:5;max-height:70vh;overflow:auto}
.mk-h2-res[hidden]{display:none}
.mk-h2-res a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--mk-ink)}
.mk-h2-res a:hover{background:var(--mk-soft)}
.mk-h2-res b{display:block;font:600 14.5px var(--mk-body)}
.mk-h2-res small{display:block;color:var(--mk-muted);font-size:12.5px}
.mk-h2-rs{display:block;padding:8px 12px 2px;font:700 11px var(--mk-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep)}
.mk-h2-open{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font:700 14px var(--mk-body);color:#fff;background:#8a918a;white-space:nowrap}
.mk-h2-open i{width:9px;height:9px;border-radius:50%;background:#fff;display:inline-block}
.mk-h2-open.is-open{background:#1f9d1f}
.mk-h2-open.is-closed{background:#d93025}
.mk-h2-menu{position:relative}
.mk-h2-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);width:340px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:0 18px 50px rgba(13,15,13,.18);overflow:hidden;z-index:6}
.mk-h2-menu.open .mk-h2-panel{display:block}
.mk-h2-sec{display:block;padding:14px 18px 6px;font:700 12px var(--mk-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mk-green-deep)}
.mk-h2-sec+a{border-top:0!important}
.mk-h2-panel>a{display:block;padding:11px 18px;border-top:1px solid #eef1ec;text-decoration:none;color:var(--mk-ink)}
.mk-h2-panel>a:hover{background:var(--mk-soft)}
.mk-h2-panel>a b{display:block;font:600 15.5px var(--mk-body)}
.mk-h2-panel>a small{display:block;color:var(--mk-muted);font-size:12.5px}
/* Menu : « Cartouches d’encre » repliable (fermé par défaut) */
.mk-h2-sub{border-top:1px solid #eef1ec}
.mk-h2-sub>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;cursor:pointer;color:var(--mk-ink)}
.mk-h2-sub>summary::-webkit-details-marker{display:none}
.mk-h2-sub>summary:hover{background:var(--mk-soft)}
.mk-h2-sub>summary b{display:block;font:600 15.5px var(--mk-body)}
.mk-h2-sub>summary small{display:block;color:var(--mk-muted);font-size:12.5px}
.mk-h2-sub>summary .mk-chev{width:18px;height:18px;flex:none;color:var(--mk-muted);transition:transform .15s}
.mk-h2-sub[open]>summary .mk-chev{transform:rotate(180deg)}
.mk-h2-sub>a{display:block;padding:9px 18px 9px 34px;text-decoration:none;color:var(--mk-ink)}
.mk-h2-sub>a:hover{background:var(--mk-soft)}
.mk-h2-sub>a b{font:600 14.5px var(--mk-body)}
.mk-h2-sub[open]{padding-bottom:6px}
.mk-h2-sub>a{position:relative}
.mk-h2-sub>a::before{content:"";position:absolute;left:18px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#79ff22;border:1px solid #0d0f0d;box-sizing:border-box}
.mk-h2-foot{border-top:1px solid var(--mk-line);padding:12px 18px;font-size:12.5px;color:var(--mk-muted)}
.mk-h2-foot a{text-decoration:underline;color:inherit}
.mk-h2-acc{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 6px;border:1.5px solid #cfd6ca;border-radius:999px;background:#fff;color:var(--mk-ink);font:600 14px var(--mk-body);text-decoration:none;max-width:200px}
.mk-h2-acc:hover{border-color:var(--mk-ink)}
.mk-h2-acc.is-connecte{border-color:var(--mk-ink)}
.mk-h2-accn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-h2-av{width:32px;height:32px;border-radius:50%;background:var(--mk-ink);color:var(--mk-green);display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--mk-head);flex-shrink:0}
.mk-h2-av svg{width:18px;height:18px}
.mk-h2-av.has-ini svg{display:none}
.mk-h2-av [data-compte-ini][hidden]{display:none}
.mk-h2-acc:not(.is-connecte) .mk-h2-accn{content:""}
.mk-back{display:inline-block;color:#bfc6bc;font-size:14px;text-decoration:none;margin-bottom:6px}
.mk-back:hover{color:#fff}
.mk-h2-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.mk-hub-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--mk-ink);padding:20px}
.mk-hub-card b{font:700 18px var(--mk-head)}.mk-hub-card span{color:var(--mk-muted);font-size:14px}
.mk-hub-card:hover{border-color:var(--mk-ink)}
/* accueil */
.mk-home{padding:48px 0 36px;background:var(--mk-soft)}
.mk-home-h1{font:800 clamp(28px,4.4vw,44px)/1.1 var(--mk-head);letter-spacing:-.02em;margin:0 0 6px}
.mk-home-p{margin:0 0 26px;font-size:18px;color:var(--mk-muted)}
.mk-home-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mk-home-card{display:flex;flex-direction:column;gap:10px;border-radius:24px;padding:28px;min-height:230px;text-decoration:none;box-sizing:border-box;transition:transform .15s}
.mk-home-card:hover{transform:translateY(-2px)}
.mk-home-card b{font:800 28px var(--mk-head)}
.mk-home-card>span:not(.mk-home-ico):not(.mk-home-go){font-size:16px;line-height:1.5}
.mk-home-ico{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}
.mk-home-ico svg{width:28px;height:28px}
.mk-home-go{margin-top:auto;align-self:flex-start;font:700 16px var(--mk-body);padding:13px 22px;border-radius:999px}
.mk-home-dark{background:var(--mk-ink);color:#fff}.mk-home-dark .mk-home-ico{background:var(--mk-green);color:var(--mk-ink)}.mk-home-dark>span:not(.mk-home-ico):not(.mk-home-go){color:#d9ded6}.mk-home-dark .mk-home-go{background:var(--mk-green);color:var(--mk-ink)}
.mk-home-light{background:#fff;color:var(--mk-ink);border:2px solid var(--mk-green)}.mk-home-light .mk-home-ico{background:var(--mk-ink);color:var(--mk-green)}.mk-home-light>span:not(.mk-home-ico):not(.mk-home-go){color:var(--mk-muted)}.mk-home-light .mk-home-go{background:var(--mk-ink);color:var(--mk-green)}
.mk-home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.mk-home-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--mk-line);border-radius:20px;padding:20px;text-decoration:none;color:var(--mk-ink)}
.mk-home-tile:hover{border-color:var(--mk-ink)}
.mk-home-tile b{font:700 17px var(--mk-head)}.mk-home-tile span{font-size:14px;color:var(--mk-muted)}
.mk-home-info{margin:24px 4px 0;font-size:14px;color:var(--mk-muted)}.mk-home-info a{text-decoration:underline;color:inherit}
/* pied de page réduit */
.mk-f2{padding:26px 0 30px}
.mk-f2 .mk-f2-l{margin:0 0 6px;font-size:14px;color:#c4cbc1}.mk-f2 .mk-f2-l a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mk-f2 .mk-f2-c{margin:10px 0 0;font-size:12.5px;color:#8a918a}
/* nav horizontale (ordinateur) */
.mk-h2-row{gap:10px}
.mk-h2-open{margin-left:0}
.mk-h2-search{flex:0 1 210px;min-width:140px}
.mk-h2-nav{display:flex;align-items:center;gap:2px;margin-left:4px;flex:1;min-width:0}
.mk-h2-nav>a,.mk-h2-dd>button{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--mk-ink);font:600 14.5px var(--mk-body);text-decoration:none;cursor:pointer;white-space:nowrap}
.mk-h2-nav>a:hover,.mk-h2-dd>button:hover,.mk-h2-dd.open>button{background:#eef2ea}
.mk-h2-nav .mk-chev{width:14px;height:14px}
.mk-h2-dd{position:relative}
.mk-h2-dd-panel{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--mk-line);border-radius:16px;box-shadow:0 18px 44px rgba(13,15,13,.16);padding:6px;z-index:6}
.mk-h2-dd.open .mk-h2-dd-panel{display:block}
.mk-h2-dd-panel::before{content:'';position:absolute;left:-6px;right:-6px;top:-14px;height:14px}
.mk-h2-dd-panel a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--mk-ink)}
.mk-h2-dd-panel a:hover{background:var(--mk-soft)}
.mk-h2-dd-panel b{font:600 14.5px var(--mk-body)}
.mk-h2-menu{display:none}
.mk-h2-cart{padding:0 12px}
@media (max-width:1180px){.mk-h2-lab{display:none}.mk-h2-accn{display:none}.mk-h2-acc{padding:0 6px}}
@media (max-width:980px){
  .mk-h2-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"cart brand menu" "search search search";gap:10px;padding:8px 0 10px}
  .mk-h2-nav{display:none}
  .mk-h2-cart{grid-area:cart}.mk-h2-brand{grid-area:brand;justify-content:center}
  .mk-h2-menu{display:block;grid-area:menu}
  .mk-h2-brand b{font-size:15px}.mk-h2-brand img{width:34px;height:34px}
  .mk-h2-search{grid-area:search;flex:none;max-width:none;min-width:0}
  .mk-h2-open,.mk-h2-acc{grid-area:auto}
  .mk-h2-row{grid-template-columns:auto 1fr auto auto auto;grid-template-areas:"cart brand open acc menu" "search search search search search"}
  .mk-h2-open{grid-area:open;min-height:36px;padding:0 12px;font-size:13px}
  .mk-h2-acc{grid-area:acc}
  .mk-home{padding:26px 0 24px}.mk-home-cards,.mk-home-tiles{grid-template-columns:1fr}.mk-home-card{min-height:0;padding:22px}.mk-home-card b{font-size:22px}
  .mk-h2-panel{position:fixed;left:12px;right:12px;top:auto;margin-top:8px;width:auto;max-width:none;max-height:75vh;overflow:auto}
}
@media (max-width:520px){.mk-h2-brand b{display:none}.mk-h2-open{padding:0 10px;gap:6px;font-size:12.5px}}

/* ajustements en-tête ordinateur */
.mk-h2-row{width:min(1380px,calc(100% - 32px));gap:8px}
.mk-h2-search{flex:0 1 170px;min-width:130px}
.mk-h2-nav{gap:0}
.mk-h2-nav>a,.mk-h2-dd>button{padding:0 9px;font-size:14px;line-height:1;height:40px}
.mk-h2-dd{display:flex;align-items:center}
.mk-h2-brand b{font-size:16px}
@media (max-width:1420px){.mk-h2-lab{display:none}.mk-h2-accn{display:none}.mk-h2-acc{padding:0 6px}}
@media (min-width:981px){.mk-h2-row{flex-wrap:nowrap}.mk-h2-nav{flex:1 1 auto;justify-content:flex-start}}
.mk .mk-h2-search input:focus-visible{outline:0}
.mk-h2-res{min-width:340px}
@media (max-width:980px){.mk-h2-res{min-width:0}}

/* recherche au milieu (ordinateur) : ligne 1 = logo+Ouvert | recherche | panier+compte ; ligne 2 = liens */
.mk-h2-left{grid-area:left;display:flex;align-items:center;gap:10px;min-width:0}
.mk-h2-right{grid-area:right;display:flex;align-items:center;justify-content:flex-end;gap:8px}
@media (min-width:981px){
  .mk-h2-row{display:grid;grid-template-columns:1fr minmax(280px,560px) 1fr;grid-template-areas:"left search right" "nav nav nav";align-items:center;row-gap:0;padding:10px 0 2px;width:min(1280px,calc(100% - 32px))}
  .mk-h2-search{grid-area:search;flex:none;width:100%;max-width:none;min-width:0}
  .mk-h2-nav{grid-area:nav;justify-content:center;margin:0;padding:2px 0 6px;flex:none}
  .mk-h2-res{min-width:0}
}
@media (max-width:980px){.mk-h2-left,.mk-h2-right{display:contents}}
/* téléphone (02/11/2026, demande de Michael) : logo puis « Ouvert » à gauche ; panier à côté du compte, puis menu, à droite */
@media (max-width:980px){
  .mk-h2-row{grid-template-columns:auto auto 1fr auto auto auto;grid-template-areas:"brand open . cart acc menu" "search search search search search search"}
  .mk-h2-brand{justify-content:flex-start}
  .mk-h2-open{justify-self:start}
}
/* SIRET (pros / associations / administrations) — commandes sans compte */
.siret-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6px 14px;padding:14px 16px;border:2px solid #79ff22;border-radius:14px;background:#f6ffee}
.siret-bloc[hidden]{display:none!important}
.siret-bloc label{display:grid;gap:6px;font-weight:600;font-size:14px;min-width:0}
.siret-bloc input{width:100%;box-sizing:border-box}
.siret-bloc .siret-msg{grid-column:1/-1;order:3;margin:0;font-size:13px;color:#4a5546}
.siret-bloc .siret-msg.siret-ok{color:#1c6a05;font-weight:600}.siret-bloc .siret-msg.siret-err{color:#b3261e}
@media(max-width:640px){.siret-bloc{grid-template-columns:1fr}}

.pg-picker{grid-column:1/-1;margin-top:10px}.pg-picker[hidden]{display:none!important}.pg-sum{margin:0 0 4px;font-size:15px}.pg-help{margin:0 0 10px;font-size:13px;color:#5a6657}
.pg-grid{display:flex;flex-wrap:wrap;gap:6px}.pg-p{min-width:44px;height:44px;border-radius:10px;border:2px solid #d6dbd3;background:#fff;font:600 14px Nunito,sans-serif;cursor:pointer;position:relative}
.pg-p.nb{background:#f1f1f1;color:#444}.pg-p.co{background:linear-gradient(135deg,#ffe2f0,#e2f0ff 55%,#fff6c9);border-color:#79FF22;color:#0d0f0d}.pg-p.co::after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#00b4ff,#ff3d9a,#ffd400)}
.pg-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pg-quick button{border:1px solid #d6dbd3;background:#fff;border-radius:999px;padding:8px 14px;font:600 13px Nunito,sans-serif;cursor:pointer}
.col-hint{grid-column:1/-1;margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#f4f6f2;border:1px solid #dfe5da;font-size:14px;color:#0d0f0d;line-height:1.4}.col-hint[hidden]{display:none!important}

/* Charte : titres de page avec le mot clé surligné au marqueur vert fluo (moitié basse des lettres) */
h1 mark,h2 mark{background:none;text-decoration:underline;text-decoration-color:var(--mk-green,#79ff22);text-decoration-thickness:.24em;text-underline-offset:-.13em;text-decoration-skip-ink:none;color:inherit;padding:0 .06em}

/* Pied de page (3e version) : colonnes sans soulignement */
.mk-f3{padding:48px 0 26px}
.mk-f3-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.mk-f3-logo{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mk-f3-logo img{width:44px;height:44px;border-radius:10px}
.mk-f3-logo b{font-family:var(--mk-head);color:#fff;font-size:19px}
.mk-f3 p{margin:0 0 8px;color:#b7beb4;line-height:1.55}
.mk-f3 h4{font-family:var(--mk-head);color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--mk-green);display:inline-block}
.mk-f3 ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.mk-f3 a{color:#d5dbd2;text-decoration:none;transition:color .15s}
.mk-f3 ul a:hover,.mk-f3 ul a:focus-visible{color:var(--mk-green)}
.mk-f3-tel{display:inline-block;margin-top:4px;color:#fff!important;font-family:var(--mk-head);font-weight:700;font-size:17px}
.mk-f3-tel:hover{color:var(--mk-green)!important}
.mk-f3-btn{display:inline-block;margin-top:4px;padding:10px 18px;border-radius:999px;background:var(--mk-green);color:var(--mk-ink)!important;font-weight:700;font-size:14px}
.mk-f3-btn:hover{box-shadow:0 8px 22px rgba(121,255,34,.3)}
.mk-f3-copy{margin:36px 0 0!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#8a918a!important}
@media (max-width:900px){.mk-f3-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media (max-width:600px){
  .mk-f3{padding:36px 0 22px}
  .mk-f3-grid{grid-template-columns:1fr 1fr;gap:26px 18px}
  .mk-f3-brand,.mk-f3-grid>.mk-f3-col:last-child{grid-column:1/-1}
  .mk-f3 ul{gap:12px}
}
/* Demande de devis en étapes */
.dev-steps{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-weight:700;font-size:14px;color:#2f7a0c}.dev-steps-bar{flex:1;height:8px;border-radius:999px;background:#e6ece2;overflow:hidden}.dev-steps-bar i{display:block;height:100%;width:20%;background:#79ff22;border-radius:999px;transition:width .25s}
.dev-nav{display:flex;justify-content:space-between;gap:12px;margin:4px 0 14px}.dev-nav .btn{margin-left:auto}
.fld-label em,.sup-block legend em{font-style:normal;font-weight:400;color:#6a7368}
#finalizeForm .upload-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#finalizeForm .upload-actions .btn{flex:1 1 0;width:auto;min-width:0;margin:0}.finalize-form input[type=email]{width:100%;border:1px solid #cfd6cb;border-radius:10px;background:#fff;padding:11px 12px;font:inherit;color:var(--ink)}#finalizeForm .upload-actions .btn-back{flex:0 0 auto;margin:0}#finalizeForm .upload-actions .upload-status{flex-basis:100%}

/* ===== Site en mode appli (04/11/2026) ===== */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
html:active-view-transition-type(avant)::view-transition-old(root){animation:mkSortGauche .38s cubic-bezier(.2,.8,.2,1) both}
html:active-view-transition-type(avant)::view-transition-new(root){animation:mkEntreDroite .38s cubic-bezier(.2,.8,.2,1) both}
html:active-view-transition-type(retour)::view-transition-old(root){animation:mkSortDroite .38s cubic-bezier(.2,.8,.2,1) both}
html:active-view-transition-type(retour)::view-transition-new(root){animation:mkEntreGauche .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes mkSortGauche{to{transform:translateX(-30%);opacity:.5}}
@keyframes mkEntreDroite{from{transform:translateX(100%)}}
@keyframes mkSortDroite{to{transform:translateX(100%)}}
@keyframes mkEntreGauche{from{transform:translateX(-30%);opacity:.5}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Barre du bas (téléphone) */
.mk-appbar{display:none}
@media (max-width:760px){
  .mk-appbar{display:flex;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:160;background:#0d0f0d;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));view-transition-name:mk-appbar}
  .mk-appbar a,.mk-appbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#c9d2c4;text-decoration:none;font:700 11.5px Nunito,sans-serif;background:none;border:0;padding:4px 2px;cursor:pointer;position:relative}
  .mk-appbar svg{width:22px;height:22px}
  .mk-appbar .on{color:#79ff22}
  .mk-appbar .bdg{position:absolute;top:0;left:56%;min-width:18px;height:18px;border-radius:9px;background:#79ff22;color:#0d0f0d;font:800 11px/18px Nunito,sans-serif;padding:0 5px}
  body.mk-avec-appbar{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  body.mk-avec-appbar .mk-live-bulle,body.mk-avec-appbar [class*="live-chat"]{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
.mk-live-open .mk-appbar{display:none}
/* Accueil en tuiles */
.mk-app-tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:6px}
.mk-app-tuile{display:flex;flex-direction:column;gap:8px;border:2px solid #0d0f0d;border-radius:24px;background:#fff;padding:20px;text-decoration:none;color:#0d0f0d;min-height:150px;transition:transform .15s,box-shadow .15s}
.mk-app-tuile:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(13,15,13,.1)}
.mk-app-tuile:active{transform:scale(.97)}
.mk-app-tuile .ico{width:54px;height:54px;border-radius:50%;background:#f1ffe5;display:grid;place-items:center;font-size:27px}
.mk-app-tuile b{font:800 21px/1.1 'Baloo 2',sans-serif}
.mk-app-tuile small{color:#5a6356;font-size:14px;line-height:1.35}
.mk-app-bande{margin-top:18px;border-radius:24px;background:#0d0f0d;color:#fff;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}
.mk-app-bande .ico{width:54px;height:54px;border-radius:50%;background:#79ff22;display:grid;place-items:center;font-size:26px}
.mk-app-bande b{font:800 23px 'Baloo 2',sans-serif;display:block}
.mk-app-bande small{color:#c9d2c4}
.mk-app-bande .go{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mk-app-bande .go a{border:2px solid rgba(255,255,255,.35);color:#fff;border-radius:99px;padding:8px 14px;font-weight:800;text-decoration:none}
.mk-app-bande .go a.btn{background:#79ff22;color:#0d0f0d;border-color:#79ff22;padding:12px 18px;border-radius:14px}
@media (max-width:760px){.mk-app-tuiles{grid-template-columns:1fr 1fr;gap:12px}.mk-app-tuile{padding:14px;min-height:132px}.mk-app-tuile b{font-size:18px}.mk-app-tuile small{font-size:13px}.mk-app-bande{grid-template-columns:auto 1fr}.mk-app-bande .go{grid-column:1/-1;justify-content:flex-start}}
/* Pop-up « le site fait peau neuve » */
.mk-neuf{position:fixed;inset:0;z-index:400;background:rgba(13,15,13,.55);display:grid;place-items:center;padding:20px}
.mk-neuf>div{background:#fff;border-radius:28px;max-width:440px;width:100%;padding:28px 24px 22px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.3);animation:mkNeuf .5s cubic-bezier(.2,.9,.2,1.15)}
@keyframes mkNeuf{from{transform:scale(.8) translateY(30px);opacity:0}}
.mk-neuf img{width:96px;height:96px}
.mk-neuf h2{font:800 30px/1.1 'Baloo 2',sans-serif;margin:10px 0 8px}
.mk-neuf h2 mark{background:#79ff22;padding:0 8px;border-radius:8px}
.mk-neuf ul{list-style:none;padding:0;margin:0 0 18px;text-align:left;display:grid;gap:8px;font-size:15.5px}
.mk-neuf li{padding-left:22px;position:relative}.mk-neuf li::before{content:"";position:absolute;left:4px;top:8px;width:10px;height:10px;border-radius:50%;background:#79ff22}
.mk-neuf button{width:100%;height:54px;border:0;border-radius:16px;background:#79ff22;font:800 17px Nunito,sans-serif;cursor:pointer}

/* Étapes des pop-ups de commande : glissement + bouton 👁 */
@keyframes wzD{from{transform:translateX(28%);opacity:0}}
@keyframes wzG{from{transform:translateX(-28%);opacity:0}}
.wz-anim-d{animation:wzD .34s cubic-bezier(.2,.8,.2,1)}
.wz-anim-g{animation:wzG .34s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.wz-anim-d,.wz-anim-g{animation:none}}
.wz-head{position:relative}
.wz-oeil{position:absolute;top:2px;right:0;border:2px solid #e1e7dc;background:#fff;border-radius:99px;padding:7px 12px;font:800 14px Nunito,sans-serif;cursor:pointer;display:flex;gap:6px;align-items:center}
.wz-oeil:hover{border-color:#79ff22;background:#f1ffe5}
@media (max-width:480px){.wz-oeil span{display:none}}
.emb .wz-oeil{top:14px;right:16px;height:38px}
.wz-head:has(.wz-oeil:not([hidden])) .wz-steps{margin-right:150px}
@media (max-width:480px){.wz-head:has(.wz-oeil:not([hidden])) .wz-steps{margin-right:52px}.emb .wz-oeil{padding:0;width:40px;justify-content:center}}
.emb .wz-btns #wzNext:not([hidden]) ~ #sendFilesBtn{display:none!important}
body:has(.im-modal:not([hidden])) .mk-live-bubble,body:has(.im-modal:not([hidden])) .mk-appbar{display:none!important}
.emb .wz-btns .btn{min-width:0}

/* Choix « Vous êtes » (Particulier / Association / Professionnel / Administration) : grandes pastilles, vert = sélectionné */
.pickup-options.mk-type{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pickup-options.mk-type[hidden]{display:none}
.pickup-options.mk-type legend{grid-column:1/-1;padding:0;margin:0 0 10px;font:800 17px var(--titre,'Baloo 2',sans-serif)}
.pickup-options.mk-type label{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;min-height:52px;border:2px solid #dfe5dc;border-radius:16px;background:#fff;color:#111;font:700 16px/1.2 var(--texte,'Nunito',sans-serif);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.pickup-options.mk-type label:hover{border-color:#111}
.pickup-options.mk-type input{position:absolute;opacity:0;pointer-events:none}
.pickup-options.mk-type label::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #b9c2b5;background:#fff;box-sizing:border-box}
.pickup-options.mk-type label:has(input:checked){border-color:#111;background:#79ff22;box-shadow:0 6px 16px #79ff2259}
.pickup-options.mk-type label:has(input:checked)::before{border-color:#111;background:radial-gradient(circle,#79ff22 0 32%,#111 36%)}
.pickup-options.mk-type label:has(input:focus-visible){outline:3px solid #111;outline-offset:2px}
@media(min-width:720px){.pickup-options.mk-type{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Mon compte sur ordinateur (13/11/2026) : pleine largeur, menu à gauche, contenu à droite en deux colonnes, plus de grands blancs */
@media(min-width:1000px){
  main#contenu .mk-wrap{width:auto!important;max-width:none!important;margin:0!important;padding-left:28px;padding-right:28px}
  main#contenu .mc-wrap{padding-left:28px;padding-right:28px}
  #mcApp:has(.mc-tabs){display:grid;grid-template-columns:260px minmax(0,1fr);gap:0 36px;align-items:start}
  #mcApp:has(.mc-tabs)>.mc-head{grid-column:1/-1;padding:0 0 14px;margin-bottom:18px;border-bottom:2px solid var(--mk-line)}
  #mcApp:has(.mc-tabs)>.mc-tabs{grid-column:1;grid-row:2;flex-direction:column;flex-wrap:nowrap;border-bottom:0;padding:0;margin:0;position:sticky;top:90px;gap:8px}
  #mcApp:has(.mc-tabs)>.mc-tabs button{text-align:left;border-radius:14px;padding:14px 18px;font-size:16px}
  #mcApp:has(.mc-tabs)>#mcPanel{grid-column:2;grid-row:2;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  #mcApp:has(.mc-tabs)>#mcPanel>*{margin:0}
  #mcApp:has(.mc-tabs)>#mcPanel>:is(.mc-note,p,.mc-muted){grid-column:1/-1}
  #mcApp:has(.mc-tabs) .mc-narrow{max-width:none}
}
/* Mon compte sur téléphone (13/11/2026) : titre aligné, onglets sur une ligne qui défile, boutons de l'en-tête compacts */
@media(max-width:999px){
  .mk-page-hero .mk-wrap{padding-left:0;padding-right:0}
  .mc-head{flex-wrap:nowrap;align-items:flex-start;gap:10px}
  .mc-head h2{font-size:22px}
  .mc-head-act{flex-wrap:nowrap;gap:8px;flex:none}
  .mc-head-act .mk-btn,.mc-head-act button,.mc-head-act a{padding:9px 12px;font-size:13.5px;min-height:0}
  .mc-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 10px}
  .mc-tabs::-webkit-scrollbar{display:none}
  .mc-tabs button{flex:none;white-space:nowrap;padding:9px 14px;font-size:14.5px}
}