/* FICHIER GÉNÉRÉ par configurateur/prefixer.py : ne pas modifier à la main. Sources : configurateur/style.css, configurateur/ux.css, variables du configurateur de palettes.css. Régénérer : python3 configurateur/prefixer.py */ /* Conteneur de requêtes : les points de rupture suivent la largeur du bloc. font-synthesis : la page d'accueil l'interdit sur :root, le configurateur gardait la valeur par défaut. */ #customcup-config{container:customcup/inline-size;font-synthesis:initial} /* Neutralisation des styles génériques de la page d'accueil à l'intérieur du bloc. */ #customcup-config :where(h1,h2,h3,h4,h5,h6,p,figure){margin:revert} #customcup-config :where(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert;line-height:revert;letter-spacing:revert} #customcup-config :where(p){line-height:revert} #customcup-config :where(button,input,select,textarea){font:revert} #customcup-config :where(a){color:revert;text-decoration:revert} #customcup-config :where(img){max-width:revert;height:revert;display:revert} /* ---- configurateur/style.css */ #customcup-config{--fond:#eef1f4; --carte:#ffffff; --texte:#1c2230; --doux:#5d6677; --ligne:#dfe3ea; --accent:#e2462f; --accent-fonce:#b83522; --ok:#1f8a5b; --alerte:#b86e00; --erreur:#c0392b; font-family: "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--texte);} #customcup-config, #customcup-config *{box-sizing:border-box} #customcup-config{margin:0;background:var(--fond)} #customcup-config .barre{padding:10px 20px;font-size:14px;background:#1c2230;color:#fff;display:flex;gap:10px;align-items:center;flex-wrap:wrap} #customcup-config .barre .note{margin-left:auto;opacity:.65;font-size:12px} #customcup-config .app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);height:calc(100vh - 40px)} #customcup-config .scene{position:relative;min-height:420px} #customcup-config #vue{position:absolute;inset:0} #customcup-config #vue canvas{display:block;width:100%;height:100%;touch-action:none} #customcup-config .scene-outils{position:absolute;top:14px;left:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} #customcup-config .scene-aide{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:var(--doux);margin:0} #customcup-config .panneau{background:var(--carte);border-left:1px solid var(--ligne);display:flex;flex-direction:column;min-height:0} #customcup-config .etapes{display:flex;list-style:none;margin:0;padding:14px 16px 0;gap:4px;counter-reset:e} #customcup-config .etapes li{flex:1;font-size:12px;color:var(--doux);padding:8px 2px 10px;border-bottom:3px solid var(--ligne);text-align:center;cursor:pointer;counter-increment:e} #customcup-config .etapes li::before{content:counter(e) ". "} #customcup-config .etapes li.fait{color:var(--texte);border-color:#9aa3b2} #customcup-config .etapes li.actif{color:var(--accent);border-color:var(--accent);font-weight:600} #customcup-config .etape{padding:8px 22px 18px;flex:1;overflow:auto} #customcup-config .etape h2{font-size:21px;margin:14px 0 14px} #customcup-config .fiche, #customcup-config .info{font-size:13px;color:var(--doux);line-height:1.5} #customcup-config .modeles{display:grid;grid-template-columns:1fr 1fr;gap:10px} #customcup-config .modele{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:2px solid var(--ligne);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font:inherit} #customcup-config .modele b{font-size:16px} #customcup-config .modele span{font-size:12px;color:var(--doux)} #customcup-config .modele em{font-style:normal;font-size:12px;color:var(--accent);margin-top:4px} #customcup-config .modele.actif{border-color:var(--accent);box-shadow:0 0 0 3px rgba(226,70,47,.12)} #customcup-config .modele:disabled{opacity:.45;cursor:not-allowed} #customcup-config .pastilles{display:flex;flex-wrap:wrap;gap:10px} #customcup-config .pastille{display:flex;flex-direction:column;align-items:center;gap:5px;width:70px;font-size:11px;color:var(--doux);background:none;border:0;cursor:pointer;padding:0;font-family:inherit} #customcup-config .pastille i{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:block;box-shadow:inset 0 -6px 10px rgba(0,0,0,.12)} #customcup-config .pastille.actif i{outline:3px solid var(--accent);outline-offset:3px} #customcup-config .pastille:disabled{opacity:.3;cursor:not-allowed} #customcup-config .pastilles.petites .pastille{width:34px} #customcup-config .pastilles.petites .pastille i{width:28px;height:28px} #customcup-config .pastilles.petites{margin-bottom:8px} #customcup-config .i-transparent{background:linear-gradient(135deg,#fff 0 45%,#dfe6ee 45% 55%,#fff 55%)!important} #customcup-config .i-givre{background:radial-gradient(circle at 30% 30%,#fff,#dde3ea)!important} #customcup-config .i-aucun{background:repeating-linear-gradient(45deg,#fff 0 4px,#e8ebf0 4px 8px)!important} #customcup-config .depot{display:block;border:2px dashed #c6ccd6;border-radius:12px;padding:18px;text-align:center;cursor:pointer;font-size:14px;background:#fafbfc} #customcup-config .depot:hover, #customcup-config .depot.survol{border-color:var(--accent);background:#fff6f4} #customcup-config .depot input{display:none} #customcup-config .depot small{color:var(--doux)} #customcup-config .alertes{margin:10px 0 0;display:flex;flex-direction:column;gap:6px} #customcup-config .alerte{font-size:13px;padding:8px 10px;border-radius:8px;background:#fff5e6;color:#7a4b00} #customcup-config .alerte.ok{background:#eaf7f0;color:#155f3f} #customcup-config .alerte.err{background:#fdecea;color:#8e2a1f} #customcup-config .alerte.ia{background:#eef3ff;color:#23345c;line-height:1.45} #customcup-config .alerte.attente{background:#f3f4f6;color:#5d6677} #customcup-config .alerte.attente::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid #9aa3b2;border-top-color:transparent;border-radius:50%;animation:customcup-tourne .8s linear infinite;vertical-align:-1px} @keyframes customcup-tourne{to{transform:rotate(360deg)}} #customcup-config .badge{display:block;font-size:10px;font-weight:600;letter-spacing:.03em;margin-top:2px} #customcup-config .badge.ok{color:var(--ok)} #customcup-config .badge.non{color:var(--erreur)} #customcup-config .choix button{line-height:1.2} #customcup-config .encadre{margin-top:12px;border:1.5px solid #f0c9c2;background:#fff7f5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px} #customcup-config .encadre p{margin:0;font-size:13px;line-height:1.45;color:#6b2a1f} #customcup-config .encadre button{font:inherit;font-size:13px;text-align:left;padding:9px 12px;border-radius:10px;border:1.5px solid var(--ligne);background:#fff;cursor:pointer} #customcup-config .encadre button:hover, #customcup-config .encadre button.actif{border-color:var(--accent);color:var(--accent)} #customcup-config .scene.approx #vue canvas{filter:grayscale(.55) opacity(.6)} #customcup-config .apercu-note{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:#1c2230;color:#fff;font-size:12px;padding:6px 12px;border-radius:999px;white-space:nowrap} #customcup-config .groupe{margin-top:18px} #customcup-config .etiquette{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);margin-bottom:8px} #customcup-config .choix{display:flex;gap:8px;flex-wrap:wrap} #customcup-config .choix button, #customcup-config .petit, #customcup-config .secondaire, #customcup-config #suiv{font:inherit;font-size:14px;border-radius:999px;padding:8px 14px;border:1.5px solid var(--ligne);background:#fff;cursor:pointer;color:var(--texte)} #customcup-config .choix button.actif{border-color:var(--accent);color:var(--accent);font-weight:600} #customcup-config .choix button:disabled{opacity:.4;cursor:not-allowed} #customcup-config .petit{font-size:12px;padding:6px 12px;background:rgba(255,255,255,.85)} #customcup-config .interrupteur{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0;cursor:pointer} #customcup-config .scene .interrupteur{background:rgba(255,255,255,.85);padding:6px 12px;border-radius:999px;margin:0} #customcup-config .curseur{display:grid;grid-template-columns:70px 1fr;align-items:center;font-size:13px;margin:6px 0} #customcup-config .curseur input{width:100%;accent-color:var(--accent)} #customcup-config .quantite{display:flex;align-items:center;gap:10px} #customcup-config .quantite input{width:130px;font:inherit;font-size:22px;text-align:center;padding:8px;border:1.5px solid var(--ligne);border-radius:10px} #customcup-config .pm{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ligne);background:#fff;font-size:22px;cursor:pointer} #customcup-config .paliers{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:14px} #customcup-config .palier{border:1.5px solid var(--ligne);border-radius:10px;padding:8px;background:#fff;cursor:pointer;font:inherit;text-align:left} #customcup-config .palier b{display:block;font-size:14px} #customcup-config .palier span{font-size:12px;color:var(--doux)} #customcup-config .palier.actif{border-color:var(--accent)} #customcup-config .recap{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px;margin:0} #customcup-config .recap dt{color:var(--doux)} #customcup-config .recap dd{margin:0;font-weight:600} #customcup-config .payer{margin-top:14px;width:100%;padding:14px;font:inherit;font-size:16px;border:0;border-radius:12px;background:#c9ced7;color:#fff} #customcup-config .pied{border-top:1px solid var(--ligne);padding:14px 22px;display:flex;align-items:center;gap:14px;position:sticky;bottom:0;background:#fff} #customcup-config .prix{flex:1;font-size:13px;color:var(--doux);line-height:1.35} #customcup-config .prix b{font-size:22px;color:var(--texte)} #customcup-config .nav{display:flex;gap:8px} #customcup-config #suiv{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600} #customcup-config #suiv:hover{background:var(--accent-fonce)} @container customcup (max-width:860px){ #customcup-config .app{grid-template-columns:1fr;height:auto} #customcup-config .scene{height:52vh;min-height:320px} #customcup-config .panneau{border-left:0;border-top:1px solid var(--ligne)} #customcup-config .etape{padding:6px 16px 16px} #customcup-config .pied{padding:12px 16px} #customcup-config .etapes li{font-size:0;padding:6px 0 8px} #customcup-config .etapes li::before{font-size:12px} #customcup-config .etapes li.actif{font-size:12px} } @supports not (container-type:inline-size){@media (max-width: 860px){ #customcup-config .app{grid-template-columns:1fr;height:auto} #customcup-config .scene{height:52vh;min-height:320px} #customcup-config .panneau{border-left:0;border-top:1px solid var(--ligne)} #customcup-config .etape{padding:6px 16px 16px} #customcup-config .pied{padding:12px 16px} #customcup-config .etapes li{font-size:0;padding:6px 0 8px} #customcup-config .etapes li::before{font-size:12px} #customcup-config .etapes li.actif{font-size:12px} }} #customcup-config [hidden]{display:none!important} #customcup-config .encadre .fichier-ideal{color:#3d2a16;background:#fff;border-radius:8px;padding:8px 10px;border:1px dashed #e5b9a9} #customcup-config .encadre button.studio b{display:block;font-weight:600} #customcup-config .encadre button.studio small{display:block;color:var(--doux);margin-top:2px;font-size:12px} #customcup-config .encadre button.studio.actif{background:#f2fbf6;border-color:var(--ok);color:#155f3f} #customcup-config .encadre button.studio.actif small{color:#3d7a5c} #customcup-config .ligne-encre{display:flex;align-items:center;gap:10px;font-size:14px;margin:6px 0} #customcup-config .pastille-logo{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 -5px 8px rgba(0,0,0,.12);display:inline-block} #customcup-config .sous-titre{display:block;font-size:13px;color:var(--texte);margin:4px 0 6px} #customcup-config .lien{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--accent);text-decoration:underline;cursor:pointer;margin-top:2px} #customcup-config .champ{display:block;font-size:13px;margin-top:12px} #customcup-config .champ small{color:var(--doux)} #customcup-config .champ input{display:block;width:100%;margin-top:6px;font:inherit;font-size:14px;padding:8px 10px;border:1.5px solid var(--ligne);border-radius:8px} #customcup-config.embed .barre{display:none} #customcup-config.embed .app{height:100vh} @container customcup (max-width:860px){ #customcup-config.embed .app{height:auto} #customcup-config.embed .scene{height:440px} } @supports not (container-type:inline-size){@media (max-width: 860px){ #customcup-config.embed .app{height:auto} #customcup-config.embed .scene{height:440px} }} /* ---- configurateur/ux.css */ #customcup-config{--fond:#eef1e9;--carte:#fff;--texte:var(--ink);--doux:var(--muted);--ligne:var(--line);--accent:var(--action);--accent-fonce:var(--ink);--ok:#3b693c;--alerte:#8c6019;--erreur:#a5392e;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color-scheme:light} #customcup-config{line-height:1.5} #customcup-config button, #customcup-config input{font-family:inherit} #customcup-config button:focus-visible, #customcup-config input:focus-visible, #customcup-config a:focus-visible{outline:3px solid var(--focus);outline-offset:3px} #customcup-config button:disabled{cursor:not-allowed} #customcup-config h2:focus{outline:none} #customcup-config .barre{background:var(--ink)} #customcup-config .app{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #customcup-config .panneau{min-width:0} #customcup-config .scene{background:#eef1e9;min-width:0} #customcup-config .scene-caption{position:absolute;top:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;font-weight:600;letter-spacing:1px;pointer-events:none} #customcup-config .scene-caption>span:last-child{font-size:12px;letter-spacing:0} #customcup-config .scene-outils{top:62px;left:22px;right:22px;gap:8px} #customcup-config .scene-outils .interrupteur{font-size:11px;padding:9px 11px;min-height:37px;border:1px solid var(--line);border-radius:6px;background:#fffffff2} #customcup-config .scene-outils .petit{font-size:11px;padding:8px 10px;min-height:37px;border:1px solid var(--line);border-radius:6px;background:#fffffff2} #customcup-config .scene-bottom{position:absolute;bottom:24px;left:18px;right:18px;text-align:center;pointer-events:none} #customcup-config .scene-aide{position:static;font-size:11px;line-height:1.5;margin:0;color:var(--muted)} #customcup-config .scene-bottom>span{font-size:9px;color:var(--muted);display:block;margin-top:6px} #customcup-config .apercu-note{top:112px;max-width:calc(100% - 40px);white-space:normal;text-align:center;border-radius:7px;background:var(--ink);font-size:11px;z-index:2} #customcup-config .engine-status{position:absolute;top:44%;left:20px;right:20px;padding:16px;text-align:center;font-size:13px;color:var(--muted);background:var(--paper);border-radius:9px} #customcup-config .etape{padding:12px 25px 26px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:auto} #customcup-config .etape h2{font-size:25px;letter-spacing:-.85px;line-height:1.16;margin:16px 0 10px;max-width:360px} #customcup-config .step-intro{font-size:12px;line-height:1.6;color:var(--doux);margin:0 0 22px;max-width:420px} #customcup-config .modeles{gap:9px} #customcup-config .modele{position:relative;gap:4px;padding:15px 14px;border:1px solid var(--line);border-radius:9px;min-height:105px;box-shadow:none;color:var(--texte)} #customcup-config .modele b{font-size:15px;letter-spacing:-.4px;padding-right:14px} #customcup-config .modele span{font-size:11px;line-height:1.45;color:var(--doux)} #customcup-config .modele em{font-size:10px;font-weight:600;color:var(--action)} #customcup-config .modele:hover:not(:disabled){border-color:var(--selected-line);background:var(--soft)} #customcup-config .modele.actif{border:1px solid var(--selected-line);background:var(--selected);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .modele.actif:after{content:"✓";position:absolute;top:12px;right:12px;font-size:12px;color:var(--action)} #customcup-config .fiche{font-size:10px;color:var(--muted);background:var(--soft);border-radius:6px;padding:11px 12px;margin-top:15px;line-height:1.6} #customcup-config .pastilles{gap:15px 10px;padding:4px} #customcup-config .pastille{min-height:62px;width:64px;font-size:10px;line-height:1.4;color:var(--muted)} #customcup-config .pastille i{height:35px;width:35px} #customcup-config .pastille.actif{color:var(--texte);font-weight:600} #customcup-config .pastille.actif i{outline:2px solid var(--selected-line);outline-offset:4px} #customcup-config .pastilles.petites{padding:5px 3px;gap:8px} #customcup-config .pastilles.petites .pastille{min-width:36px;min-height:39px;justify-content:center} #customcup-config .pastilles.petites .pastille i{width:26px;height:26px} #customcup-config .depot{display:flex;align-items:center;justify-content:center;gap:13px;padding:22px 15px;border:1.5px dashed var(--selected-line);border-radius:9px;background:var(--selected);position:relative;text-align:left} #customcup-config .depot:hover, #customcup-config .depot.survol{background:var(--selected);border-color:var(--selected-line)} #customcup-config .depot:focus-within{outline:3px solid var(--focus);outline-offset:3px} #customcup-config .depot input{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden} #customcup-config .upload-symbol{font-size:30px;line-height:1} #customcup-config .depot b{font-size:14px;color:var(--texte)} #customcup-config .upload-sub{display:block;font-size:11px;margin-top:3px} #customcup-config .depot small{display:block;font-size:9px;margin-top:7px;line-height:1.5} #customcup-config .demo-logo-note{font-size:10px;color:var(--doux);margin:10px 0 0;line-height:1.55} #customcup-config .groupe{border-top:1px solid var(--ligne);padding-top:17px;margin-top:21px} #customcup-config .etiquette{font-size:10px;font-weight:650;letter-spacing:.8px;color:var(--texte)} #customcup-config .info{font-size:11px;line-height:1.6} #customcup-config .choix{gap:7px} #customcup-config .choix button{font-size:11px;border:1px solid var(--line);border-radius:6px;min-height:43px;padding:10px 13px} #customcup-config .choix button.actif{background:var(--selected);border:1px solid var(--selected-line);color:var(--action);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .choix button:disabled{color:var(--muted);opacity:.5} #customcup-config .badge{font-size:9px;margin-top:5px} #customcup-config .interrupteur{font-size:11px;gap:9px;min-height:32px} #customcup-config .interrupteur input{accent-color:var(--action);width:15px;height:15px} #customcup-config .curseur{font-size:11px;grid-template-columns:60px 1fr;min-height:36px} #customcup-config .curseur input{height:24px} #customcup-config .champ{font-size:11px} #customcup-config .champ input{font-size:16px;border:1px solid var(--line);min-height:44px} #customcup-config .lien{font-size:11px;min-height:36px;text-underline-offset:3px} #customcup-config .ligne-encre{font-size:12px} #customcup-config .sous-titre{font-size:11px} #customcup-config .alertes{gap:7px} #customcup-config .alerte{font-size:11px;padding:10px 12px;border-radius:7px;line-height:1.6;border-left:3px solid #d49b42} #customcup-config .alerte.ok{background:#eef5e8;color:#355730;border-left-color:#87a967} #customcup-config .alerte.err{border-left-color:#b6624d} #customcup-config .alerte.ia{background:#f0eef6;color:#4c425f;border-left-color:#b6a4cb} #customcup-config .alerte.attente{border-left-color:#b0baa6} #customcup-config .alerte.attente:before{animation:none;border-color:#a0ad8e;vertical-align:-2px;background:var(--highlight)} #customcup-config .encadre{background:#fff7eb;border:1px solid #dfc39a;border-radius:9px;padding:14px;gap:9px} #customcup-config .encadre p{color:#72532b;font-size:11px} #customcup-config .encadre button{font-size:11px;padding:12px;border-radius:6px} #customcup-config .encadre .fichier-ideal{font-size:10px;line-height:1.6} #customcup-config .encadre button.studio small{font-size:10px} #customcup-config .quantite{gap:14px;margin-top:6px} #customcup-config .quantite input{font-size:25px;width:135px;border:1px solid var(--selected-line);border-radius:7px;padding:12px;min-height:53px;color:var(--texte)} #customcup-config .pm{border-radius:7px;background:var(--soft);border:1px solid var(--line);color:var(--texte)} #customcup-config .pm:hover{background:var(--selected)} #customcup-config .paliers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #customcup-config .palier{min-height:64px;padding:12px 9px;border:1px solid var(--line);border-radius:7px;color:var(--texte)} #customcup-config .palier b{font-size:12px} #customcup-config .palier span{font-size:9px} #customcup-config .palier.actif{border-color:var(--selected-line);background:var(--selected);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .palier:disabled{opacity:.45} #customcup-config .recap{font-size:11px;grid-template-columns:104px 1fr;gap:11px 16px;line-height:1.55;padding:16px;border:1px solid var(--ligne);border-radius:9px;background:var(--paper)} #customcup-config .recap dt{font-size:10px} #customcup-config .recap dd{font-size:11px;font-weight:500;overflow-wrap:anywhere} #customcup-config .recap dt:nth-last-of-type(1), #customcup-config .recap dd:last-of-type{font-weight:700;color:var(--texte);border-top:1px solid var(--ligne);padding-top:10px;font-size:13px} #customcup-config .bat-note{font-size:10px;margin:14px 0;display:flex;gap:8px;align-items:baseline;color:var(--doux)} #customcup-config .bat-note>span{color:var(--action)} #customcup-config .checkout-options{margin-top:21px} #customcup-config .online-option{border:1px solid var(--selected-line);background:var(--selected);padding:18px;border-radius:9px} #customcup-config .online-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} #customcup-config .online-heading strong{font-size:14px} #customcup-config .online-heading>span{background:var(--highlight);color:var(--ink);padding:5px 7px;font-size:10px;font-weight:650;border-radius:4px} #customcup-config .online-option>p{font-size:11px;color:var(--doux);line-height:1.6;margin:10px 0} #customcup-config .online-price{margin-top:17px} #customcup-config .online-price del{font-size:12px;color:var(--doux)} #customcup-config .online-price strong{display:block;font-size:29px;line-height:1.3;font-weight:700;letter-spacing:-1px;color:var(--ink)} #customcup-config .online-price strong small{font-size:12px;font-weight:500;letter-spacing:0} #customcup-config .online-price>span{display:block;font-size:11px;color:var(--action);margin-top:4px} #customcup-config .payer{background:var(--action);color:var(--on-action);border-radius:6px;font-size:13px;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px} #customcup-config .payer:disabled{background:var(--action);color:var(--on-action);opacity:.7} #customcup-config .checkout-or{font-size:10px;text-align:center;color:var(--doux);margin:17px 0 12px} #customcup-config .assisted-options{display:grid;grid-template-columns:1fr;gap:11px} #customcup-config .assisted-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:12px;font:inherit;font-size:11px;background:#fff;color:var(--ink);width:100%} #customcup-config .assisted-options p{font-size:10px;color:var(--doux);margin:5px 0 0} #customcup-config .checkout-unavailable{font-size:9px;color:var(--doux);line-height:1.6;margin-top:15px;border-top:1px solid var(--ligne);padding-top:12px} #customcup-config .pied{padding:17px 25px 20px;gap:14px;flex-direction:column;align-items:stretch;flex-shrink:0;position:relative;z-index:2;background:#fff;box-shadow:0 -5px 15px #203c3204} #customcup-config .price-block{min-width:0} #customcup-config .price-label{display:block;font-size:9px;color:var(--doux);letter-spacing:.35px;margin-bottom:5px} #customcup-config .prix{font-size:10px;line-height:1.6;color:var(--doux);min-width:0} #customcup-config .prix b{font-size:23px;color:var(--texte);letter-spacing:-.6px;margin-right:5px} #customcup-config .nav{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center} #customcup-config .nav button{min-height:46px;font-size:12px;border-radius:6px;padding:12px 14px} #customcup-config .nav #prec{background:#fff;color:var(--muted);border:1px solid var(--line)} #customcup-config .nav #suiv{background:var(--action);color:var(--on-action);border-color:var(--action);display:flex;justify-content:space-between;align-items:center;gap:12px} #customcup-config .nav #suiv:after{content:'→';font-size:18px} #customcup-config .nav #suiv:hover{background:var(--action-hover)} #customcup-config .panneau[data-step="1"] .nav{grid-template-columns:1fr} #customcup-config .panneau[data-step="1"] #prec{display:none} #customcup-config .panneau[data-step="5"] .nav{display:flex} #customcup-config .panneau[data-step="5"] .pied{padding-top:12px;padding-bottom:12px} #customcup-config .panneau[data-step="5"] .price-block{display:none} @container customcup (max-width:860px){ #customcup-config .app{grid-template-columns:1fr;height:auto} #customcup-config.embed .app{height:auto} #customcup-config .scene, #customcup-config.embed .scene{height:300px;min-height:300px} #customcup-config .scene-caption{top:16px;left:18px;right:18px} #customcup-config .scene-outils{top:49px;left:16px;right:16px;gap:6px} #customcup-config .scene-outils .interrupteur, #customcup-config .scene-outils .petit{font-size:10px;min-height:34px;padding:7px 9px} #customcup-config .scene-bottom{bottom:13px} #customcup-config .scene-aide{font-size:10px} #customcup-config .scene-bottom>span{font-size:8px} #customcup-config .etape{padding:10px 18px 23px;overflow:visible} #customcup-config .etape h2{font-size:24px;max-width:none;margin-top:15px} #customcup-config .step-intro{font-size:12px;margin-bottom:20px} #customcup-config .pied{padding:15px 18px;position:relative} #customcup-config .modeles{gap:8px} #customcup-config .modele{padding:14px 12px;min-height:105px} #customcup-config .modele span{font-size:10px} #customcup-config .modele b{font-size:14px} #customcup-config .modele em{font-size:10px} #customcup-config .pastilles{gap:14px 6px} #customcup-config .pastille{width:60px;font-size:10px} #customcup-config .apercu-note{font-size:10px;top:92px} #customcup-config .recap{grid-template-columns:88px 1fr;gap:9px 12px;padding:13px} #customcup-config .online-option{padding:15px} #customcup-config .online-heading strong{font-size:13px} #customcup-config .online-heading>span{font-size:9px} #customcup-config .panneau[data-step="5"] .pied{border-top:0} #customcup-config .depot{padding:20px 12px} #customcup-config .depot small{font-size:9px} #customcup-config .paliers{grid-template-columns:repeat(3,minmax(0,1fr))} #customcup-config .palier{padding:10px 7px} #customcup-config .palier b{font-size:11px} #customcup-config .palier span{font-size:9px} #customcup-config .quantite{justify-content:center} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .app{grid-template-columns:1fr;height:auto} #customcup-config.embed .app{height:auto} #customcup-config .scene, #customcup-config.embed .scene{height:300px;min-height:300px} #customcup-config .scene-caption{top:16px;left:18px;right:18px} #customcup-config .scene-outils{top:49px;left:16px;right:16px;gap:6px} #customcup-config .scene-outils .interrupteur, #customcup-config .scene-outils .petit{font-size:10px;min-height:34px;padding:7px 9px} #customcup-config .scene-bottom{bottom:13px} #customcup-config .scene-aide{font-size:10px} #customcup-config .scene-bottom>span{font-size:8px} #customcup-config .etape{padding:10px 18px 23px;overflow:visible} #customcup-config .etape h2{font-size:24px;max-width:none;margin-top:15px} #customcup-config .step-intro{font-size:12px;margin-bottom:20px} #customcup-config .pied{padding:15px 18px;position:relative} #customcup-config .modeles{gap:8px} #customcup-config .modele{padding:14px 12px;min-height:105px} #customcup-config .modele span{font-size:10px} #customcup-config .modele b{font-size:14px} #customcup-config .modele em{font-size:10px} #customcup-config .pastilles{gap:14px 6px} #customcup-config .pastille{width:60px;font-size:10px} #customcup-config .apercu-note{font-size:10px;top:92px} #customcup-config .recap{grid-template-columns:88px 1fr;gap:9px 12px;padding:13px} #customcup-config .online-option{padding:15px} #customcup-config .online-heading strong{font-size:13px} #customcup-config .online-heading>span{font-size:9px} #customcup-config .panneau[data-step="5"] .pied{border-top:0} #customcup-config .depot{padding:20px 12px} #customcup-config .depot small{font-size:9px} #customcup-config .paliers{grid-template-columns:repeat(3,minmax(0,1fr))} #customcup-config .palier{padding:10px 7px} #customcup-config .palier b{font-size:11px} #customcup-config .palier span{font-size:9px} #customcup-config .quantite{justify-content:center} }} @container customcup (max-width:350px){ #customcup-config .etape{padding-inline:13px} #customcup-config .etape h2{font-size:22px} #customcup-config .modele b{font-size:13px} #customcup-config .modele{padding:13px 10px} #customcup-config .pied{padding-inline:13px} #customcup-config .choix button{font-size:10px;padding:10px} #customcup-config .depot{gap:8px} #customcup-config .upload-sub{font-size:10px} #customcup-config .pastille{width:56px} #customcup-config .prix b{font-size:22px} #customcup-config .online-heading{flex-direction:column;align-items:flex-start} } @supports not (container-type:inline-size){@media (max-width:350px){ #customcup-config .etape{padding-inline:13px} #customcup-config .etape h2{font-size:22px} #customcup-config .modele b{font-size:13px} #customcup-config .modele{padding:13px 10px} #customcup-config .pied{padding-inline:13px} #customcup-config .choix button{font-size:10px;padding:10px} #customcup-config .depot{gap:8px} #customcup-config .upload-sub{font-size:10px} #customcup-config .pastille{width:56px} #customcup-config .prix b{font-size:22px} #customcup-config .online-heading{flex-direction:column;align-items:flex-start} }} #customcup-config .selection-summary{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 13px;font-weight:600} #customcup-config .recap-details{border-block:1px solid var(--ligne);margin:0 0 12px} #customcup-config .recap-details summary{font-size:11px;min-height:42px;padding:12px 0;cursor:pointer;color:var(--action)} #customcup-config .recap-details[open] .recap{margin-bottom:14px} #customcup-config .recap-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px} #customcup-config .nav #suiv{border-radius:6px} #customcup-config .modele{min-height:92px;padding-block:12px} @container customcup (min-width:861px){ #customcup-config .assisted-options{grid-template-columns:1fr 1fr} #customcup-config .assisted-options button{font-size:10px} #customcup-config .etape[data-e="5"] h2{margin-top:9px} #customcup-config .etape[data-e="5"] .step-intro{margin-bottom:14px} #customcup-config .checkout-options{margin-top:14px} } @supports not (container-type:inline-size){@media (min-width:861px){ #customcup-config .assisted-options{grid-template-columns:1fr 1fr} #customcup-config .assisted-options button{font-size:10px} #customcup-config .etape[data-e="5"] h2{margin-top:9px} #customcup-config .etape[data-e="5"] .step-intro{margin-bottom:14px} #customcup-config .checkout-options{margin-top:14px} }} #customcup-config .etape[data-e="5"]>.step-intro{display:none} #customcup-config .checkout-options>.recap-details{margin-top:18px} #customcup-config .panneau[data-step="5"] .pied{padding-block:8px} #customcup-config .panneau[data-step="5"] #prec{min-height:34px;padding-block:8px} #customcup-config .live-discount:empty{display:none} #customcup-config .online-heading>span{color:var(--on-highlight)} #customcup-config .etape h2{scroll-margin-top:16px} #customcup-config{--cc-apercu:clamp(200px,38vh,420px)} @supports (height:1svh){ #customcup-config{--cc-apercu:clamp(200px,38svh,420px)} } #customcup-config #vue canvas{touch-action:pan-y} #customcup-config .scene-agrandir{display:none} @container customcup (max-width:860px){ @media (min-height:500px){ #customcup-config .app{display:block} #customcup-config .scene, #customcup-config.embed .scene{position:sticky;top:var(--cc-entete,0px);z-index:3;height:var(--cc-apercu);min-height:0;transform-origin:0 0;clip-path:inset(0 round 0);transition:transform .3s ease,clip-path .3s ease} #customcup-config .scene>*{transition:opacity .2s} #customcup-config .scene.vignette{transform:translate(var(--cc-tx),var(--cc-ty)) scale(var(--cc-k));clip-path:inset(var(--cc-iy) var(--cc-ix) round calc(12px / var(--cc-k)))} #customcup-config .scene.vignette>:not(#vue):not(.scene-agrandir){opacity:0;visibility:hidden} #customcup-config .scene.vignette .scene-agrandir{display:block;position:absolute;inset:var(--cc-iy) var(--cc-ix);z-index:5;margin:0;padding:0;border:0;border-radius:calc(12px / var(--cc-k));background:none;box-shadow:inset 0 0 0 calc(1.5px / var(--cc-k)) var(--selected-line);cursor:zoom-in} #customcup-config .scene-agrandir span{position:absolute;left:50%;bottom:calc(6px / var(--cc-k));transform:translateX(-50%);font-size:calc(9px / var(--cc-k));font-weight:600;line-height:1.3;padding:calc(2px / var(--cc-k)) calc(7px / var(--cc-k));border-radius:calc(9px / var(--cc-k));background:#fffffff0;color:var(--ink);white-space:nowrap} #customcup-config .panneau{scroll-margin-top:calc(var(--cc-entete,0px) + var(--cc-apercu))} #customcup-config .panneau :is(button,input,summary){scroll-margin-top:calc(var(--cc-entete,0px) + var(--cc-apercu) + 10px);scroll-margin-bottom:175px} #customcup-config .panneau .pied, #customcup-config .panneau[data-step="5"] .pied{position:sticky;bottom:0;z-index:4;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px #0000000f} #customcup-config .pied .price-block{grid-template-areas:"prix liv" "ld ld" "qr qr";row-gap:4px} #customcup-config .pied .prix{font-size:12px;line-height:18px;max-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #customcup-config .pied .prix b{font-size:12px;font-weight:600;margin-right:2px} #customcup-config .pied .livraison-courte{margin:0;font-size:11px;line-height:18px} #customcup-config .pied .live-discount{margin:0;gap:2px 8px} #customcup-config .pied .ld-prix strong{font-size:19px} #customcup-config .pied .qte-rapide{margin:2px 0 0} #customcup-config .pied .qte-rapide button{min-height:30px;min-width:44px;padding:4px 10px;font-size:11px} #customcup-config .pied .nav button{min-height:44px} } } @supports not (container-type:inline-size){@media (max-width:860px){ @media (min-height:500px){ #customcup-config .app{display:block} #customcup-config .scene, #customcup-config.embed .scene{position:sticky;top:var(--cc-entete,0px);z-index:3;height:var(--cc-apercu);min-height:0;transform-origin:0 0;clip-path:inset(0 round 0);transition:transform .3s ease,clip-path .3s ease} #customcup-config .scene>*{transition:opacity .2s} #customcup-config .scene.vignette{transform:translate(var(--cc-tx),var(--cc-ty)) scale(var(--cc-k));clip-path:inset(var(--cc-iy) var(--cc-ix) round calc(12px / var(--cc-k)))} #customcup-config .scene.vignette>:not(#vue):not(.scene-agrandir){opacity:0;visibility:hidden} #customcup-config .scene.vignette .scene-agrandir{display:block;position:absolute;inset:var(--cc-iy) var(--cc-ix);z-index:5;margin:0;padding:0;border:0;border-radius:calc(12px / var(--cc-k));background:none;box-shadow:inset 0 0 0 calc(1.5px / var(--cc-k)) var(--selected-line);cursor:zoom-in} #customcup-config .scene-agrandir span{position:absolute;left:50%;bottom:calc(6px / var(--cc-k));transform:translateX(-50%);font-size:calc(9px / var(--cc-k));font-weight:600;line-height:1.3;padding:calc(2px / var(--cc-k)) calc(7px / var(--cc-k));border-radius:calc(9px / var(--cc-k));background:#fffffff0;color:var(--ink);white-space:nowrap} #customcup-config .panneau{scroll-margin-top:calc(var(--cc-entete,0px) + var(--cc-apercu))} #customcup-config .panneau :is(button,input,summary){scroll-margin-top:calc(var(--cc-entete,0px) + var(--cc-apercu) + 10px);scroll-margin-bottom:175px} #customcup-config .panneau .pied, #customcup-config .panneau[data-step="5"] .pied{position:sticky;bottom:0;z-index:4;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px #0000000f} #customcup-config .pied .price-block{grid-template-areas:"prix liv" "ld ld" "qr qr";row-gap:4px} #customcup-config .pied .prix{font-size:12px;line-height:18px;max-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #customcup-config .pied .prix b{font-size:12px;font-weight:600;margin-right:2px} #customcup-config .pied .livraison-courte{margin:0;font-size:11px;line-height:18px} #customcup-config .pied .live-discount{margin:0;gap:2px 8px} #customcup-config .pied .ld-prix strong{font-size:19px} #customcup-config .pied .qte-rapide{margin:2px 0 0} #customcup-config .pied .qte-rapide button{min-height:30px;min-width:44px;padding:4px 10px;font-size:11px} #customcup-config .pied .nav button{min-height:44px} } }} @media (prefers-reduced-motion:reduce){ #customcup-config .scene, #customcup-config .scene>*{transition:none} } #customcup-config .scene-depot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 32px);min-height:38px;padding:8px 14px;border:1.5px dashed var(--selected-line);border-radius:999px;background:#fffffff0;color:var(--ink);font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px #0000000f} #customcup-config .scene-depot:hover{background:var(--selected)} #customcup-config .scene-depot:focus-within{outline:3px solid var(--focus);outline-offset:3px} #customcup-config .scene-depot input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none} #customcup-config .scene-depot-symbole{font-size:15px;line-height:1} #customcup-config .scene-exemple{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);z-index:2;padding:5px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none} #customcup-config .scene.depot-survol:after{content:"";position:absolute;inset:10px;z-index:6;border:2px dashed var(--action);border-radius:10px;background:#ffffff40;pointer-events:none} #customcup-config .logo-apres{margin:14px 0 0;font-weight:600} #customcup-config .logo-apres-info{margin:4px 0 0} #customcup-config .couleur-tech{margin:14px 0 0} #customcup-config .options-avancees{margin-top:21px;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)} #customcup-config .options-avancees>summary{min-height:44px;padding:13px 0;cursor:pointer;font-size:11px;font-weight:650;color:var(--action)} #customcup-config .options-avancees>summary small{margin-left:6px;font-size:10px;font-weight:500;color:var(--doux)} #customcup-config .options-avancees>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px} #customcup-config .options-avancees[open]{padding-bottom:16px} #customcup-config .options-avancees .groupe{border-top:0;padding-top:0;margin-top:10px} @container customcup (max-width:860px){ #customcup-config .scene-exemple{bottom:58px} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .scene-exemple{bottom:58px} }} #customcup-config .price-block{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "prix prix" "ld ld" "qr liv";column-gap:12px;align-items:center} #customcup-config .price-label{grid-area:label} #customcup-config .prix{grid-area:prix;color:var(--doux)} #customcup-config .prix b{font-size:17px;font-weight:600;color:var(--doux)} #customcup-config .live-discount{grid-area:ld;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:6px 0 0;color:var(--texte)} #customcup-config .ld-prix{font-size:12px;font-weight:600;color:var(--texte);white-space:nowrap} #customcup-config .ld-prix strong{font-size:23px;font-weight:700;letter-spacing:-.6px;color:var(--ink)} #customcup-config .ld-remise{font-size:10px;font-weight:650;line-height:1.3;padding:3px 7px;border-radius:4px;background:var(--highlight);color:var(--on-highlight);white-space:nowrap} #customcup-config .livraison-courte{grid-area:liv;justify-self:end;margin:8px 0 0;font-size:11px;line-height:1.4;color:var(--doux);text-align:right;white-space:nowrap} #customcup-config .livraison-courte:empty{display:none} #customcup-config .qte-rapide{grid-area:qr;min-width:0;display:flex;align-items:center;gap:6px;margin:8px 0 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch} #customcup-config .qte-rapide::-webkit-scrollbar{display:none} #customcup-config .qte-rapide[hidden]{display:none} #customcup-config .qte-rapide-titre{flex:none;font-size:10px;font-weight:650;color:var(--doux)} #customcup-config .qte-rapide button{flex:none;min-height:32px;min-width:48px;margin:0;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--texte);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums} #customcup-config .qte-rapide button:hover{border-color:var(--selected-line);background:var(--soft)} #customcup-config .qte-rapide button[aria-pressed="true"]{border-color:var(--selected-line);background:var(--selected);color:var(--action);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .qte-rapide button:focus-visible{outline-offset:-2px} #customcup-config .livraison-estimee{font-size:10px;line-height:1.6;color:var(--doux);margin:-4px 0 14px} #customcup-config .partage-message{flex:none;display:flex;align-items:flex-start;gap:8px;margin:4px 25px 0;padding:8px 8px 8px 12px;border:1px solid var(--selected-line);border-radius:7px;background:var(--selected);color:var(--texte);font-size:11px;line-height:1.5} #customcup-config .partage-message[hidden]{display:none} #customcup-config .partage-message-texte{flex:1;min-width:0;padding-top:3px} #customcup-config .partage-message-fermer{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:5px;background:none;color:var(--doux);font-size:17px;line-height:1;cursor:pointer} #customcup-config .partage-message-fermer:hover{background:#ffffff99;color:var(--texte)} #customcup-config .partage{margin-top:14px} #customcup-config .partager{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0;padding:12px;border:1px dashed var(--selected-line);border-radius:6px;background:#fff;color:var(--action);font:inherit;font-size:11px;font-weight:600;cursor:pointer} #customcup-config .partager:hover{background:var(--soft)} #customcup-config .partage-retour{margin:6px 0 0;font-size:10px;line-height:1.55;color:var(--doux)} #customcup-config .partage-retour:empty{display:none} #customcup-config .partage-lien{display:block;width:100%;min-height:40px;margin:6px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--texte);font:inherit;font-size:16px} #customcup-config .payer[aria-disabled="true"]{opacity:.7;cursor:not-allowed} #customcup-config [data-sortie][aria-disabled="true"]{cursor:not-allowed} @container customcup (max-width:860px){ #customcup-config .partage-message{margin-inline:18px} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .partage-message{margin-inline:18px} }} @container customcup (max-width:350px){ #customcup-config .partage-message{margin-inline:13px} } @supports not (container-type:inline-size){@media (max-width:350px){ #customcup-config .partage-message{margin-inline:13px} }} #customcup-config .visuellement-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #customcup-config .etapes{display:flex;margin:0;padding:0 22px;gap:0;background:#fff;border-bottom:1px solid var(--ligne)} #customcup-config .etapes li{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;font-size:11px;color:var(--doux);list-style:none;text-align:left} #customcup-config .etapes li:before{content:none} #customcup-config .etapes li button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;min-height:46px;margin:0;padding:8px 8px 7px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:inherit;font:inherit;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;box-shadow:none} #customcup-config .etapes li button>span{display:block;width:auto;height:auto;background:none;border:0;border-radius:0;max-width:100%} #customcup-config .etapes li button>.etape-nom{font-size:11px;letter-spacing:.2px} #customcup-config .etapes li button>.etape-valeur{min-height:13px;font-size:10px;font-weight:500;color:var(--doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #customcup-config .etapes li.fait button{color:var(--texte)} #customcup-config .etapes li.actif button{color:var(--action);border-bottom-color:var(--action)} #customcup-config .etapes li.actif button>.etape-valeur{color:var(--action)} #customcup-config .etapes li:not(.actif) button:hover{color:var(--texte);border-bottom-color:var(--line)} #customcup-config .etapes li button:focus-visible{outline:3px solid var(--focus);outline-offset:-3px} @container customcup (max-width:860px){ #customcup-config .etapes{padding:0 12px} #customcup-config .etapes li button{align-items:center;text-align:center;padding:10px 2px 8px;min-height:42px} #customcup-config .etapes li button>.etape-nom{font-size:10px} #customcup-config .etapes li button>.etape-valeur{display:none} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .etapes{padding:0 12px} #customcup-config .etapes li button{align-items:center;text-align:center;padding:10px 2px 8px;min-height:42px} #customcup-config .etapes li button>.etape-nom{font-size:10px} #customcup-config .etapes li button>.etape-valeur{display:none} }} @container customcup (max-width:350px){ #customcup-config .etapes{padding:0 8px} #customcup-config .etapes li button>.etape-nom{font-size:9px} } @supports not (container-type:inline-size){@media (max-width:350px){ #customcup-config .etapes{padding:0 8px} #customcup-config .etapes li button>.etape-nom{font-size:9px} }} @container customcup (min-width:861px){ #customcup-config .app{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} #customcup-config .etape{padding:4px 22px 16px} #customcup-config .etape h2{font-size:18px;letter-spacing:-.4px;line-height:1.25;margin:10px 0 10px;max-width:none} #customcup-config .step-intro{display:none} #customcup-config .modeles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px} #customcup-config .modele{min-height:0;padding:10px 9px 9px;gap:3px} #customcup-config .modele b{font-size:13px;padding-right:12px;letter-spacing:-.3px} #customcup-config .modele span{font-size:10px;line-height:1.35} #customcup-config .modele em{font-size:9px} #customcup-config .modele.actif:after{top:8px;right:8px;font-size:11px} #customcup-config .fiche{margin-top:10px;padding:8px 10px;font-size:10px} #customcup-config .groupe{margin-top:14px;padding-top:12px} #customcup-config .depot{padding:14px 15px;gap:12px} #customcup-config .upload-symbol{font-size:24px} #customcup-config .depot small{margin-top:3px} #customcup-config .demo-logo-note{margin-top:8px} #customcup-config .logo-apres{margin-top:10px} #customcup-config .options-avancees{margin-top:14px} #customcup-config .quantite{margin-top:0} #customcup-config .paliers{margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))} #customcup-config .bat-note{margin:6px 0 10px} #customcup-config .checkout-options{display:grid;grid-template-columns:1.25fr 1fr;gap:10px 16px;align-items:start;margin-top:6px} #customcup-config .online-option{grid-column:1;grid-row:1/4;padding:14px 16px} #customcup-config .online-price{margin-top:10px} #customcup-config .online-price strong{font-size:25px} #customcup-config .checkout-or{grid-column:2;grid-row:1;margin:4px 0 0;text-align:left} #customcup-config .assisted-options{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:8px} #customcup-config .partage{grid-column:2;grid-row:3;margin-top:0} #customcup-config .recap-details, #customcup-config .checkout-unavailable{grid-column:1/-1} #customcup-config .checkout-options>.recap-details{margin-top:6px} #customcup-config .checkout-unavailable{margin-top:4px;padding-top:8px} #customcup-config .pied{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 18px;padding:9px 22px 11px} #customcup-config .price-block{grid-column:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-areas:"qr liv" "ld prix";row-gap:5px;column-gap:14px;align-items:center} #customcup-config .qte-rapide{margin:0} #customcup-config .qte-rapide button{min-height:30px;min-width:42px;padding:4px 8px;font-size:11px} #customcup-config .livraison-courte{margin:0;font-size:10px} #customcup-config .live-discount{margin:0;gap:2px 8px} #customcup-config .ld-prix strong{font-size:22px} #customcup-config .prix{grid-area:prix;justify-self:end;max-width:100%;text-align:right;font-size:10px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #customcup-config .prix b{font-size:11px;font-weight:600;margin-right:3px} #customcup-config .nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:auto auto;gap:8px;align-self:end} #customcup-config .nav button{min-height:42px;padding:10px 13px} #customcup-config .nav #suiv{min-width:0;white-space:nowrap} #customcup-config .panneau[data-step="1"] .nav{grid-template-columns:auto} #customcup-config .panneau[data-step="4"] .qte-rapide{display:none} #customcup-config .panneau[data-step="5"] .pied{display:flex;justify-content:flex-end;padding-block:9px 11px} #customcup-config .panneau[data-step="5"] .nav{display:flex} } @supports not (container-type:inline-size){@media (min-width:861px){ #customcup-config .app{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} #customcup-config .etape{padding:4px 22px 16px} #customcup-config .etape h2{font-size:18px;letter-spacing:-.4px;line-height:1.25;margin:10px 0 10px;max-width:none} #customcup-config .step-intro{display:none} #customcup-config .modeles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px} #customcup-config .modele{min-height:0;padding:10px 9px 9px;gap:3px} #customcup-config .modele b{font-size:13px;padding-right:12px;letter-spacing:-.3px} #customcup-config .modele span{font-size:10px;line-height:1.35} #customcup-config .modele em{font-size:9px} #customcup-config .modele.actif:after{top:8px;right:8px;font-size:11px} #customcup-config .fiche{margin-top:10px;padding:8px 10px;font-size:10px} #customcup-config .groupe{margin-top:14px;padding-top:12px} #customcup-config .depot{padding:14px 15px;gap:12px} #customcup-config .upload-symbol{font-size:24px} #customcup-config .depot small{margin-top:3px} #customcup-config .demo-logo-note{margin-top:8px} #customcup-config .logo-apres{margin-top:10px} #customcup-config .options-avancees{margin-top:14px} #customcup-config .quantite{margin-top:0} #customcup-config .paliers{margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))} #customcup-config .bat-note{margin:6px 0 10px} #customcup-config .checkout-options{display:grid;grid-template-columns:1.25fr 1fr;gap:10px 16px;align-items:start;margin-top:6px} #customcup-config .online-option{grid-column:1;grid-row:1/4;padding:14px 16px} #customcup-config .online-price{margin-top:10px} #customcup-config .online-price strong{font-size:25px} #customcup-config .checkout-or{grid-column:2;grid-row:1;margin:4px 0 0;text-align:left} #customcup-config .assisted-options{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:8px} #customcup-config .partage{grid-column:2;grid-row:3;margin-top:0} #customcup-config .recap-details, #customcup-config .checkout-unavailable{grid-column:1/-1} #customcup-config .checkout-options>.recap-details{margin-top:6px} #customcup-config .checkout-unavailable{margin-top:4px;padding-top:8px} #customcup-config .pied{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 18px;padding:9px 22px 11px} #customcup-config .price-block{grid-column:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-areas:"qr liv" "ld prix";row-gap:5px;column-gap:14px;align-items:center} #customcup-config .qte-rapide{margin:0} #customcup-config .qte-rapide button{min-height:30px;min-width:42px;padding:4px 8px;font-size:11px} #customcup-config .livraison-courte{margin:0;font-size:10px} #customcup-config .live-discount{margin:0;gap:2px 8px} #customcup-config .ld-prix strong{font-size:22px} #customcup-config .prix{grid-area:prix;justify-self:end;max-width:100%;text-align:right;font-size:10px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #customcup-config .prix b{font-size:11px;font-weight:600;margin-right:3px} #customcup-config .nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:auto auto;gap:8px;align-self:end} #customcup-config .nav button{min-height:42px;padding:10px 13px} #customcup-config .nav #suiv{min-width:0;white-space:nowrap} #customcup-config .panneau[data-step="1"] .nav{grid-template-columns:auto} #customcup-config .panneau[data-step="4"] .qte-rapide{display:none} #customcup-config .panneau[data-step="5"] .pied{display:flex;justify-content:flex-end;padding-block:9px 11px} #customcup-config .panneau[data-step="5"] .nav{display:flex} }} @container customcup (min-width:861px) and (max-width:1180px){ #customcup-config .pied{grid-template-columns:1fr;gap:8px 0} #customcup-config .price-block{grid-column:1} #customcup-config .nav{grid-column:1;grid-row:auto;grid-template-columns:auto 1fr} #customcup-config .panneau[data-step="1"] .nav{grid-template-columns:1fr} } @supports not (container-type:inline-size){@media (min-width:861px) and (max-width:1180px){ #customcup-config .pied{grid-template-columns:1fr;gap:8px 0} #customcup-config .price-block{grid-column:1} #customcup-config .nav{grid-column:1;grid-row:auto;grid-template-columns:auto 1fr} #customcup-config .panneau[data-step="1"] .nav{grid-template-columns:1fr} }} #customcup-config .modele-vignette{display:block;width:100%;height:auto;aspect-ratio:150/230;margin:0 0 7px;border-radius:7px;background:linear-gradient(#f5f7f9,#dde3e9)} @container customcup (max-width:860px){ #customcup-config .modeles{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin-inline:-18px;padding:2px 18px 6px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #customcup-config .modeles::-webkit-scrollbar{display:none} #customcup-config .modele{flex:0 0 64%;max-width:250px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:0;padding:8px 10px 10px} #customcup-config .modele-vignette{width:100%;height:auto;aspect-ratio:1;margin:0 0 6px;border-radius:7px;background:linear-gradient(#f5f7f9,#dde3e9)} #customcup-config .modele b{padding-right:0} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .modeles{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin-inline:-18px;padding:2px 18px 6px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #customcup-config .modeles::-webkit-scrollbar{display:none} #customcup-config .modele{flex:0 0 64%;max-width:250px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:0;padding:8px 10px 10px} #customcup-config .modele-vignette{width:100%;height:auto;aspect-ratio:1;margin:0 0 6px;border-radius:7px;background:linear-gradient(#f5f7f9,#dde3e9)} #customcup-config .modele b{padding-right:0} }} @container customcup (max-width:350px){ #customcup-config .modeles{margin-inline:-13px;padding-inline:13px;scroll-padding-inline:13px} #customcup-config .modele{flex-basis:68%} } @supports not (container-type:inline-size){@media (max-width:350px){ #customcup-config .modeles{margin-inline:-13px;padding-inline:13px;scroll-padding-inline:13px} #customcup-config .modele{flex-basis:68%} }} @container customcup (max-width:860px){ #customcup-config .etape h2{font-size:18px;letter-spacing:-.4px;line-height:1.25;margin:8px 0 8px;max-width:none} #customcup-config .step-intro{display:none} #customcup-config .etape{padding-top:2px} } @supports not (container-type:inline-size){@media (max-width:860px){ #customcup-config .etape h2{font-size:18px;letter-spacing:-.4px;line-height:1.25;margin:8px 0 8px;max-width:none} #customcup-config .step-intro{display:none} #customcup-config .etape{padding-top:2px} }} #customcup-config .etape, #customcup-config .etape[hidden]{display:block!important;flex:none;overflow:visible} #customcup-config .etape+.etape{border-top:1px solid var(--ligne);margin-top:8px;padding-top:6px} #customcup-config .etape[data-e="5"]{padding-bottom:26px} #customcup-config .panneau[data-step="5"] .price-block{display:grid} @container customcup (min-width:861px){ #customcup-config .panneau{overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #customcup-config .etapes{position:sticky;top:0;z-index:3;background:#fff} #customcup-config .etape{scroll-margin-top:52px} #customcup-config .pied{position:sticky;bottom:0;z-index:2} #customcup-config .panneau[data-step="5"] .pied{display:grid;justify-content:normal;padding:9px 22px 11px} #customcup-config .panneau[data-step="5"] .nav{display:grid;grid-template-columns:auto} } @supports not (container-type:inline-size){@media (min-width:861px){ #customcup-config .panneau{overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #customcup-config .etapes{position:sticky;top:0;z-index:3;background:#fff} #customcup-config .etape{scroll-margin-top:52px} #customcup-config .pied{position:sticky;bottom:0;z-index:2} #customcup-config .panneau[data-step="5"] .pied{display:grid;justify-content:normal;padding:9px 22px 11px} #customcup-config .panneau[data-step="5"] .nav{display:grid;grid-template-columns:auto} }} #customcup-config .modeles-decor{margin:0 0 14px} #customcup-config .modeles-decor-liste{display:flex;gap:8px;margin-top:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px} #customcup-config .modeles-decor-liste::-webkit-scrollbar{display:none} #customcup-config .modele-decor{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;width:112px;margin:0;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--texte);font:inherit;font-size:10px;font-weight:600;cursor:pointer} #customcup-config .modele-decor img, #customcup-config .modele-decor canvas{display:block;width:100%;height:auto;aspect-ratio:200/115;object-fit:cover;border-radius:4px;background:#f3f4f6} #customcup-config .modele-decor-aucun{justify-content:center;min-height:82px;color:var(--doux)} #customcup-config .modele-decor[aria-pressed="true"]{border-color:var(--selected-line);background:var(--selected);color:var(--action);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .modeles-decor-champs{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper)} #customcup-config .modeles-decor-champs .champ input{width:100%} #customcup-config .modeles-decor-champs .info{margin:0} #customcup-config .app.trois-volets{grid-template-columns:360px minmax(0,1fr) 340px} #customcup-config .trois-volets>.panneau{border-left:0;border-right:1px solid var(--ligne)} #customcup-config .trois-volets .etapes, #customcup-config .trois-volets .pied{display:none} #customcup-config .trois-volets .modeles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} #customcup-config .trois-volets .modele{padding:6px 6px 7px} #customcup-config .trois-volets .modele b{font-size:12px;padding-right:10px} #customcup-config .trois-volets .modele span{font-size:9px} #customcup-config .volet-titre{margin:0;padding:12px 22px 2px;font-size:10px;font-weight:650;letter-spacing:.8px;line-height:1.4;text-transform:uppercase;color:var(--doux)} #customcup-config .volet-commande{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--carte);border-left:1px solid var(--ligne);padding-bottom:14px} #customcup-config .volet-commande>.volet-titre{padding:12px 18px 10px} #customcup-config .volet-commande .etape, #customcup-config .volet-commande .etape+.etape, #customcup-config .volet-commande .etape[data-e="5"]{padding:0 18px;margin:0;border-top:0} #customcup-config .volet-commande .etape h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #customcup-config .volet-commande .quantite{gap:8px;margin:0;justify-content:flex-start} #customcup-config .volet-commande .quantite input{width:104px;min-height:40px;padding:6px 8px;font-size:19px} #customcup-config .volet-commande .pm{width:40px;height:40px;font-size:19px} #customcup-config .volet-commande .qte-rapide{margin:8px 0 0;gap:6px;overflow:visible} #customcup-config .volet-commande .qte-rapide-titre{display:none} #customcup-config .volet-commande .qte-rapide button{flex:1 1 0;min-width:0;min-height:30px;padding:4px 6px;font-size:11px} #customcup-config .volet-commande .info{margin:6px 0 0;font-size:10px;line-height:1.45;color:var(--doux)} #customcup-config .commande-paliers>summary{min-height:30px;padding:6px 0 4px;cursor:pointer;font-size:11px;font-weight:600;color:var(--action)} #customcup-config .commande-paliers>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px} #customcup-config .volet-commande .paliers{margin:4px 0 6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} #customcup-config .volet-commande .palier{min-height:0;padding:5px 6px;line-height:1.3} #customcup-config .volet-commande .palier b{font-size:10px} #customcup-config .volet-commande .palier span{font-size:9px} #customcup-config .commande-delai{margin:10px 18px 0;padding-top:10px;border-top:1px solid var(--ligne);font-size:11px;line-height:1.4;color:var(--doux)} #customcup-config .commande-delai .livraison-courte{display:inline;margin:0;font-size:11px;white-space:normal;text-align:left} #customcup-config .commande-delai .livraison-courte:not(:empty):after{content:" · "} #customcup-config .commande-prix{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tot bas" "uni uni" "ld ld";align-items:center;column-gap:10px;margin:8px 18px 0} #customcup-config .commande-total{grid-area:tot;margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap} #customcup-config .commande-total small{margin-left:4px;font-size:13px;font-weight:600;letter-spacing:0} #customcup-config .commande-bascule{grid-area:bas;justify-self:end;display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px} #customcup-config .commande-bascule button{min-width:40px;min-height:28px;margin:0;padding:3px 10px;border:0;border-radius:999px;background:none;color:var(--doux);font:inherit;font-size:10px;font-weight:650;cursor:pointer} #customcup-config .commande-bascule button[aria-pressed="true"]{background:var(--selected);color:var(--action);box-shadow:inset 0 0 0 1px var(--selected-line)} #customcup-config .commande-bascule button:focus-visible{outline-offset:1px} #customcup-config .commande-unite{grid-area:uni;margin:2px 0 0;font-size:10px;line-height:1.45;color:var(--doux)} #customcup-config .commande-prix.sans-prix .commande-bascule{visibility:hidden} #customcup-config .commande-prix .prix{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #customcup-config .commande-prix .live-discount{grid-area:ld;margin:6px 0 0;gap:2px 8px} #customcup-config .commande-prix .ld-prix strong{font-size:15px;letter-spacing:-.3px} #customcup-config .volet-commande .selection-summary, #customcup-config .volet-commande .livraison-estimee, #customcup-config .volet-commande .online-heading, #customcup-config .volet-commande .online-option>p, #customcup-config .volet-commande .online-price, #customcup-config .volet-commande .checkout-or, #customcup-config .volet-commande .assisted-options p{display:none} #customcup-config .volet-commande .bat-note{margin:10px 0 8px} #customcup-config .volet-commande .checkout-options{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0} #customcup-config .volet-commande .online-option{padding:0;border:0;border-radius:0;background:none} #customcup-config .volet-commande .payer{margin:0;width:100%;min-height:46px} #customcup-config .volet-commande .assisted-options{grid-template-columns:1fr 1fr;gap:8px} #customcup-config .volet-commande .assisted-options button{min-height:40px;padding:8px 10px;font-size:10px;text-align:left} #customcup-config .volet-commande .partage{margin:0} #customcup-config .volet-commande .partager{min-height:38px;padding:8px 10px;font-size:10px} #customcup-config .volet-commande .checkout-options>.recap-details{margin:0} #customcup-config .volet-commande .recap-details summary{min-height:34px;padding:8px 0} #customcup-config .volet-commande .recap{grid-template-columns:92px 1fr;gap:6px 10px;padding:10px} #customcup-config .volet-commande .checkout-unavailable{margin:0;padding-top:6px} #customcup-config .trois-volets .panneau .etape h2, #customcup-config .trois-volets #fiche, #customcup-config .trois-volets #info-tech, #customcup-config .trois-volets #info-couleur, #customcup-config .trois-volets #demo-logo-note, #customcup-config .trois-volets .logo-apres-info, #customcup-config .trois-volets .depot .upload-sub, #customcup-config .trois-volets .depot small, #customcup-config .trois-volets .modele>span, #customcup-config .trois-volets .modele>em, #customcup-config .trois-volets #encres-logo .info, #customcup-config .trois-volets .alerte.cc-doublon, #customcup-config .trois-volets .modeles-decor-champs .info{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #customcup-config .trois-volets>.panneau>.volet-titre{padding:10px 16px 6px} #customcup-config .trois-volets .panneau .etape{padding:0 16px 8px} #customcup-config .trois-volets .panneau .etape+.etape{margin-top:0;padding-top:8px} #customcup-config .trois-volets .cc-etiquette{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0 0 5px;font-size:10px;line-height:1.5;white-space:nowrap} #customcup-config .trois-volets .cc-etiquette-nom{flex:none;font-weight:650;letter-spacing:.8px;text-transform:uppercase;color:var(--doux)} #customcup-config .trois-volets .cc-etiquette-val{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--texte)} #customcup-config .trois-volets .cc-court{margin:4px 0 0;font-size:10px;line-height:1.45;color:var(--doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #customcup-config .trois-volets .cc-court:empty{display:none} #customcup-config .trois-volets .modeles{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:16px;margin:0 -16px;padding:1px 16px 5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain} #customcup-config .trois-volets .modele{flex:0 0 58px;min-height:0;padding:3px 3px 4px;gap:0;align-items:center;text-align:center;border-radius:7px;scroll-snap-align:start} #customcup-config .trois-volets .modele.actif:after{content:none} #customcup-config .trois-volets .modele-vignette{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 85%;margin:0 0 3px;border-radius:5px} #customcup-config .trois-volets .modele b{padding:0;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0} #customcup-config .trois-volets .modele.actif b{color:var(--action)} #customcup-config .trois-volets .depot{justify-content:flex-start;gap:8px;min-height:34px;padding:5px 10px;border-width:1px;border-radius:7px} #customcup-config .trois-volets .upload-symbol{font-size:15px} #customcup-config .trois-volets .depot b{font-size:11px;white-space:nowrap} #customcup-config .trois-volets .depot-fichier{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--doux)} #customcup-config .trois-volets .logo-apres{min-height:26px;margin:4px 0 0;font-weight:500} #customcup-config .trois-volets .panneau .alertes{margin:4px 0 0;gap:3px} #customcup-config .trois-volets .panneau .alertes:empty{margin:0} #customcup-config .trois-volets .panneau .alerte{padding:3px 8px;border-radius:5px;border-left-width:2px;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #customcup-config .trois-volets .panneau .alertes.alertes-ouvertes .alerte{white-space:normal} #customcup-config .trois-volets .panneau .alertes.avec-details>.alerte:not(.cc-doublon):nth-last-child(1 of :not(.cc-doublon)){padding-right:64px} #customcup-config .trois-volets .alertes-details{float:right;position:relative;min-height:0;height:22px;margin:-22px 8px 0 0;padding:0;font-size:10px;line-height:22px} #customcup-config .trois-volets .encadre{margin-top:6px;padding:8px 10px;gap:5px;border-radius:7px} #customcup-config .trois-volets .encadre p{font-size:10px;line-height:1.45} #customcup-config .trois-volets .encadre .fichier-ideal{padding:4px 8px} #customcup-config .trois-volets .encadre button{padding:6px 9px;font-size:10px;line-height:1.35} #customcup-config .trois-volets .encadre button.studio small{margin-top:1px;font-size:10px} #customcup-config .trois-volets .panneau .groupe{margin-top:8px;padding-top:0;border-top:0} #customcup-config .trois-volets .panneau .etiquette{margin-bottom:4px;font-size:10px;color:var(--doux)} #customcup-config .trois-volets #techniques{flex-wrap:nowrap;gap:4px} #customcup-config .trois-volets #techniques button{flex:1 1 auto;min-width:0;min-height:32px;padding:5px 8px;border-radius:6px;font-size:11px;line-height:1.2;white-space:nowrap} #customcup-config .trois-volets #techniques .badge{margin-top:1px;font-size:10px} #customcup-config .trois-volets #encres-logo:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px} #customcup-config .trois-volets .ligne-encre{gap:6px;min-height:24px;margin:0;font-size:11px} #customcup-config .trois-volets .pastille-logo{width:18px;height:18px} #customcup-config .trois-volets #changer-encres{min-height:24px;margin:0 0 0 auto;font-size:10px} #customcup-config .trois-volets #encres-palette .sous-titre{display:inline;margin:0;font-size:10px;color:var(--doux)} #customcup-config .trois-volets .encre-nom{margin-left:6px;font-size:10px;color:var(--texte)} #customcup-config .trois-volets #encre1, #customcup-config .trois-volets #encre2{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:0;margin:0 0 3px;padding:2px 0} #customcup-config .trois-volets #encre1 .pastille, #customcup-config .trois-volets #encre2 .pastille{width:auto;min-width:0;min-height:24px;height:24px} #customcup-config .trois-volets #encre1 .pastille i, #customcup-config .trois-volets #encre2 .pastille i{width:17px;height:17px} #customcup-config .trois-volets #encre1 .pastille.actif i, #customcup-config .trois-volets #encre2 .pastille.actif i{outline-width:2px;outline-offset:1px} #customcup-config .trois-volets #retour-logo{min-height:22px;margin:0;font-size:10px} #customcup-config .trois-volets .panneau .options-avancees{margin-top:8px;border-bottom:0} #customcup-config .trois-volets .panneau .options-avancees>summary{min-height:30px;padding:7px 0} #customcup-config .trois-volets #couleurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(27px,1fr));gap:4px 2px;padding:3px 0} #customcup-config .trois-volets #couleurs .pastille{width:auto;min-height:0;height:28px;gap:0;justify-content:center;font-size:0;line-height:0} #customcup-config .trois-volets #couleurs .pastille i{width:22px;height:22px} #customcup-config .trois-volets #couleurs .pastille.actif i{outline-width:2px;outline-offset:2px} #customcup-config .trois-volets .couleur-tech{margin:6px 0 0;padding:4px 8px;font-size:10px;line-height:1.45} #customcup-config .trois-volets .modeles-decor{margin:0 0 8px} #customcup-config .trois-volets .modeles-decor-liste{gap:4px;margin:4px -16px 0;padding:0 16px 3px;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #customcup-config .trois-volets .modele-decor{width:76px;gap:2px;padding:3px;border-radius:6px;font-size:10px;line-height:1.2;scroll-snap-align:start} #customcup-config .trois-volets .modele-decor span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%} #customcup-config .trois-volets .modele-decor-aucun{min-height:0} #customcup-config .trois-volets .modeles-decor-champs{grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:6px;padding:0;border:0;border-radius:0;background:none} #customcup-config .trois-volets .modeles-decor-champs .champ{margin:0;font-size:10px;line-height:1.3} #customcup-config .trois-volets .modeles-decor-champs .champ input{min-height:30px;margin-top:2px;padding:4px 8px;border-radius:6px;font-size:13px} #customcup-config .trois-volets .modeles-decor-champs .lien{grid-column:1/-1;justify-self:start;min-height:22px;margin:0;font-size:10px} #customcup-config .trois-volets .panneau.sp-ouvert>:not(.cc-sp):not(.cc-sp-annonce), #customcup-config .trois-volets .panneau.sp-ouvert>.etape[data-e]{display:none!important} #customcup-config .trois-volets .cc-sp[hidden]{display:none} #customcup-config .trois-volets .cc-sp{flex:1 0 auto;display:flex;flex-direction:column;min-width:0} #customcup-config .trois-volets .cc-sp-tete{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--ligne)} #customcup-config .trois-volets .cc-sp-titre{margin:0;font-size:13px;font-weight:650;line-height:1.3;letter-spacing:0;color:var(--ink)} #customcup-config .trois-volets .cc-sp-titre:focus-visible{outline:3px solid var(--focus);outline-offset:2px} #customcup-config .trois-volets .cc-sp-fermer{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:6px;background:none;color:var(--doux);font-size:21px;line-height:1;cursor:pointer} #customcup-config .trois-volets .cc-sp-fermer:hover{background:var(--soft);color:var(--texte)} #customcup-config .trois-volets .cc-sp-corps{flex:1 0 auto;padding:10px 16px 12px;min-width:0} #customcup-config .trois-volets .cc-sp-pied{position:sticky;bottom:0;padding:10px 16px 12px;background:var(--carte);border-top:1px solid var(--ligne)} #customcup-config .trois-volets .cc-sp-continuer{width:100%;min-height:40px;margin:0;border:0;border-radius:6px;background:var(--action);color:var(--on-action);font:inherit;font-size:12px;font-weight:600;cursor:pointer} #customcup-config .trois-volets .cc-sp-continuer:hover{background:var(--action-hover)} #customcup-config .trois-volets .cc-ligne{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0;min-height:26px;margin:4px 0 0;padding:4px 0;border:0;background:none;color:var(--texte);font:inherit;font-size:11px;line-height:1.4;text-align:left;cursor:pointer} #customcup-config .trois-volets .cc-ligne[hidden]{display:none} #customcup-config .trois-volets .cc-ligne-nom{flex:none;font-weight:600} #customcup-config .trois-volets .cc-ligne-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--texte)} #customcup-config .trois-volets .cc-ligne-defaut .cc-ligne-val{color:var(--doux)} #customcup-config .trois-volets .cc-ligne-alerte .cc-ligne-val{color:#72532b} #customcup-config .trois-volets .cc-ligne-alerte .cc-ligne-val:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#d49b42;vertical-align:1px} #customcup-config .trois-volets .cc-ligne-fleche{flex:none;font-size:14px;line-height:1;color:var(--doux)} #customcup-config .trois-volets .cc-ligne:hover .cc-ligne-nom{text-decoration:underline;text-underline-offset:3px} #customcup-config .trois-volets .cc-ligne:focus-visible{outline-offset:1px} #customcup-config .trois-volets .cc-ligne-analyse{margin-top:4px} #customcup-config .trois-volets .cc-sp .options-avancees{margin:0;border:0} #customcup-config .trois-volets .cc-sp .options-avancees>summary{display:none} #customcup-config .trois-volets .cc-sp .options-avancees>.groupe:first-of-type{margin-top:0} #customcup-config .trois-volets .cc-sp .curseur{min-height:32px} #customcup-config .trois-volets .cc-sp .interrupteur{min-height:28px;margin:4px 0} #customcup-config .trois-volets .cc-sp .champ input{min-height:34px;padding:6px 10px;font-size:13px} #customcup-config .trois-volets .cc-sp .alertes{margin:0 0 8px} #customcup-config .trois-volets .cc-sp .encadre{margin-top:0} #customcup-config .trois-volets .modeles-decor>.etiquette{display:none} #customcup-config .trois-volets .cc-decor-ligne{display:flex;align-items:center;gap:10px;min-width:0} #customcup-config .trois-volets .cc-decor-vignette{flex:none;width:40px;height:40px;overflow:hidden;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)} #customcup-config .trois-volets .cc-decor-vignette img, #customcup-config .trois-volets .cc-decor-vignette canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%} #customcup-config .trois-volets .cc-decor-ligne.sans-modele .cc-decor-vignette{display:none} #customcup-config .trois-volets .cc-decor-texte{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.35} #customcup-config .trois-volets .cc-decor-texte .cc-ligne-nom{font-size:10px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;color:var(--doux)} #customcup-config .trois-volets .cc-decor-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--texte)} #customcup-config .trois-volets .cc-decor-changer{flex:none;min-height:28px;margin:0;font-size:11px} #customcup-config .trois-volets .modeles-decor .modeles-decor-champs{margin-top:6px} #customcup-config .trois-volets .cc-decor-filtres{display:flex;flex-direction:column;gap:5px} #customcup-config .trois-volets .cc-decor-filtres-groupe{display:flex;flex-wrap:wrap;gap:4px} #customcup-config .trois-volets .cc-decor-filtres button{min-height:24px;margin:0;padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--doux);font:inherit;font-size:10px;line-height:1.3;cursor:pointer} #customcup-config .trois-volets .cc-decor-filtres button[aria-pressed="true"]{border-color:var(--selected-line);background:var(--selected);color:var(--action)} #customcup-config .trois-volets .cc-sp .modeles-decor-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0;padding:0;overflow:visible} #customcup-config .trois-volets .cc-sp .modele-decor{position:relative;width:auto;min-width:0;gap:3px;padding:3px 3px 5px} #customcup-config .trois-volets .cc-sp .modele-decor[hidden]{display:none} #customcup-config .trois-volets .cc-sp .modele-decor-aucun{min-height:60px} #customcup-config .trois-volets .modele-decor-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:#fff} #customcup-config .trois-volets .modele-decor.avec-photo canvas{display:none} #customcup-config .trois-volets .modele-decor:not(.avec-photo) .modele-decor-photo{position:absolute;width:1px;height:1px;opacity:0} #customcup-config .trois-volets .modeles-decor-champs>.champ:nth-of-type(odd):last-of-type~.lien{grid-column:auto;align-self:end;justify-self:start;min-height:30px} #customcup-config .trois-volets .modeles-decor{margin-bottom:6px} #customcup-config .trois-volets .modeles-decor-champs{row-gap:2px} #customcup-config .trois-volets .modeles-decor-champs .champ{line-height:1.15} #customcup-config .trois-volets .modeles-decor-champs .champ input{min-height:26px;height:26px;margin-top:1px;padding:2px 8px;font-size:12.5px} #customcup-config .trois-volets .modeles-decor-champs{position:relative} #customcup-config .trois-volets .modeles-decor-champs>.lien, #customcup-config .trois-volets .modeles-decor-champs>.champ:nth-of-type(odd):last-of-type~.lien{position:absolute;top:0;right:0;min-height:0!important;height:12px;line-height:12px;margin:0;padding:0;font-size:0;grid-column:auto} #customcup-config .trois-volets .modeles-decor-champs>.lien::after{content:"Fichier 300 dpi";font-size:10px} #customcup-config .mobile-lignes .etapes, #customcup-config .mobile-lignes #prec{display:none!important} #customcup-config .mobile-lignes .etape[data-e="1"], #customcup-config .mobile-lignes .etape[data-e="2"], #customcup-config .mobile-lignes .etape[data-e="3"], #customcup-config .mobile-lignes .etape[data-e="4"]{display:none!important} #customcup-config .mobile-lignes .ml-liste{padding:2px 18px 4px} #customcup-config .mobile-lignes .ml-ligne{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;margin:0;padding:6px 0;border:0;border-bottom:1px solid var(--ligne);border-radius:0;background:none;color:var(--texte);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer} #customcup-config .mobile-lignes .ml-ligne[hidden]{display:none} #customcup-config .mobile-lignes .ml-nom{flex:none;font-size:11px;color:var(--doux)} #customcup-config .mobile-lignes .ml-nom:after{content:" ·"} #customcup-config .mobile-lignes .ml-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} #customcup-config .mobile-lignes .ml-fleche{flex:none;font-size:19px;line-height:1;color:var(--doux)} #customcup-config .mobile-lignes .ml-ligne.ml-alerte .ml-nom:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#d49b42;vertical-align:1px} #customcup-config .mobile-lignes .ml-liste .modeles-decor-champs{grid-template-columns:1fr 1fr;gap:4px 8px;margin:0;padding:6px 0 8px;border:0;border-bottom:1px solid var(--ligne);border-radius:0;background:none} #customcup-config .mobile-lignes .ml-liste .modeles-decor-champs .champ{margin:0;font-size:10px;line-height:1.3} #customcup-config .mobile-lignes .ml-liste .modeles-decor-champs .champ input{min-height:36px;margin-top:2px;padding:4px 8px;border-radius:6px;font-size:16px} #customcup-config .mobile-lignes .ml-liste .modeles-decor-champs .info{display:none} #customcup-config .mobile-lignes .ml-liste .modeles-decor-champs .lien{grid-column:1/-1;justify-self:start;min-height:28px;margin:0;font-size:10px} #customcup-config .mobile-lignes .etape[data-e="5"]{border-top:0;margin-top:0;padding:10px 18px 14px} #customcup-config .mobile-lignes .etape[data-e="5"]>h2{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #customcup-config .mobile-lignes .etape[data-e="5"]>.selection-summary, #customcup-config .mobile-lignes .online-option>p, #customcup-config .mobile-lignes .online-price, #customcup-config .mobile-lignes .checkout-or, #customcup-config .mobile-lignes .assisted-options p{display:none} #customcup-config .mobile-lignes .etape[data-e="5"] .bat-note{margin:0 0 8px} #customcup-config .mobile-lignes .checkout-options{margin-top:0} #customcup-config .mobile-lignes .online-option{padding:10px 12px;border-radius:8px} #customcup-config .mobile-lignes .online-option .payer{margin-top:8px} #customcup-config .mobile-lignes .assisted-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} #customcup-config .mobile-lignes .assisted-options button{min-height:40px;padding:8px 10px;font-size:11px} #customcup-config .mobile-lignes .partage{margin-top:8px} #customcup-config .mobile-lignes .checkout-options>.recap-details{margin-top:8px} #customcup-config .mobile-lignes .checkout-unavailable{margin-top:8px;padding-top:8px} #customcup-config .ml-fond{position:fixed;left:0;right:0;bottom:0;top:calc(var(--cc-entete,0px) + var(--cc-apercu));z-index:40;background:#1a1f1c47} #customcup-config .ml-fond[hidden], #customcup-config .ml-feuille[hidden]{display:none} #customcup-config .ml-feuille{position:fixed;left:0;right:0;bottom:0;z-index:41;display:flex;flex-direction:column;max-height:min(60vh,max(220px,calc(100vh - var(--cc-entete,0px) - var(--cc-apercu))));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 28px #00000024;transform:translateY(100%);transition:transform .25s ease} @supports (height:1svh){ #customcup-config .ml-feuille{max-height:min(60svh,max(220px,calc(100svh - var(--cc-entete,0px) - var(--cc-apercu))))} } #customcup-config .ml-feuille.ml-visible{transform:none} #customcup-config .ml-feuille.ml-glisse{transition:none} #customcup-config .ml-tete{position:relative;display:flex;align-items:center;gap:8px;padding:14px 8px 4px 18px;touch-action:none;cursor:grab} #customcup-config .ml-poignee{position:absolute;top:6px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line)} #customcup-config .ml-titre{flex:1;margin:0;font-size:14px;font-weight:650;letter-spacing:-.2px;line-height:1.3;color:var(--texte)} #customcup-config .ml-fermer{flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;font-size:24px;line-height:1;color:var(--doux);cursor:pointer} #customcup-config .ml-corps{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 10px} #customcup-config .ml-corps>.groupe{border-top:0;margin-top:0;padding-top:0} #customcup-config .ml-corps>.groupe>.etiquette{display:none} #customcup-config .ml-corps>.alertes{margin-top:10px} #customcup-config .ml-corps>.options-avancees{margin-top:10px} #customcup-config .ml-corps>.modeles-decor-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible} #customcup-config .ml-pied{padding:8px 18px 10px;border-top:1px solid var(--ligne)} #customcup-config .ml-valider{width:100%;min-height:44px;margin:0;border:0;border-radius:6px;background:var(--action);color:var(--on-action);font:inherit;font-size:13px;font-weight:600;cursor:pointer} @media (prefers-reduced-motion:reduce){ #customcup-config .ml-feuille{transition:none} } #customcup-config .mobile-lignes:has(.scene.vignette) .ml-liste{padding-right:128px} #customcup-config .qte-rapide.qte-pas{gap:0;overflow:visible} #customcup-config .qte-rapide.qte-pas .qte-rapide-titre{margin-right:8px} #customcup-config .qte-rapide.qte-pas button{min-width:36px;width:36px;min-height:36px;padding:0;border-radius:50%;font-size:18px;font-weight:500;line-height:1} #customcup-config .qte-rapide.qte-pas output{min-width:52px;padding:0 4px;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--texte)} #customcup-config .trois-volets .qte-rapide.qte-pas{display:none} #customcup-config .mobile-lignes .pied{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ld ld" "prix liv" "qr nav";gap:2px 12px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))} #customcup-config .mobile-lignes .pied .price-block{display:contents} #customcup-config .mobile-lignes .pied .live-discount{grid-area:ld;margin:0;gap:2px 8px;align-items:center} #customcup-config .mobile-lignes .pied .prix{grid-area:prix;margin:0;font-size:11px;line-height:16px;max-height:16px} #customcup-config .mobile-lignes .pied .prix b{font-size:11px} #customcup-config .mobile-lignes .pied .livraison-courte{grid-area:liv;justify-self:end;margin:0;font-size:11px;line-height:16px} #customcup-config .mobile-lignes .pied .qte-rapide{grid-area:qr;margin:4px 0 0} #customcup-config .mobile-lignes .pied .nav{grid-area:nav;margin-top:4px;display:flex} #customcup-config .mobile-lignes .pied .nav #suiv{flex:1;min-height:44px} #customcup-config .mobile-lignes .pied{grid-template-columns:fit-content(200px) minmax(0,1fr)} #customcup-config .mobile-lignes .pied .prix{min-width:0;overflow:hidden;text-overflow:ellipsis} #customcup-config .mobile-lignes .pied .nav #suiv{white-space:nowrap} @container customcup (max-width:360px){ #customcup-config .mobile-lignes .pied .qte-rapide-titre{display:none} } @supports not (container-type:inline-size){@media (max-width:360px){ #customcup-config .mobile-lignes .pied .qte-rapide-titre{display:none} }} #customcup-config .encres-autres{margin:-2px 0 6px} #customcup-config .encres-autres-titre{display:block;font-size:11px;color:var(--doux);margin:2px 0 4px} #customcup-config .trois-volets .encres-autres .pastilles{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:0;margin:0 0 3px;padding:2px 0} #customcup-config .trois-volets .encres-autres .pastille{width:auto;min-width:0;min-height:24px;height:24px} #customcup-config .trois-volets .encres-autres .pastille i{width:17px;height:17px} #customcup-config .trois-volets .encres-autres-titre{font-size:10px;margin:0 0 1px} #customcup-config .prix-tech{display:block;font-size:10px;font-weight:500;color:var(--doux);margin-top:2px} #customcup-config .prix-tech.moins-cher{color:var(--ok)} #customcup-config .trois-volets #techniques button{white-space:normal} #customcup-config #couleurs .teintes-titre{flex-basis:100%;grid-column:1/-1;font-size:11px;line-height:1.3;color:var(--doux);margin:6px 0 0} #customcup-config #couleurs .teintes-titre:first-child{margin-top:0} #customcup-config #couleurs .teintes-titre.moins-cher{color:var(--ok)} #customcup-config .trois-volets #couleurs .teintes-titre{font-size:10px;line-height:1.3} #customcup-config .qte-tete{padding:10px 22px 14px;border-bottom:1px solid var(--ligne)} #customcup-config .qte-tete-titre{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--texte);letter-spacing:-.2px} #customcup-config .qte-tete-choix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px} #customcup-config .qte-tete-choix button{min-height:34px;padding:4px 2px;border:1.5px solid var(--ligne);border-radius:7px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--texte);cursor:pointer} #customcup-config .qte-tete-choix button.actif{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,#fff)} #customcup-config .qte-tete-autre input{width:100%;min-height:34px;box-sizing:border-box;padding:4px 8px;border:1.5px solid var(--ligne);border-radius:7px;font:inherit;font-size:13px;font-weight:600;text-align:center} #customcup-config .qte-tete-note{margin:6px 0 0;font-size:11px;color:var(--doux)} #customcup-config .qte-tete-note:empty{display:none} #customcup-config .tag-option, #customcup-config .tag-compris, #customcup-config .tag-moins{display:inline-block;margin-right:6px;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1.4;text-transform:uppercase;vertical-align:1px} #customcup-config .tag-option{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)} #customcup-config .tag-compris, #customcup-config .tag-moins{color:var(--ok);background:color-mix(in srgb,var(--ok) 11%,transparent)} #customcup-config #couleurs .teintes-titre.moins-cher{color:var(--doux)} #customcup-config .pastille-option{position:relative} #customcup-config .pastille-option::after{content:"+";position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:13px;text-align:center;box-shadow:0 0 0 1.5px #fff;pointer-events:none} #customcup-config .encres-autres{margin-top:4px} #customcup-config .cc-survol{color:var(--accent)!important} #customcup-config .sans-remise .prix{color:var(--texte)} /* ---- palettes.css : variables du configurateur (--accent, --accent-fonce, --alerte, --carte, --cc-apercu, --doux, --erreur, --fond, --ligne, --ok, --texte) */ #customcup-config, :root[data-palette="cobalt"] #customcup-config{--fond:var(--soft);--carte:#fff;--texte:var(--ink);--doux:var(--muted);--ligne:var(--line);--accent:var(--action);--accent-fonce:var(--action-hover)} /* Mode intégré : hauteur fixe sur ordinateur, comme l'ancien cadre. */ @container customcup (min-width:861px){#customcup-config.embed .app{height:720px;height:clamp(620px,calc(100svh - 130px),900px)}} @supports not (container-type:inline-size){@media (min-width:861px){#customcup-config.embed .app{height:720px;height:clamp(620px,calc(100svh - 130px),900px)}}}