/* Page Commander, extension « delices-gourmandes-commande ». Tout est sous #ldg-commander : rien ne touche au reste du site. */
#ldg-commander{--k-encre:var(--h-encre,#12042e);--k-doux:var(--h-doux,#675a7d);--k-subtil:var(--h-subtil,#8a80a0);--k-ligne:var(--h-ligne,#e0dbe9);--k-ligne-f:var(--h-ligne-f,#cfc7de);
  --k-rose:var(--h-rose-t,#d0305e);--k-rose-d:var(--h-rose-d,#b02651);--k-fond:var(--h-fond,#f3f1f6);--k-sur-sombre:#cfc6e0;
  --k-sans:var(--h-sans,'Montserrat','Segoe UI',system-ui,sans-serif);--k-serif:var(--h-serif,'Playfair Display',Georgia,serif);
  --k-marge:clamp(18px,4vw,32px);--k-max:var(--h-shell,1180px);--k-gout:16px;--k-section:var(--h-section,clamp(44px,5vw,72px));
  --k-r:18px;--k-rz:22px;--k-ease:cubic-bezier(.16,1,.3,1);
  display:block;margin:0;background:var(--k-fond);color:var(--k-encre);font-family:var(--k-sans);font-size:17px;font-weight:400;
  line-height:1.55;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
@media (min-width:768px){#ldg-commander{--k-gout:24px}}
#ldg-commander,#ldg-commander *,#ldg-commander *::before,#ldg-commander *::after{box-sizing:border-box}
#ldg-commander :where(h1,h2,h3,h4,p,figure,ul,ol,li,fieldset,legend,dl,dd){margin:0;padding:0}
#ldg-commander :where(ul,ol){list-style:none}
#ldg-commander :where(h1,h2,h3,h4){font-family:inherit;color:inherit;font-weight:600;line-height:1.2;text-transform:none}
#ldg-commander :where(a){color:inherit;background:none;text-decoration:none;box-shadow:none}
#ldg-commander :where(a:hover,a:active,a:focus){color:inherit;text-decoration:none}
#ldg-commander :where(img){display:block;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
#ldg-commander :where(label){display:inline;line-height:inherit;vertical-align:baseline}
#ldg-commander :where(button){-webkit-appearance:none;appearance:none;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;
  font:inherit;line-height:inherit;text-align:inherit;text-transform:none;letter-spacing:normal;white-space:normal;cursor:pointer;
  box-shadow:none;transition:none;user-select:auto}
#ldg-commander :where(button:hover,button:focus,button:active){background:none;color:inherit;text-decoration:none}
#ldg-commander :where(a,button,input,select,textarea,label,[tabindex]):focus-visible{outline:2px solid var(--k-rose);outline-offset:3px;box-shadow:none}
#ldg-commander :where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none;box-shadow:none}
#ldg-commander [hidden]{display:none!important}

#ldg-commander .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;
  border:1.5px solid var(--k-encre);border-radius:999px;background:var(--k-encre);color:#fff;
  font-family:var(--k-sans);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-align:center;text-decoration:none;
  white-space:normal;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .14s ease}
#ldg-commander .btn:hover,#ldg-commander .btn:focus-visible{background:var(--k-rose);border-color:var(--k-rose);color:#fff}
#ldg-commander .btn.rose{background:var(--k-rose);border-color:var(--k-rose);color:#fff}
#ldg-commander .btn.rose:hover,#ldg-commander .btn.rose:focus-visible{background:var(--k-rose-d);border-color:var(--k-rose-d);color:#fff}
#ldg-commander .btn.ghost{background:transparent;border-color:var(--k-encre);color:var(--k-encre)}
#ldg-commander .btn.ghost:hover,#ldg-commander .btn.ghost:focus-visible{background:var(--k-encre);border-color:var(--k-encre);color:#fff}
#ldg-commander .btn.ghost.sur-sombre{border-color:rgba(255,255,255,.55);color:#fff}
#ldg-commander .btn.ghost.sur-sombre:hover,#ldg-commander .btn.ghost.sur-sombre:focus-visible{background:#fff;border-color:#fff;color:var(--k-encre)}
#ldg-commander .btn.sm{min-height:44px;padding:0 20px}
#ldg-commander .btn.full{width:100%}
#ldg-commander .btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#ldg-commander .btn:active{transform:scale(.97)}
#ldg-commander .btn[aria-disabled="true"],#ldg-commander .btn:disabled{background:var(--k-fond);border-color:var(--k-ligne);color:var(--k-subtil);cursor:default;pointer-events:none}

