#onlineOrder .astra-online-embedded{height:900px;min-height:0!important;max-height:none!important;overflow:hidden!important;display:block!important;width:100%!important}
body[data-astra-mode="online"]{padding-bottom:var(--online-summary-height,240px)!important}
#online-summary{display:none;position:fixed;left:0;right:0;bottom:0;z-index:2147483001;box-sizing:border-box;padding:12px max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));color:#e8f8f9;background:#071b2bf7;border-top:2px solid #55d6e7;box-shadow:0 -5px 22px #0009;font:13px/1.35 system-ui,sans-serif;backdrop-filter:blur(8px)}
body[data-astra-mode="online"] #online-summary{display:block}
.os-inner{max-width:1100px;margin:auto}.os-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;text-align:center}.os-metrics span{display:block;font-size:11px;color:#bddce1}.os-metrics strong{display:block;font-size:21px;color:#e3ffb2}.os-progress{display:flex;flex-wrap:wrap;gap:4px 16px;border-top:1px solid #2f5462;padding-top:8px;margin-top:8px;font-size:12px}.os-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.os-actions p{margin:0;font-size:11px;color:#b9d6d9}.os-actions button{background:#a8efb7;color:#092c31;border:0;border-radius:8px;font:700 13px system-ui;padding:11px 14px;cursor:pointer}.os-actions button:focus-visible{outline:3px solid white;outline-offset:3px}#os-total{font-size:24px;color:#e3ffb2;white-space:nowrap}#online-summary details{margin:8px 0 0}#online-summary summary{cursor:pointer;font-size:12px;color:#bde3dd}#os-details{font-size:12px;padding-top:8px}#os-details p{margin:5px 0}.os-next{padding:4px 8px;margin:3px;border:1px solid #50929b;background:#153c49;color:white;border-radius:6px;font:12px system-ui;cursor:pointer}@media(max-width:550px){#online-summary{padding-top:9px}.os-metrics{gap:5px}.os-metrics strong{font-size:17px}.os-metrics span{font-size:9px}.os-actions{gap:8px}.os-actions button{font-size:12px;padding:10px}.os-actions p{font-size:10px}#os-total{font-size:20px}.os-progress{font-size:10px;gap:3px 10px}}
/* Les trois avantages restent visibles, sans ouvrir le détail. */
#online-summary .os-progress{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:9px}
.os-perk{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:8px 10px;background:#102e3c;border:1px solid #345c68;border-radius:9px}
.os-perk>strong{font-size:12px;color:#edfff4}.os-perk>span{font-size:11px;color:#c9dfe4}.os-perk progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;accent-color:#a8efb7;background:#284953}.os-perk progress::-webkit-progress-bar{background:#284953;border-radius:8px}.os-perk progress::-webkit-progress-value{background:#a8efb7;border-radius:8px}.os-perk progress::-moz-progress-bar{background:#a8efb7;border-radius:8px}
.os-pair-controls{display:flex;gap:6px;align-items:center}.os-pair-controls select{box-sizing:border-box;min-width:0;flex:1;padding:5px;font:11px system-ui;background:#082330;color:white;border:1px solid #52747e;border-radius:5px;min-height:30px}.os-pair-controls button{font:600 11px system-ui;background:#a8efb7;color:#092c31;padding:6px 8px;border:0;border-radius:5px;cursor:pointer;min-height:30px}.os-pair-controls button:disabled{opacity:.5;cursor:default}
@media(max-width:650px){#online-summary .os-progress{grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;padding-top:6px}.os-pair{grid-column:1/-1}.os-perk{padding:5px 7px;gap:3px}.os-perk>strong{font-size:10px}.os-perk>span{font-size:10px}.os-pair>span:first-of-type{display:none}.os-pair-controls select,.os-pair-controls button{font-size:10px;min-height:28px}.os-actions{margin-top:6px}#online-summary details{margin-top:5px}}
/* Avantages plus grands et illustrés. */
#online-summary .os-progress{gap:12px}.os-perk{padding:13px 14px;border-color:#53857f;background:linear-gradient(135deg,#173b43,#102b3a);gap:8px}.os-perk-title{display:flex;align-items:center;gap:11px}.os-illustration{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:#c6f49a;background:#274d49;border:1px solid #528279;border-radius:13px}.os-illustration svg{width:37px;height:37px}.os-perk-title strong{display:block;color:#f1ffdc;font-size:18px;line-height:1.15}.os-perk-title strong span{display:block;color:#c5dedb;font-size:12px;font-weight:400;margin-top:5px}.os-perk>span{font-size:14px;font-weight:600;color:#e2f3e9}.os-perk progress{height:9px}.os-pair-controls select{font-size:12px;min-height:36px}.os-pair-controls button{font-size:12px;min-height:36px}.os-pair>span:first-of-type{display:none}
@media(max-width:650px){#online-summary .os-progress{gap:7px}.os-perk{padding:8px;gap:5px}.os-perk-title{gap:7px}.os-illustration{width:35px;height:35px;flex-basis:35px;border-radius:10px}.os-illustration svg{width:28px;height:28px}.os-perk-title strong{font-size:14px}.os-perk-title strong span{font-size:10px;margin-top:3px}.os-perk>span{font-size:11px}.os-pair-controls select,.os-pair-controls button{min-height:32px;font-size:11px}.os-perk progress{height:7px}}
@media(max-height:650px){#online-summary .os-progress{gap:5px}.os-perk{padding:5px 7px;gap:3px}.os-illustration{width:28px;height:28px;flex-basis:28px}.os-illustration svg{width:22px;height:22px}.os-perk-title strong{font-size:12px}.os-perk-title strong span{font-size:9px}.os-perk>span{font-size:10px}.os-pair-controls select,.os-pair-controls button{min-height:26px;font-size:10px}#online-summary{padding-top:7px;padding-bottom:7px}.os-metrics strong{font-size:16px}.os-actions button{padding:7px 10px}#online-summary .os-progress{margin-top:4px;padding-top:4px}}
.os-gift-legend{display:flex;flex-wrap:wrap;gap:5px 14px;color:#d7eee2;font-size:12px}.os-gift-legend b{color:#dfff9d}.os-pair-controls[hidden]{display:none!important}@media(max-width:650px){.os-gift-legend{font-size:11px;gap:3px 10px}}
#online-summary #os-next{display:block!important}
/* Le choix des cartes appartient exclusivement à la cagnotte. */
.os-bonus-choice{margin-top:4px;border-top:1px solid #487568;padding-top:8px}.os-bonus-choice p{margin:0 0 6px!important;color:#cee8dc;font:11px/1.4 system-ui,sans-serif}.os-bonus-choice button{display:block;width:100%;background:#a8efb7;color:#092c31;border:0;border-radius:8px;font:700 13px system-ui,sans-serif;padding:11px 9px;cursor:pointer}.os-bonus-choice button:focus-visible{outline:3px solid white;outline-offset:3px}.os-bonus-choice button:hover{background:#c6ffd0}@media(max-width:650px){.os-bonus-choice{padding-top:6px}.os-bonus-choice p{font-size:10px}.os-bonus-choice button{font-size:11px;padding:9px 6px}}@media(max-height:650px){.os-bonus-choice{padding-top:4px;margin-top:0}.os-bonus-choice p{font-size:9px;margin-bottom:3px!important}.os-bonus-choice button{font-size:10px;padding:6px}}
.os-credit-total{padding:10px 8px;margin-bottom:8px;text-align:center;background:#214c43;border:1px solid #7acb97;border-radius:9px}.os-credit-total>span{display:block;color:#d4f4dd;font:700 11px system-ui;letter-spacing:.7px}.os-credit-total>strong{display:block;color:#dfffad;font:800 34px/1.2 system-ui;margin:4px 0}.os-credit-total>small{display:block;color:#c9e5d5;font:11px/1.3 system-ui}#os-wallet{font-weight:650!important;color:#e2f5ed!important}@media(max-width:650px){.os-credit-total{padding:7px 5px;margin-bottom:6px}.os-credit-total>strong{font-size:29px}.os-credit-total>span,.os-credit-total>small{font-size:9px}}@media(max-height:650px){.os-credit-total{padding:4px;margin-bottom:4px}.os-credit-total>strong{font-size:23px;margin:2px 0}.os-credit-total>span,.os-credit-total>small{font-size:8px}}
@media(max-width:650px){.os-credit-total{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:6px;margin-bottom:5px}.os-credit-total>strong{font-size:27px;margin:0}.os-credit-total>span{font-size:9px;text-align:left}.os-credit-total>small{display:none}#os-unlock{font-size:10px!important;line-height:1.35}}
/* Total disponible : compact et visible uniquement une fois débloqué. */
#online-summary .os-credit-total[hidden]{display:none!important}
#online-summary .os-credit-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;margin-bottom:6px;background:#173b3d;border:1px solid #416b65;border-radius:7px;text-align:left}
#online-summary .os-credit-total>span{font-size:10px;font-weight:550;letter-spacing:.15px;color:#c3ddd4}
#online-summary .os-credit-total>strong{font-size:19px;font-weight:650;line-height:1.2;margin:0;color:#d6f1c4}
#online-summary .os-credit-total>small{display:none}
@media(max-width:650px){#online-summary .os-credit-total{padding:6px 7px;gap:7px}#online-summary .os-credit-total>span{font-size:9px}#online-summary .os-credit-total>strong{font-size:18px}}
/* Le prix principal se trouve au centre de la ligne des compteurs. */
#online-summary .os-metrics{grid-template-columns:1fr 1fr 1.45fr 1fr 1fr 1fr;align-items:center}
#online-summary .os-pay-box{padding:9px 12px;border:1px solid #92d5ae;border-radius:9px;background:#1b443e;text-align:center;box-shadow:0 0 12px #8febae12}
#online-summary .os-pay-box>span{font-size:11px;font-weight:700;color:#d8f5e2;letter-spacing:.5px}
#online-summary .os-pay-box #os-total{display:block;font-size:29px;line-height:1.25;font-weight:800;color:#e1ffb7;margin:2px 0;white-space:nowrap}
#online-summary .os-pay-box>small{display:block;font-size:9px;color:#bdd8cf}
@media(max-width:650px){#online-summary .os-metrics{grid-template-columns:1fr 1.4fr 1fr;gap:8px 6px}#online-summary .os-metrics>div:nth-child(1){grid-column:1;grid-row:1}#online-summary .os-pay-box{grid-column:2;grid-row:1;padding:6px 7px}#online-summary .os-metrics>div:nth-child(6){grid-column:3;grid-row:1}#online-summary .os-metrics>div:nth-child(2){grid-column:1;grid-row:2}#online-summary .os-metrics>div:nth-child(4){grid-column:2;grid-row:2}#online-summary .os-metrics>div:nth-child(5){grid-column:3;grid-row:2}#online-summary .os-pay-box #os-total{font-size:25px}#online-summary .os-pay-box>span{font-size:9px}#online-summary .os-pay-box>small{font-size:8px}}
@media(max-height:650px){#online-summary .os-pay-box{padding:4px 7px}#online-summary .os-pay-box #os-total{font-size:22px}#online-summary .os-metrics{row-gap:4px}}
@media(min-width:651px){#online-summary .os-metrics{grid-template-columns:1fr 1fr 1fr 1.45fr 1fr 1fr 1fr}#online-summary .os-metrics>div:nth-child(1){grid-column:1;grid-row:1}#online-summary .os-metrics>div:nth-child(2){grid-column:2;grid-row:1}#online-summary .os-metrics>div:nth-child(4){grid-column:3;grid-row:1}#online-summary .os-pay-box{grid-column:4;grid-row:1}#online-summary .os-metrics>div:nth-child(5){grid-column:5;grid-row:1}#online-summary .os-metrics>div:nth-child(6){grid-column:6 / span 2;grid-row:1}}
.os-price-details{display:grid;gap:4px;margin-top:7px;padding-top:7px;border-top:1px solid #4a7867}.os-price-details>span{display:block;font:11px/1.3 system-ui,sans-serif;color:#d1e8da;white-space:normal}.os-price-details strong{font-size:14px;font-weight:700;color:#f0ffd8;white-space:nowrap}@media(max-width:650px){.os-price-details{gap:3px;margin-top:5px;padding-top:5px}.os-price-details>span{font-size:9px}.os-price-details strong{font-size:12px}}@media(max-height:650px){.os-price-details{gap:2px;margin-top:3px;padding-top:3px}.os-price-details>span{font-size:8px}.os-price-details strong{font-size:11px}}
@media(max-width:650px){#online-summary .os-pay-box>small{display:none}#online-summary .os-pay-box{padding:5px 6px}#online-summary .os-pay-box #os-total{font-size:23px;line-height:1.15}.os-price-details{gap:1px;margin-top:3px;padding-top:3px}.os-price-details>span{font-size:8px;line-height:1.2}.os-price-details strong{font-size:11px}#online-summary .os-metrics{row-gap:5px}#online-summary .os-progress{gap:5px;margin-top:5px;padding-top:5px}#online-summary .os-perk{padding:6px;gap:4px}}
#os-checkout{display:block;width:100%;padding:9px 7px;margin:7px 0 3px;border:0;border-radius:6px;font:700 12px system-ui,sans-serif;background:#b3f3be;color:#0b3431;cursor:pointer}#os-checkout:focus-visible{outline:3px solid white;outline-offset:3px}body.astra-checkout-review main>:not(#onlineOrder){display:none!important}body.astra-checkout-review #online-summary{display:none!important}body.astra-checkout-review{padding-bottom:0!important}@media(max-width:650px){#os-checkout{font-size:10px;padding:7px 5px;margin:5px 0 2px}}
@media(max-width:650px){#online-summary .os-perk{padding:5px;gap:3px}#online-summary .os-perk-title strong{font-size:12px}#online-summary .os-perk-title strong span{font-size:9px}#online-summary .os-illustration{width:29px;height:29px;flex-basis:29px}#online-summary .os-illustration svg{width:23px;height:23px}#online-summary .os-gift-legend{font-size:10px}#online-summary .os-metrics{row-gap:3px}#os-checkout{font-size:9px;padding:6px 4px;margin:4px 0 1px}}
/* Version téléphone : plafond strict au quart de la fenêtre, sans scroll interne. */
#online-summary .os-mobile-bar{display:none}
@media(max-width:650px),(max-height:500px){
body[data-astra-mode="online"] #online-summary{height:min(120px,25dvh)!important;max-height:25dvh!important;min-height:0!important;overflow:hidden!important;padding:5px 10px calc(5px + min(env(safe-area-inset-bottom,0px),10px))!important}
#online-summary>.os-inner{display:none!important}
#online-summary .os-mobile-bar{display:grid;grid-template-rows:minmax(0,1fr) minmax(24px,.8fr);gap:4px;width:100%;max-width:620px;height:100%;min-height:0;margin:auto}
.osm-primary{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:8px;text-align:center;min-height:0}.osm-primary span{display:block;color:#b9d6d8;font:9px/1.1 system-ui}.osm-primary strong{display:block;color:#e7ffd0;font:750 clamp(16px,2.9dvh,23px)/1.15 system-ui;white-space:nowrap}.osm-primary .osm-due{border:1px solid #5f9a80;background:#173d37;border-radius:6px;padding:3px 5px}.osm-primary .osm-due strong{font-size:clamp(18px,3.2dvh,26px)}
.osm-bottom{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;min-height:0}.osm-average strong{font:650 13px/1.1 system-ui;color:#e3f6db}.osm-average small{display:block;font:9px/1.2 system-ui;color:#b8d1d2}.osm-bottom button{font:650 11px/1.15 system-ui;padding:7px 10px;min-width:0;border:1px solid #517f78;background:#123a3e;color:#dbefe6;border-radius:6px;cursor:pointer}.osm-bottom #osm-pay{background:#b3f3be;color:#0b3431;border-color:#b3f3be}.osm-bottom button:focus-visible{outline:2px solid white;outline-offset:2px}
}
@media(max-height:420px){.osm-primary span{font-size:8px}.osm-bottom button{padding:5px 8px;font-size:10px}.osm-average strong{font-size:11px}.osm-average small{font-size:8px}}