/* Panier et commande en mode application (voir appli-commande.js) */
html.appli-cmd body{background:#fff!important;padding-top:0}
html.appli-cmd .mk-skip,html.appli-cmd .mk-promo,html.appli-cmd .mk-header,html.appli-cmd #mkBanniere,html.appli-cmd .mk-footer,html.appli-cmd .mk-appbar,html.appli-cmd .mk-live-bubble{display:none!important}
.ac-tete{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px max(16px,calc((100% - 760px)/2));background:#fff;border-bottom:2px solid #e1e7dc}
.ac-rond{width:42px;height:42px;border-radius:50%;border:2px solid #e1e7dc;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none;font:700 18px Nunito,sans-serif;color:#161a15;text-decoration:none}
.ac-rond img{border-radius:6px}
.ac-etapes{flex:1;display:flex;gap:6px}
.ac-etapes span{flex:1;display:flex;flex-direction:column;gap:5px}
.ac-etapes i{height:6px;border-radius:99px;background:#e1e7dc}
.ac-etapes span.ok i{background:#79ff22}
.ac-etapes em{font:700 11.5px Nunito,sans-serif;font-style:normal;color:#5a6356;text-align:center}
.ac-etapes span.ok em{color:#0d0f0d}
html.appli-cmd main .section{padding:18px 0 120px!important;background:#fff!important}
html.appli-cmd main .wrap,html.appli-cmd .upload-page-wrap{max-width:760px!important;padding:0 18px!important}
html.appli-cmd .section-title{text-align:left!important;margin:6px 0 14px!important}
html.appli-cmd .section-title>span{display:none}
html.appli-cmd .section-title h1{font:800 30px/1.12 'Baloo 2',Nunito,sans-serif!important;margin:4px 0 6px!important;letter-spacing:0}
html.appli-cmd .section-title h1 mark{background:#79ff22!important;padding:0 6px;border-radius:6px;color:#0d0f0d;background-image:none!important}
html.appli-cmd .section-title p{color:#5a6356!important;font-size:15px!important;margin:0!important}
html.appli-cmd .upload-shell{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html.appli-cmd .upload-success-head{display:none!important}
html.appli-cmd main input:not([type=checkbox]):not([type=radio]),html.appli-cmd main select,html.appli-cmd main textarea{border:2px solid #e1e7dc!important;border-radius:14px!important;padding:12px 14px!important;font:600 16px Nunito,sans-serif!important;min-height:50px;background:#fff!important;box-shadow:none!important}
html.appli-cmd main textarea{min-height:90px}
html.appli-cmd main input:focus,html.appli-cmd main select:focus,html.appli-cmd main textarea:focus{outline:none;border-color:#2f7d00!important}
html.appli-cmd main .btn{min-height:56px;border-radius:18px!important;font:800 17px Nunito,sans-serif!important;box-shadow:0 6px 18px #79ff2266!important;background:#79ff22!important;color:#0d0f0d!important;border:0!important;padding:0 22px!important;text-transform:none!important}
html.appli-cmd main .btn[disabled]{background:#e1e7dc!important;box-shadow:none!important;color:#5a6356!important}
html.appli-cmd main .btn-back{min-height:56px;border-radius:18px!important;border:2px solid #e1e7dc!important;background:#fff!important;font:800 16px Nunito,sans-serif!important;color:#161a15!important;padding:0 18px!important}
html.appli-cmd main .upload-actions,html.appli-cmd main .ct-nav,html.appli-cmd main .ce-nav{position:sticky;bottom:0;z-index:20;display:flex!important;gap:10px;flex-wrap:nowrap!important;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));margin:16px 0 0!important;background:linear-gradient(#ffffff00,#fff 24%)}
html.appli-cmd main .upload-actions .btn,html.appli-cmd main .ct-nav .btn,html.appli-cmd main .ce-nav .btn{flex:1}
html.appli-cmd .ct-pl{border:2px solid #e1e7dc!important;border-radius:18px;padding:12px 14px!important;margin-bottom:10px}
html.appli-cmd .ct-pl .ct-img{border-radius:50%;width:44px!important;height:44px;aspect-ratio:1;background:#f1ffe5}
html.appli-cmd .ct-pl b{font:800 16px 'Baloo 2',Nunito,sans-serif!important}
html.appli-cmd fieldset,html.appli-cmd .ce-fs,html.appli-cmd .ct-form{border:0!important;padding:0!important;margin:0 0 12px!important;background:none!important;box-shadow:none!important}
html.appli-cmd legend{font:800 20px 'Baloo 2',Nunito,sans-serif!important;padding:0!important;margin:0 0 10px!important}
html.appli-cmd .pickup-option,html.appli-cmd .ce-opt,html.appli-cmd label.opt-card{border:2px solid #e1e7dc!important;border-radius:20px!important;padding:14px 16px!important;background:#fff!important}
html.appli-cmd .pickup-option:has(input:checked),html.appli-cmd label:has(>input[type=radio]:checked){border-color:#79ff22!important;background:#f1ffe5!important;box-shadow:0 0 0 3px #79ff2255}
html.appli-cmd .ce-steps{display:flex!important;gap:6px!important;list-style:none;padding:0!important;margin:4px 0 18px!important;counter-reset:none}
html.appli-cmd .ce-steps li{flex:1;display:flex!important;flex-direction:column;gap:5px;background:none!important;padding:0!important;border:0!important;box-shadow:none!important;min-width:0}
html.appli-cmd .ce-steps li[hidden]{display:none!important}
html.appli-cmd .ce-steps li b{display:block!important;width:auto!important;height:6px!important;border-radius:99px!important;background:#e1e7dc!important;font-size:0!important;color:transparent!important;margin:0!important}
html.appli-cmd .ce-steps li.on b,html.appli-cmd .ce-steps li.ok b{background:#79ff22!important}
html.appli-cmd .ce-steps li span{font:700 11.5px Nunito,sans-serif!important;color:#5a6356;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.appli-cmd .ce-steps li.on span{color:#0d0f0d}
@media (max-width:480px){html.appli-cmd .section-title h1{font-size:27px!important}}
html.appli-cmd .ce-steps{display:none!important}
html.appli-cmd main .upload-actions>*,html.appli-cmd main .ct-nav>*,html.appli-cmd main .ce-nav>*{min-width:0!important}
html.appli-cmd main .upload-actions .btn-back,html.appli-cmd main .ct-nav .btn-back,html.appli-cmd main .ce-nav .btn-back{flex:0 1 auto;white-space:nowrap}
html.appli-cmd main [data-aller="catalogue"]{font-size:0!important;padding:0 16px!important}
html.appli-cmd main [data-aller="catalogue"]::before{content:'+ Autre chose';font:800 15px Nunito,sans-serif}
html.appli-cmd main h2 mark,html.appli-cmd main h3 mark,html.appli-cmd main legend mark{background:#79ff22!important;background-image:none!important;padding:0 5px;border-radius:5px;color:#0d0f0d}
html.appli-cmd main h2,html.appli-cmd main h3.ce-q{font:800 24px/1.15 'Baloo 2',Nunito,sans-serif!important}
html.appli-cmd main .btn-back.small,html.appli-cmd #vPanier [style*="dashed"] .btn-back,html.appli-cmd #vPanier [style*="dashed"] a{min-height:44px!important;border-radius:14px!important;display:inline-flex;align-items:center;margin-top:8px}
html.appli-cmd #vPanier [style*="dashed"]{border-radius:18px!important}
.ac-etapes{min-width:0}.ac-etapes span{min-width:0}.ac-etapes em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.appli-cmd #vPanier [style*="dashed"] a.btn-back{line-height:1.1;justify-content:center;padding:0 16px!important}
/* Pages d'information (mon compte, tarifs, CGV…) en mode appli */
.ac-titre{flex:1;font:800 19px/1.1 'Baloo 2',Nunito,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.appli-info main .section,html.appli-info main>section{background:#fff!important}
html.appli-info .mk-page-hero,html.appli-info .page-hero,html.appli-info main>.mk-hero,html.appli-info [class*="hero"]{background:#fff!important;color:#161a15!important;padding:16px 18px 6px!important}
html.appli-info [class*="hero"] *{color:#161a15!important}
html.appli-info [class*="hero"] h1{font:800 30px/1.12 'Baloo 2',Nunito,sans-serif!important}
html.appli-info main h1 mark,html.appli-info main h2 mark{background:#79ff22!important;background-image:none!important;padding:0 6px;border-radius:6px;color:#0d0f0d!important}
html.appli-info main h2{font-family:'Baloo 2',Nunito,sans-serif!important}
html.appli-info main .mk-wrap,html.appli-info main .wrap{max-width:760px!important}
html.appli-info main a.btn,html.appli-info main a.mk-btn{border-radius:18px!important}
.ac-logo{flex:none;display:block;width:42px;height:42px}.ac-logo img{width:42px;height:42px;display:block}
/* Restes de l'ancien site masqués */
html.appli-cmd .mk-eyebrow,html.appli-cmd .mk-back,html.appli-cmd .fm-top,html.appli-cmd .fm-foot,html.appli-cmd .section-title>span{display:none!important}
html.appli-cmd [class*="hero"]::before,html.appli-cmd .mk-eyebrow::before{display:none!important}
html.appli-cmd main .mk-card,html.appli-cmd main .card,html.appli-cmd main [class*="-card"]{box-shadow:none!important;border:2px solid #e1e7dc!important;border-radius:20px!important}
/* Mon compte : frise de suivi bien alignée (pastille au-dessus de chaque étape) */
.mc-steps{flex-wrap:nowrap!important;gap:0!important;border:0!important;padding:0!important}
.mc-steps li{display:block!important;flex:1 1 0!important;min-width:0!important;text-align:center!important;padding:22px 4px 0!important;border:0!important;margin:0!important}
.mc-steps li span{display:block}
/* Paiement CB : textes lisibles sur le fond vert clair de l'appli (le blanc venait de l'ancien style noir) */
html.appli-cmd label.ct-payopt-cb.ct-payopt-cb,html.appli-cmd label.ct-payopt-cb.ct-payopt-cb:has(>input[type=radio]:checked){background:#f1ffe5!important;border-color:#79ff22!important;color:#0d0f0d!important}
html.appli-cmd .ct-payopt-cb .ct-pt b{color:#0d0f0d!important}html.appli-cmd .ct-payopt-cb .ct-pt small{color:#4a5446!important}
html.appli-cmd .ct-payopt-cb .ct-sumup small{color:#5a6356!important}
html.appli-cmd .ct-payopt-cb:has(input:checked) .ct-pr{border-color:#0d0f0d!important;background:radial-gradient(#0d0f0d 45%,#79ff22 50%)!important}
html.appli-cmd main button.ct-go-pay .ct-gotxt b{color:#0d0f0d!important}html.appli-cmd main button.ct-go-pay .ct-gotxt small{color:#2c4f12!important;font-weight:800}
html.appli-cmd main button.ct-go-pay .ct-sumup small{color:#2c4f12!important}

/* Pages hors commande : menu du site complet, identique à l'accueil (même taille, même place, même statut ouvert/fermé) */
.ac-tete.ac-site{padding:14px 16px 10px;gap:10px;border-bottom:0}
.ac-site .ac-logo{width:auto;height:auto}.ac-site .ac-logo img{width:46px;height:46px;border-radius:0}
.ac-site .ac-nom{font:800 19px/1 'Baloo 2',Nunito,sans-serif;color:#0d0f0d;text-decoration:none;white-space:nowrap}
.ac-site .ac-nom small{display:block;font:600 12px Nunito,sans-serif;color:#2f7d00;margin-top:3px}
.ac-site .ac-nom small::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#79ff22;margin-right:6px;box-shadow:0 0 0 3px #79ff2240}
.ac-site .ac-nom small.ferme{color:#b3261e}.ac-site .ac-nom small.ferme::before{background:#b3261e;box-shadow:0 0 0 3px #b3261e33}
.ac-site .ac-liens{display:none}
.ac-site .ac-sp{flex:1}
.ac-horspec{display:block;text-align:center;background:#0d0f0d;color:#fff;font:800 13.5px/1.35 Nunito,system-ui,sans-serif;padding:7px 14px;text-decoration:none}
.ac-bas{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-around;background:#0d0f0d;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px))}
.ac-bas a{color:#c9d2c4;display:flex;flex-direction:column;align-items:center;gap:3px;font:700 11.5px Nunito,sans-serif;padding:4px 10px;border-radius:12px;text-decoration:none}
.ac-bas a span{font-size:20px;line-height:1;display:grid;place-items:center;height:20px}
html.ac-avec-bas body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
html.ac-avec-bas .mk-live-bubble{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
@media (min-width:900px){
  .ac-site .ac-logo img{width:54px;height:54px}
  .ac-site .ac-nom{font-size:22px}
  .ac-site .ac-liens{display:flex;gap:2px;margin-left:18px;flex-wrap:wrap}
  .ac-site .ac-liens a{font:800 15px Nunito,system-ui,-apple-system,sans-serif;padding:10px 14px;border-radius:99px;color:#5a6356;text-decoration:none}
  .ac-site .ac-liens a.on,.ac-site .ac-liens a:hover{background:#f1ffe5;color:#0d0f0d}
  .ac-bas{display:none}
  html.ac-avec-bas body{padding-bottom:0}
  html.ac-avec-bas .mk-live-bubble{bottom:20px!important}
}

/* Bouton « Payer par carte » (Monetico) : pleine largeur, lisible sur téléphone */
html.appli-cmd main button.ct-go-pay,button.ct-go-pay{display:flex!important;align-items:center;gap:12px;width:100%!important;min-width:0!important;max-width:520px;box-sizing:border-box;justify-content:flex-start;text-align:left;padding:14px 18px!important;border-radius:16px!important;background:#79ff22!important;color:#0d0f0d!important;border:2.5px solid #0d0f0d!important;box-shadow:0 4px 0 #0d0f0d!important;white-space:normal}
button.ct-go-pay .ct-lock{flex:none;width:38px;height:38px;border-radius:50%;background:#0d0f0d;display:grid;place-items:center;font-size:17px}
button.ct-go-pay .ct-gotxt{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;line-height:1.2}
html.appli-cmd main button.ct-go-pay .ct-gotxt b,button.ct-go-pay .ct-gotxt b{font:800 17px/1.15 'Baloo 2',Nunito,sans-serif;color:#0d0f0d!important}
html.appli-cmd main button.ct-go-pay .ct-gotxt small,button.ct-go-pay .ct-gotxt small{font:700 12.5px Nunito,sans-serif;color:#2c4f12!important;margin-top:2px}
button.ct-go-pay .ct-gologo{flex:none;font:800 22px/1 Nunito,sans-serif;color:#0d0f0d}

/* ===== Récapitulatif et paiement (ordinateur) : deux colonnes, récap à droite, boutons remontés ===== */
@keyframes acMonte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes acDroite{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes acAttire{0%,100%{box-shadow:0 0 0 0 #79ff2200}50%{box-shadow:0 0 0 7px #79ff2273}}
html.appli-cmd .ce-step:not([hidden])>*{animation:acMonte .42s cubic-bezier(.2,.8,.2,1) both}
html.appli-cmd .ce-step:not([hidden])>*:nth-child(2){animation-delay:.05s}
html.appli-cmd .ce-step:not([hidden])>*:nth-child(3){animation-delay:.1s}
html.appli-cmd .ce-step:not([hidden])>*:nth-child(4){animation-delay:.15s}
html.appli-cmd .ce-step:not([hidden])>*:nth-child(5){animation-delay:.2s}
html.appli-cmd .ce-step[data-sous="recap"]:not([hidden])>.ce-recap{animation:acDroite .5s cubic-bezier(.2,.8,.2,1) .12s both}
/* Boutons Retour / Payer : même forme, même hauteur */
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn-back,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay{min-height:46px!important;height:46px;border-radius:14px!important;border:2px solid #e1e7dc!important;box-sizing:border-box;font:800 15px Nunito,sans-serif!important}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay{flex:0 0 auto;min-width:190px;width:auto!important;max-width:none!important;border-color:#79ff22!important;background:#79ff22!important;box-shadow:0 6px 18px #79ff2266!important;padding:0 20px!important;justify-content:center!important}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-lock{width:30px;height:30px;font-size:14px}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gotxt{flex:0 1 auto;align-items:flex-start}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gotxt b{font:800 16px/1.1 Nunito,sans-serif}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gotxt small{font:700 11.5px Nunito,sans-serif;margin-top:1px}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gologo{margin-left:auto}
/* Pop-up de la case à cocher (CGV) */
.cgv-pop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:#0d0f0d8c}
.cgv-pop[hidden]{display:none}
.cgv-box{width:100%;max-width:440px;background:#fff;border-radius:22px;padding:22px 20px 18px;box-shadow:0 20px 60px #0d0f0d55;animation:acMonte .3s cubic-bezier(.2,.8,.2,1) both}
.cgv-box h3{margin:0 0 12px;font:800 19px 'Baloo 2',Nunito,sans-serif;color:#0d0f0d}
.cgv-box .privacy-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:2.5px solid #79ff22;border-radius:16px;background:#f1ffe5;font:700 15px/1.4 Nunito,sans-serif;color:#0d0f0d;cursor:pointer}
.cgv-box .privacy-check:has(input:checked){background:#79ff22;border-color:#0d0f0d}
.cgv-box .privacy-check input{flex:none;width:26px;height:26px;margin:0;accent-color:#0d0f0d;cursor:pointer}
.cgv-box .privacy-check a{color:#0d0f0d;text-decoration:underline;text-underline-offset:3px}
.cgv-actions{display:flex;gap:10px;margin-top:14px}
.cgv-actions .btn-back,.cgv-actions .btn{min-height:46px;height:46px;border-radius:14px;font:800 15px Nunito,sans-serif;box-sizing:border-box}
.cgv-actions .btn{flex:1;background:#79ff22;border:2px solid #79ff22;color:#0d0f0d}
.cgv-actions .btn:disabled{opacity:.45;cursor:not-allowed}

@media (min-width:900px){
  html.appli-cmd .upload-page-wrap:has(.ce-step:is([data-sous="recap"],[data-sous="paiement"]):not([hidden])){max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  html.appli-cmd .ce-step[data-sous="recap"] .ce-recap{width:100%;max-width:none;padding:26px 30px 32px!important;font-size:16px!important}
  html.appli-cmd .ce-step[data-sous="recap"] .tk-total b{font-size:28px}
  html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions{position:static!important;background:none!important;padding:0!important;margin:18px 0 0!important}
}
}
@media (prefers-reduced-motion:reduce){html.appli-cmd .ce-step:not([hidden])>*,html.appli-cmd .ce-step[data-sous="recap"]:not([hidden])>.ce-recap,.cgv-box{animation:none!important}}
@media (max-width:480px){
  html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gotxt small,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gologo,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-lock{display:none!important}
  html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions{gap:8px}
  html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn-back,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn,html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay{min-height:44px!important;height:44px;border-radius:12px!important;font-size:14.5px!important;box-shadow:none!important;padding:0 14px!important}
  html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions button.ct-go-pay .ct-gotxt b{white-space:nowrap;font-size:14.5px}
}

/* Actions : Retour à gauche, bouton principal à droite, même taille */
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions{justify-content:space-between!important}
html.appli-cmd main .ce-step:is([data-sous="recap"],[data-sous="paiement"]) .upload-actions .btn{box-shadow:none!important}
/* Moyens de paiement : lignes simples, alignées */
html.appli-cmd .ct-payopts{gap:8px}
html.appli-cmd label.ct-payopt,html.appli-cmd label.ct-payopt.ct-payopt-cb{min-height:48px;padding:6px 14px!important;border-radius:12px!important;gap:12px;background:#fff!important;border:2px solid #dfe5da!important;box-shadow:none!important;color:#0d0f0d!important}
html.appli-cmd label.ct-payopt:has(input:checked){background:#f1ffe5!important;border-color:#79ff22!important;box-shadow:none!important}
html.appli-cmd .ct-payopt .ct-pi{font-size:20px;width:28px}
html.appli-cmd .ct-payopt .ct-pt b{font:700 15px Nunito,sans-serif!important;color:#0d0f0d!important}
html.appli-cmd .ct-payopt .ct-pt small:empty,html.appli-cmd .ct-payopt .ct-sumup,html.appli-cmd .ct-payopt .ct-wallets{display:none!important}
html.appli-cmd .ct-payopt .ct-pt small{font-size:12px}
/* Récapitulatif en ticket de caisse (moderne) */
html.appli-cmd .ce-recap{display:flex!important;flex-direction:column;gap:0!important;position:relative;padding:20px 20px 26px!important;background:#fff!important;border:0!important;border-radius:16px 16px 0 0!important;box-shadow:0 8px 28px #0d0f0d1f!important;font:600 14px/1.45 Nunito,sans-serif!important;color:#0d0f0d;font-variant-numeric:tabular-nums;margin-bottom:14px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}
html.appli-cmd .ce-recap #ctRecap{display:contents}
.tk-h{order:0;display:flex;align-items:center;justify-content:center;gap:8px;font:800 17px 'Baloo 2',Nunito,sans-serif;padding-bottom:12px}
.tk-cols{order:1;display:grid;grid-template-columns:34px 1fr auto;gap:10px;font:800 11px Nunito,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7b8477;padding:0 0 6px;border-bottom:2px solid #0d0f0d}
.tk-cols span:last-child{text-align:right}
.tk-items{order:2;padding:4px 0 8px}
.tk-r{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:8px 0;border-bottom:1px dotted #c8d0c3;align-items:baseline}
.tk-r:last-child{border-bottom:0}
.tk-r i{font-style:normal;font-weight:800;color:#4a5446}.tk-r b{font-weight:800;text-align:right}
html.appli-cmd .ce-recap #ceRecapDetail{order:3;padding:8px 0 10px;border-top:1px dotted #c8d0c3}
.tk-total{order:4;display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 14px;border-radius:12px;background:#0d0f0d;color:#fff;font:800 14px Nunito,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.tk-total b{font:800 24px 'Baloo 2',Nunito,sans-serif;color:#79ff22;letter-spacing:0}
.tk-tva{order:5;text-align:center;font:600 11px Nunito,sans-serif;color:#8a9385;margin-top:10px}
.tk-l{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2px 0}
.tk-l span{color:#6b7566}.tk-l b{font-weight:700;text-align:right}.tk-l a{color:#0d0f0d;text-decoration:none}

/* Espace entre les titres et le contenu */
html.appli-cmd .ce-step{gap:0}
html.appli-cmd .ce-step>.ce-h{margin:6px 0 22px!important}
html.appli-cmd .ce-step>*+*{margin-top:14px}
html.appli-cmd .ce-step>.ce-h+*{margin-top:0}
html.appli-cmd .ce-step>.upload-actions{margin-top:26px!important}
html.appli-cmd .upload-page-wrap h1,html.appli-cmd .upload-page-wrap .section-title{margin-bottom:18px}

/* Logos des moyens de paiement : même boîte pour toutes les lignes */
html.appli-cmd .ct-payopt .ct-pi{width:56px!important;height:30px;display:flex;align-items:center;justify-content:center;flex:none}
html.appli-cmd .ct-payopt .ct-pi img{height:24px;width:auto;max-width:56px;object-fit:contain;display:block}
html.appli-cmd .ct-payopt .ct-pt small{font:700 12px Nunito,sans-serif!important;color:#2f7a0c!important;margin-top:1px}
html.appli-cmd .ct-payopt .ct-pt small .ct-ap{height:13px;width:auto;vertical-align:-2px;margin-left:2px}

/* PC : on garde le menu du site en haut, pleine largeur (13/11/2026) */
@media(min-width:900px){
  html.appli-cmd .ac-tete:not(.ac-site){display:none!important}
  html.appli-cmd main,html.appli-cmd #contenu{max-width:none!important;width:100%!important}
}
@media(min-width:900px){
  html.appli-cmd main .wrap,html.appli-cmd .upload-page-wrap,html.appli-cmd .upload-page-wrap.ct-wide{max-width:none!important;width:100%!important;margin:0!important;padding-left:28px!important;padding-right:28px!important;box-sizing:border-box}
  html.appli-cmd .upload-page-wrap:has(.ce-step:is([data-sous="recap"],[data-sous="paiement"]):not([hidden])){max-width:none!important}
}

.ac-pc-seul{display:none!important}
@media(min-width:900px){.ac-pc-seul{display:flex!important}.ac-tete.ac-site{padding-left:28px;padding-right:28px}}
@media(max-width:899px){html.appli-info .mk-page-hero{padding-left:0!important;padding-right:0!important}}

/* Formulaires (création de logo, etc.) sur ordinateur : pleine largeur, cartes en deux colonnes (13/11/2026) */
@media(min-width:900px){
  html.appli-info .fm-main{max-width:none!important;width:100%!important;margin:0!important;padding:18px 28px 40px!important;box-sizing:border-box}
  html.appli-info .fm-main>h1,html.appli-info .fm-main>.fm-intro{max-width:none}
  html.appli-info .fm-main form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  html.appli-info .fm-main form>.fm-card:last-of-type{grid-column:1/-1}
}
@media(min-width:900px){
  html.appli-info .fm-main form>section:nth-of-type(1){grid-column:1;grid-row:1}
  html.appli-info .fm-main form>section:nth-of-type(2){grid-column:2;grid-row:1/span 2}
  html.appli-info .fm-main form>section:nth-of-type(3){grid-column:1;grid-row:2}
}