#ldg-commander .puces{display:flex;flex-wrap:wrap;gap:8px}
#ldg-commander .puce{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--k-ligne-f);border-radius:999px;
  background:#fff;color:var(--k-encre);font-family:var(--k-sans);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;
  cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
#ldg-commander .puce:hover{border-color:var(--k-encre);background:#fff;color:var(--k-encre)}
#ldg-commander .puce[aria-pressed="true"],#ldg-commander .puce[aria-current="true"]{background:var(--k-encre);border-color:var(--k-encre);color:#fff}

#ldg-commander .entrees{border-top:1px solid var(--k-ligne)}
#ldg-commander .entrees a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 0;
  border-bottom:1px solid var(--k-ligne);color:var(--k-encre);text-decoration:none;transition:transform .14s ease}
#ldg-commander .entrees b{display:block;font-size:17px;font-weight:600;line-height:1.35}
#ldg-commander .entrees small{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:var(--k-doux)}
#ldg-commander .entrees a::after{content:"";flex:none;width:8px;height:8px;margin-right:6px;border:solid var(--k-encre);border-width:2px 2px 0 0;transform:rotate(45deg)}
#ldg-commander .entrees a:hover b{color:var(--k-rose-d)}
#ldg-commander .entrees a:active{transform:scale(.98)}

#ldg-commander{padding:var(--k-section) 0}
#ldg-commander .shell{width:100%;max-width:var(--k-max);margin:0 auto;padding:0 var(--k-marge)}
#ldg-commander :where(h1,h2){font-weight:600;letter-spacing:-.025em;line-height:1.08}
#ldg-commander :where(h3){font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
#ldg-commander :is(h1,h2,h3) em{font-family:var(--k-serif);font-style:italic;font-weight:500;color:var(--k-rose-d);letter-spacing:-.01em}
#ldg-commander .sec-intro{max-width:34em;font-size:17px;line-height:1.5;color:var(--k-doux)}
@media (min-width:768px){#ldg-commander .sec-intro{font-size:20px;line-height:1.45}}

#ldg-commander .lien{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:600;color:var(--k-rose-d);text-decoration:none}
#ldg-commander .lien::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}
#ldg-commander .lien:hover{color:var(--k-rose-d);text-decoration:underline;text-underline-offset:4px}

#ldg-commander .champ{display:grid;gap:8px}
#ldg-commander .champ label,#ldg-commander .etiquette{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--k-encre)}
#ldg-commander .champ label small,#ldg-commander .etiquette small{font-size:.87em;font-weight:500;color:var(--k-doux)}
#ldg-commander :is(input[type=text],input[type=tel],input[type=email],input[type=date],input[type=time],input[type=number],select){
  display:block;width:100%;height:52px;margin:0;padding:0 20px;border:1.5px solid var(--k-ligne-f);border-radius:999px;background-color:#fff;
  font-family:var(--k-sans);font-size:16px;font-weight:500;line-height:1.2;color:var(--k-encre);box-shadow:none;transition:border-color .2s ease}
#ldg-commander textarea{display:block;width:100%;min-height:120px;margin:0;padding:14px 20px;border:1.5px solid var(--k-ligne-f);border-radius:var(--k-rz);background:#fff;
  font-family:var(--k-sans);font-size:16px;font-weight:500;line-height:1.5;color:var(--k-encre);resize:vertical;box-shadow:none;transition:border-color .2s ease}
