*{margin:0;padding:0;box-sizing:border-box}html{height:auto;overflow-y:auto}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";padding:20px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;height:auto;overflow-y:auto}.container{width:100%;max-width:794px;margin:0 auto;padding:0;border-radius:8px}.layout-container{width:100%}.page-layout-navigation{display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(794px,calc(100% - 40px));z-index:5;justify-content:space-between;align-items:center;padding:20px;background-color:#c7d9e5;gap:16px;box-sizing:border-box}.page-layout-navigation button.nav-button-disabled{padding:10px 20px;background:#e5e7eb;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:400;cursor:not-allowed}.nav-button{border:none;background-color:#fff;align-items:center;display:inline-flex;padding:10px;gap:7px;cursor:pointer;font-size:14px;text-decoration:none;color:#2f4157}.nav-button img{display:block;height:16px;width:auto;position:relative;top:2px}.nav-button-sommaire{background-color:#f4a258;color:#000}.nav-button-disabled{padding:10px 20px;background:#e5e7eb;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:400;display:inline-flex;cursor:not-allowed}@media print{.page-layout-navigation{display:none}}h1,.title-row h1{height:56px;min-height:56px;max-height:56px;margin-bottom:15px;color:#000;font-size:2rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:400;text-transform:uppercase}.page-header-empty{height:56px;min-height:56px;max-height:56px;margin-bottom:0;flex-shrink:0}.page-section{margin-top:16px;page-break-after:always;break-after:page;display:flex;flex-direction:column;position:relative;z-index:1;background:#fff;border:1px solid #e0e0e0;padding:20px;box-sizing:content-box}.page-footer{height:56px;min-height:56px;max-height:56px;display:flex;align-items:center;justify-content:center;margin-top:auto;padding:0;flex-shrink:0;position:relative;z-index:2;background:#fff}.page-number{font-size:.9rem;color:#333;font-weight:500;padding:0;margin:0}.page-section:last-child{page-break-after:auto;break-after:auto}@media print{@page{size:A4;margin:0}body{margin:0;padding:0;background-color:#fff}.container{box-shadow:none;border-radius:0;margin:0;max-width:794px}.page-section{margin-bottom:0;border:none;box-shadow:none}.page-layout-row{display:flex!important;height:202px!important;min-height:202px!important;max-height:202px!important}.page-layout-row:nth-child(4){height:203px!important;min-height:203px!important;max-height:203px!important}.title-row{height:202px!important;min-height:202px!important;max-height:202px!important}.title-row:nth-child(4){height:203px!important;min-height:203px!important;max-height:203px!important}h1,.page-header-empty,.page-footer{height:56px!important;min-height:56px!important;max-height:56px!important}}@media(max-width:794px){.container{width:100%;max-width:794px}.page-section{width:auto;max-width:100%}.page-layout-row{display:flex!important;gap:10px;width:100%}.page-layout-column{min-width:0;max-width:100%}}.page-layout-row{display:flex;width:100%;gap:20px;margin-bottom:0;height:202px;min-height:202px;max-height:202px;position:relative;z-index:1;flex-shrink:0}.page-layout-row:nth-child(4){height:203px;min-height:203px;max-height:203px}.page-layout-row.centered{justify-content:center}.page-layout-row.centered .page-layout-column{flex-grow:0}.page-layout-row.empty-row{background:transparent}.page-layout-column{background:#fff;border-radius:8px;padding:0;display:flex;flex-direction:column;box-sizing:border-box;position:relative;height:100%;flex:1;justify-content:flex-start;transition:all .3s ease}.page-layout-column.product-confirmed{background:#f0f9ff;border:2px solid #2563eb;box-shadow:0 0 0 3px #2563eb1a}.page-layout-column>div[style*="position:relative"]{height:152px;min-height:152px;max-height:152px;display:flex;align-items:center;justify-content:center;overflow:hidden}.column-empty{background:#f9f9f9;color:#999;text-align:center;padding:40px 20px;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;min-height:200px}.product-image{width:100%;height:100%;object-fit:contain;border-radius:4px;cursor:pointer;transition:opacity .2s}.product-image:hover{opacity:.8}.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;animation:fadeIn .3s}.image-modal.active{display:flex;align-items:center;justify-content:center}.image-modal-content{max-width:90%;max-height:90%;object-fit:contain;animation:zoomIn .3s}.image-modal-close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:color .2s}.image-modal-close:hover,.image-modal-close:focus{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.product-name{font-size:1rem;font-weight:600;height:50px;min-height:50px;max-height:50px;margin:0;padding:0;color:#000;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quantity-controls{display:flex;gap:10px;align-items:end;justify-content:center;position:absolute;bottom:8%;right:15%;height:50px}.quantity-buttons{display:flex;align-items:center;justify-content:center}.quantity-button{width:28px;height:28px;padding:0;border:none;font-size:16px;font-weight:400;color:#333;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1;background-color:#000;color:#fff}.quantity-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.quantity-button:disabled:hover{background:#f5f5f5;border-color:#ccc}.quantity-display{text-align:center;padding:4px 8px;background:#fff;font-size:14px;font-weight:500;color:#000;min-width:35px}.quantity-display.confirmed{background:#f0f9ff;border-color:#2563eb;color:#2563eb}.confirm-button{width:28px;height:28px;padding:5px 20px;background:#f4a258;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s;border:none;display:flex;align-items:center;justify-content:center;line-height:1}.confirm-button:hover{background:#1d4ed8;border-color:#1d4ed8}.confirm-button:active{background:#1e40af;border-color:#1e40af}.confirm-button:disabled{opacity:.6;cursor:not-allowed;background:#10b981;border-color:#10b981}.confirm-button:disabled:hover{background:#10b981;border-color:#10b981}.out-of-stock-icon{display:flex;position:absolute;background-color:#ff3636;flex-direction:column;justify-content:center;color:#fff;width:auto;padding:5px;font-size:11px;right:0;top:20%;text-transform:uppercase}.title-row{width:100%;text-align:center;margin-bottom:0;padding:20px 0;height:202px;min-height:202px;max-height:202px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.title-row:nth-child(4){height:203px;min-height:203px;max-height:203px}@media screen and (max-width:480px){.page-layout-row{flex-direction:column!important}.page-layout-column{flex-basis:100%!important}}.session-header{display:flex;flex-direction:row;background-color:#c7d9e5;padding:20px 10px;align-items:center;justify-content:space-between;gap:15px;width:auto}.close-session{border:none;background-color:#fff;align-items:center;display:inline-flex;padding:10px;gap:5px;cursor:pointer;font-size:14px}.see-order{background-color:#f4a258;color:#000;padding:10px;display:inline-flex;text-decoration:none;font-size:14px;gap:5px;border:none;cursor:pointer;align-items:center}.pending-items-count{font-weight:700;margin-left:2px}