#ldg-commander select{-webkit-appearance:none;appearance:none;padding-right:48px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312042e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 18px center;background-size:18px 18px}
#ldg-commander ::placeholder{color:var(--k-subtil);opacity:1}
#ldg-commander :is(input,select,textarea):hover{border-color:var(--k-doux)}
#ldg-commander :is(input,select,textarea):focus{border-color:var(--k-encre);outline:2px solid var(--k-rose);outline-offset:2px;box-shadow:none}
#ldg-commander :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--k-rose-d)}
#ldg-commander .aide{font-size:14px;line-height:1.5;color:var(--k-doux)}
#ldg-commander .erreur{font-size:14px;font-weight:600;line-height:1.45;color:var(--k-rose-d)}
#ldg-commander input[type=checkbox],#ldg-commander input[type=radio]{width:22px;height:22px;margin:0;padding:0;accent-color:var(--k-rose);flex:none}
#ldg-commander .case{display:flex;align-items:flex-start;gap:12px;min-height:44px;font-size:15px;line-height:1.5;color:var(--k-doux);cursor:pointer}

#ldg-commander .faits{border-top:1px solid var(--k-ligne)}
#ldg-commander .faits li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--k-ligne);font-size:15px;line-height:1.45}
#ldg-commander .faits li span{color:var(--k-doux)}
#ldg-commander .faits li b{font-weight:600;text-align:right}

#ldg-commander .cmd-in{max-width:640px;margin:0 auto}
#ldg-commander fieldset{min-width:0;margin:0;padding:0;border:0}

#ldg-commander .cmd-tete{margin-bottom:32px}
#ldg-commander .cmd-tete h1{font-size:clamp(32px,7.4vw,48px)}
#ldg-commander .cmd-tete .sec-intro{margin-top:16px}
#ldg-commander .cmd-repris{margin:0 0 20px}

#ldg-commander .cmd-prog{margin-bottom:28px}
#ldg-commander .cmd-pas{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--k-doux);font-variant-numeric:tabular-nums}
#ldg-commander .cmd-barre{height:3px;border-radius:3px;background:var(--k-ligne);overflow:hidden}
#ldg-commander .cmd-barre i{display:block;width:0;height:100%;border-radius:3px;background:var(--k-rose);transition:width .4s var(--k-ease)}

#ldg-commander .cmd-et{display:grid;gap:28px}
#ldg-commander .cmd-q{font-size:clamp(26px,5.8vw,34px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
#ldg-commander .cmd-q:focus{outline:none}
#ldg-commander .cmd-sous{margin:-16px 0 0;font-size:17px;line-height:1.5;color:var(--k-doux)}
#ldg-commander .cmd-duo{display:grid;gap:28px}
@media (min-width:521px){#ldg-commander .cmd-duo{grid-template-columns:1fr 1fr;gap:16px}}

#ldg-commander .cmd-produits a[aria-current="true"] b{color:var(--k-rose-d)}

#ldg-commander .cmd-options{border-top:1px solid var(--k-ligne)}
#ldg-commander .cmd-option{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 0;border-bottom:1px solid var(--k-ligne);cursor:pointer}
#ldg-commander .cmd-option b{display:block;font-size:17px;font-weight:600}
#ldg-commander .cmd-option small{display:block;margin-top:2px;font-size:15px;color:var(--k-doux)}

#ldg-commander .cmd-sugg{margin-top:-16px}
#ldg-commander .cmd-voir{margin:-16px 0 0}

#ldg-commander .cmd-apercu{display:grid;place-items:center;width:min(260px,100%);aspect-ratio:1;margin:0 auto;padding:32px;
  border:1px solid var(--k-ligne);border-radius:50%;background:#fff;text-align:center}
#ldg-commander .cmd-ap-tx{font-family:var(--k-serif);font-style:italic;font-weight:600;font-size:23px;line-height:1.25;color:var(--k-encre);overflow-wrap:anywhere}
#ldg-commander .cmd-apercu.vide .cmd-ap-tx{font-family:var(--k-sans);font-style:normal;font-weight:500;font-size:15px;color:var(--k-doux)}

#ldg-commander .cmd-modele{display:flex;gap:16px;align-items:center;padding:12px;border:1px solid var(--k-ligne);border-radius:var(--k-r);background:#fff}
#ldg-commander .cmd-m-img{flex:none;width:84px;height:104px;object-fit:cover;border-radius:12px;background:var(--k-fond)}
#ldg-commander .cmd-m-tx{display:grid;gap:2px;min-width:0}
#ldg-commander .cmd-m-l1{margin:0;font-size:17px;font-weight:700}
#ldg-commander .cmd-m-l2{margin:0;font-size:15px;line-height:1.45;color:var(--k-doux)}
#ldg-commander .cmd-m-tx .cmd-texte{justify-self:start}

#ldg-commander .cmd-texte{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:none;
  font:inherit;font-size:15px;font-weight:600;color:var(--k-rose-d);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#ldg-commander .cmd-texte:hover{color:var(--k-encre);background:none;text-decoration:underline}

#ldg-commander .cmd-photos{gap:12px}
#ldg-commander .cmd-ph-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#ldg-commander .cmd-ph-liste:empty{display:none}
#ldg-commander .cmd-ph{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff}
#ldg-commander .cmd-ph img{width:100%;height:100%;object-fit:cover}
#ldg-commander .cmd-ph.envoi{display:grid;place-items:center;border:1.5px dashed var(--k-ligne-f);background:#fff}
#ldg-commander .cmd-ph-etat{font-size:14px;font-weight:600;color:var(--k-doux)}
#ldg-commander .cmd-ph-x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;
  background:var(--k-encre);color:#fff;font-size:20px;line-height:1;cursor:pointer}
#ldg-commander .cmd-ph-x:hover{background:var(--k-rose);color:#fff}
#ldg-commander .cmd-ph-ajout{position:relative;justify-self:start;overflow:hidden}
#ldg-commander .cmd-ph-re{justify-self:start}
#ldg-commander .cmd-ph-ajout input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#ldg-commander .cmd-ph-ajout:focus-within{outline:2px solid var(--k-rose);outline-offset:3px}

#ldg-commander .cmd-lignes{margin:0;padding:0;list-style:none;border-top:1px solid var(--k-ligne)}
#ldg-commander .cmd-ligne{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:10px 0;border-bottom:1px solid var(--k-ligne)}
#ldg-commander .cmd-l-tx{display:grid;gap:2px;min-width:0}
#ldg-commander .cmd-l-tx b{font-size:17px;font-weight:600;line-height:1.3}
#ldg-commander .cmd-l-tx small{font-size:15px;color:var(--k-doux);font-variant-numeric:tabular-nums}
#ldg-commander .cmd-pas-q{flex:none;display:inline-flex;align-items:center;gap:6px}
#ldg-commander .cmd-rond{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1.5px solid var(--k-ligne-f);border-radius:50%;
  background:#fff;color:var(--k-encre);font:inherit;font-size:22px;font-weight:500;line-height:1;cursor:pointer;transition:border-color .2s ease}
#ldg-commander .cmd-rond:hover{border-color:var(--k-encre);background:#fff;color:var(--k-encre)}
#ldg-commander .cmd-qte{min-width:28px;text-align:center;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}

#ldg-commander .cmd-total li b{font-size:19px}
#ldg-commander .cmd-carte-gl + .cmd-carte-aide{margin-top:-20px}
#ldg-commander .cmd-ajout{display:grid;gap:20px;padding:20px;border:1px solid var(--k-ligne);border-radius:var(--k-rz);background:#fff}
#ldg-commander .cmd-duo-q{grid-template-columns:1fr auto;gap:16px}
#ldg-commander .cmd-panier li{align-items:center}
#ldg-commander .cmd-panier li span{color:var(--k-encre)}
#ldg-commander .cmd-panier li b{white-space:nowrap;font-variant-numeric:tabular-nums}
#ldg-commander .cmd-panier .cmd-texte{flex:none;min-height:44px;font-size:14px}

#ldg-commander .cmd-alerte{margin:-12px 0 0;padding:14px 18px;border-radius:var(--k-r);background:#fdeef4;color:#8a1f42;font-size:15px;line-height:1.5}

#ldg-commander .cmd-recap{display:grid;gap:12px}
#ldg-commander .cmd-bloc{padding:6px 20px 8px;border:1px solid var(--k-ligne);border-radius:var(--k-rz);background:#fff}
#ldg-commander .cmd-bloc-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}
#ldg-commander .cmd-bloc-h h3{margin:0;font-size:19px}
#ldg-commander .cmd-bloc .faits{margin-top:4px;border-top:0}
#ldg-commander .cmd-bloc .faits li:last-child{border-bottom:0}
#ldg-commander .cmd-bloc .faits b{overflow-wrap:anywhere;max-width:62%}
#ldg-commander .cmd-bloc .faits img{width:64px;height:64px;object-fit:cover;border-radius:10px}
#ldg-commander .cmd-envoi{display:grid;gap:12px}
#ldg-commander .cmd-copie-ok{margin:0;text-align:center;min-height:1.5em}
#ldg-commander .cmd-apres{margin:0;color:var(--k-doux)}

#ldg-commander .cmd-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px}
#ldg-commander .cmd-suite{margin-left:auto;min-width:200px}
#ldg-commander.fin .cmd-suite,#ldg-commander.debut .cmd-nav{display:none}
#ldg-commander .cmd-retour{margin:0;padding:0;border:0;background:none;font-family:inherit;cursor:pointer}
#ldg-commander .cmd-retour:hover{background:none;color:var(--k-rose-d)}
#ldg-commander .cmd-retour::after{display:none}
#ldg-commander .cmd-retour::before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
@media (max-width:700px){
  #ldg-commander .cmd-nav{position:sticky;bottom:0;z-index:30;margin:32px calc(var(--k-marge) * -1) 0;
    padding:12px var(--k-marge) calc(12px + env(safe-area-inset-bottom,0px));background:var(--k-fond);border-top:1px solid var(--k-ligne)}
  #ldg-commander .cmd-suite{flex:1;min-width:0}
  html:has(#ldg-commander) .ht{display:none!important}
}
#ldg-commander .cmd-cote{display:none}
@media (max-width:1023px){
  #ldg-commander:not(.debut) .cmd-tete{margin-bottom:20px}
  #ldg-commander:not(.debut) .cmd-tete h1{font-size:24px;line-height:1.2}
  #ldg-commander:not(.debut) .cmd-tete .cmd-acc,#ldg-commander:not(.debut) .cmd-tete .sec-intro{display:none}
}
@media (min-width:1024px){
  #ldg-commander .cmd-in{max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--k-gout);align-items:start}
  #ldg-commander .cmd-in>*{grid-column:1/span 7}
  #ldg-commander .cmd-in>.cmd-cote{display:block;grid-column:9/span 4;grid-row:1/span 6;position:sticky;top:calc(var(--entete,0px) + 32px);
    padding:24px;border:1px solid var(--k-ligne);border-radius:var(--k-r);background:#fff}
  #ldg-commander.debut .cmd-cote,#ldg-commander.fin .cmd-cote{visibility:hidden}
  #ldg-commander .cmd-cote-t{margin:0 0 8px;font-size:21px}
  #ldg-commander .cmd-cote .cmd-bloc+.cmd-bloc{margin-top:16px}
  #ldg-commander .cmd-cote .cmd-bloc-h h3{font-size:15px}
  #ldg-commander .cmd-nav{position:sticky;bottom:0;z-index:5;margin-top:32px;padding:16px 0;background:var(--k-fond);border-top:1px solid var(--k-ligne)}
}
@media (prefers-reduced-motion:reduce){#ldg-commander *{transition:none!important}}
