Kayit<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n\nbody{\n margin:0;\n padding:0;\n font-family:'DM Sans',sans-serif;\n background:#f7f3ec;\n}\n\ndiv,section,nav,footer,button,input,textarea,label,a,p{\n font-family:'DM Sans',sans-serif;\n}\n\n\/* VARIABLES via custom props *\/\n.wrap{\n --olive:#528529;--olive-dark:#3a5e1e;\n --amber:#D17D12;--cream:#f7f3ec;\n --text:#2a2218;--muted:#6b5e52;--white:#ffffff;\n --border:#e4ddd4;\n background:var(--cream);\n color:var(--text);\n overflow-x:hidden;\n}\n\n\/* NAV *\/\nnav#mainNav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n padding:6px 60px;display:flex;align-items:center;justify-content:space-between;\n background:rgba(247,243,236,0.97);\n box-shadow:0 1px 0 rgba(82,133,41,0.12);\n}\nnav#mainNav .nav-brand{display:flex;align-items:center;text-decoration:none;position:relative;height:52px;width:110px;flex-shrink:0}\nnav#mainNav .nav-logo-img{height:52px;width:auto;max-width:110px;position:absolute;top:0;left:0;display:block!important;visibility:visible!important;}\nnav#mainNav .nav-logo-white{opacity:0!important}\nnav#mainNav .nav-logo-green{opacity:1!important}\nnav#mainNav .nav-links{display:flex;gap:32px;list-style:none;align-items:center}\nnav#mainNav .nav-links a{\n font-size:11px;\n font-weight:500;\n letter-spacing:.12em;\n text-transform:uppercase;\n color:var(--text);\n text-decoration:none;\n transition:color .3s;\n}\nnav#mainNav .nav-links a.nav-cta{\n background:var(--olive-dark);\n color:#ffffff;\n padding:10px 16px;\n border-radius:2px;\n font-weight:600;\n}\nnav#mainNav .nav-links a:hover{\n color:var(--olive);\n}\nnav#mainNav .nav-links a.nav-cta{\n background:var(--olive-dark);\n color:#ffffff;\n padding:10px 16px;\n border-radius:2px;\n font-weight:600;\n transition:background .3s;\n}\nnav#mainNav .nav-links a.nav-cta:hover{\n background:var(--olive);\n color:#ffffff;\n}\n\n\/* \u2500\u2500 HAMBURGER BUTTON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav-hamburger{\n display:none;flex-direction:column;justify-content:center;gap:5px;\n width:40px;height:40px;background:none!important;border:none!important;cursor:pointer;\n padding:6px!important;flex-shrink:0;border-radius:0!important;\n box-shadow:none!important;outline:none!important;\n -webkit-appearance:none!important;appearance:none!important;\n margin:0!important;color:inherit!important;font-size:inherit!important;\n line-height:1!important;text-transform:none!important;letter-spacing:normal!important;\n}\n.nav-hamburger span{\n display:block;width:24px;height:2px;background:var(--text);\n border-radius:2px;transition:transform .3s,opacity .3s;\n transform-origin:center;\n}\n.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.nav-hamburger.active span:nth-child(2){opacity:0}\n.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n\n\/* \u2500\u2500 MOBILE DRAWER & OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.mobile-nav-drawer{\n position:fixed;\n top:0; right:0; bottom:0;\n width:min(300px,85vw);\n z-index:200;\n background:var(--cream);\n padding:80px 32px 40px;\n transform:translateX(100%);\n transition:transform .32s cubic-bezier(.4,0,.2,1);\n box-shadow:-4px 0 32px rgba(0,0,0,0.12);\n}\n.mobile-nav-drawer.open{transform:translateX(0)}\n\n.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:0}\n.mobile-nav-links li{border-bottom:1px solid rgba(82,133,41,0.10)}\n.mobile-nav-links a{\n display:block;padding:16px 0;\n font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;\n color:var(--text);text-decoration:none;transition:color .2s;\n}\n.mobile-nav-links a:hover{color:var(--olive)}\n.mobile-nav-links li:last-child{border-bottom:none;margin-top:20px}\n.mobile-nav-cta{\n display:inline-block;padding:13px 20px!important;\n background:var(--olive-dark)!important;color:#fff!important;\n border-radius:2px;text-align:center;\n}\n\n.mobile-nav-overlay{\n position:fixed;\n inset:0;\n z-index:199;\n background:rgba(10,20,5,0.48);\n opacity:0;\n pointer-events:none;\n transition:opacity .3s;\n}\n.mobile-nav-overlay.open{\n opacity:1;\n pointer-events:auto;\n}\n\n\/* PAGE WRAP *\/\n.page-wrap{max-width:1200px;margin:0 auto;padding:100px 60px 80px}\n\n\/* PAGE HEADER *\/\n.page-header{padding:48px 0 40px;border-bottom:1px solid var(--border);margin-bottom:40px}\n.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:flex;align-items:center;gap:10px}\n.eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--amber)}\n.page-header h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,6vw,72px);font-weight:800;text-transform:uppercase;letter-spacing:-.5px;line-height:.92;color:var(--olive-dark);margin-bottom:12px}\n.page-header h1 span{color:var(--amber)}\n.page-header p{font-size:15px;font-weight:300;line-height:1.7;color:var(--muted);max-width:540px}\n\n\/* STEP BAR *\/\n.step-bar{display:flex;align-items:center;margin-bottom:40px}\n.step{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(58,94,30,0.35);transition:color .3s}\n.step.active{color:var(--olive-dark)}\n.step.done{color:var(--olive)}\n.step-num{width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:background .3s,color .3s}\n.step.active .step-num,.step.done .step-num{background:currentColor;color:var(--white)}\n.step.active .step-num{background:var(--olive-dark);border-color:var(--olive-dark)}\n.step.done .step-num{background:var(--olive);border-color:var(--olive)}\n.step-line{flex:1;height:1px;background:var(--border);margin:0 12px}\n\n\/* TRUST BAR *\/\n.trust-bar{display:flex;background:var(--white);border:1px solid var(--border);border-radius:4px;margin-bottom:40px;overflow:hidden}\n.tbi{flex:1;display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid var(--border)}\n.tbi:last-child{border-right:none}\n.tbi-icon{width:32px;height:32px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.tbi-icon svg{width:16px;height:16px;stroke:var(--olive);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.tbi strong{display:block;font-size:11px;font-weight:600;color:var(--text)}\n.tbi span{font-size:11px;font-weight:300;color:var(--muted)}\n\n\/* LAYOUT *\/\n.order-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}\n\n\/* FORM PANEL *\/\n.panel{background:var(--white);border-radius:4px;padding:36px;border:1px solid var(--border);margin-bottom:20px}\n.panel-title{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--olive-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}\n\n\/* PRODUCT CARDS *\/\n.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.product-card{border:1.5px solid var(--border);border-radius:3px;padding:16px;cursor:pointer;transition:border-color .2s,background .2s;position:relative;user-select:none}\n.product-card:hover{border-color:var(--olive)}\n.product-card.selected{border-color:var(--olive);background:#f0f6ea}\n.pc-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}\n.product-card.selected .pc-check{background:var(--olive);border-color:var(--olive)}\n.product-card.selected .pc-check::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}\n.pc-size{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;letter-spacing:1px;color:var(--olive-dark);line-height:1;margin-bottom:3px}\n.pc-name{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:8px}\n.pc-min{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}\n\n\/* QTY SECTION INSIDE CARD *\/\n.pc-qty{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-direction:column;gap:10px}\n.product-card.selected .pc-qty{display:flex}\n.qty-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}\n\n\/* STEPPER *\/\n.stepper{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:3px;overflow:hidden;background:var(--white)}\n.stepper button{\n all:unset;\n width:38px;min-height:38px;\n background:#f0ebe3;\n color:var(--olive-dark);\n font-size:20px;line-height:1;\n display:flex;align-items:center;justify-content:center;\n cursor:pointer;flex-shrink:0;\n transition:background .15s;\n font-family:'DM Sans',sans-serif;\n}\n.stepper button:hover{background:#e0d8ce}\n.stepper button:active{background:#d5ccc2}\n.stepper input{\n all:unset;\n flex:1;min-width:0;\n text-align:center;\n font-size:15px;font-weight:500;\n color:var(--text);\n background:var(--white);\n border-left:1px solid var(--border);\n border-right:1px solid var(--border);\n padding:8px 4px;\n -moz-appearance:textfield;\n}\n.stepper input::-webkit-outer-spin-button,\n.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n.stepper.at-min button:first-child{color:#ccc;cursor:default}\n\n\/* COUVERCLE *\/\n.couvercle-row{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;margin-top:4px}\n.couvercle-box{\n width:17px;\n height:17px;\n border-radius:3px;\n border:1.5px solid var(--border);\n display:flex;\n align-items:center;\n justify-content:center;\n flex-shrink:0;\n transition:all .2s;\n background:transparent;\n position:relative;\n}\n\n\/* hidden checkmark by default *\/\n.couvercle-box::after{\n content:\"\";\n width:5px;\n height:9px;\n border:2px solid transparent;\n border-right-color:transparent;\n border-bottom-color:transparent;\n transform:rotate(45deg);\n opacity:0;\n transition:opacity .15s ease;\n}\n\n\/* active state *\/\n.couvercle-box.on{\n background:var(--olive);\n border-color:var(--olive);\n}\n\n\/* show checkmark *\/\n.couvercle-box.on::after{\n border-right-color:white;\n border-bottom-color:white;\n opacity:1;\n}\n.couvercle-box.on{background:var(--olive);border-color:var(--olive)}\n.couvercle-label{font-size:13px;font-weight:500;color:var(--text)}\n\n\/* FORM FIELDS *\/\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}\n.form-row.full{grid-template-columns:1fr}\n.form-group{display:flex;flex-direction:column;gap:5px}\n.form-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.req{color:var(--amber)}\n.hint{font-size:11px;font-weight:300;color:var(--muted);font-style:italic}\n.field-input{\n all:unset;\n display:block;\n width:100%;box-sizing:border-box;\n padding:10px 14px;\n border:1px solid var(--border);border-radius:2px;\n font-size:14px;color:var(--text);background:var(--white);\n transition:border-color .2s;\n}\n.field-input:focus{border-color:var(--olive)}\n.field-input::placeholder{color:#bbb}\ntextarea.field-input{resize:vertical;min-height:80px}\n.err{font-size:11px;color:#c0392b;margin-top:2px;display:none}\n.err.show{display:block}\n.field-input.invalid{border-color:#c0392b}\n.divider{height:1px;background:var(--border);margin:24px 0}\n\n\/* RADIO PILLS *\/\n.radio-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}\n.radio-pill{\n padding:9px 18px;border:1.5px solid var(--border);border-radius:40px;\n font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;user-select:none;\n color:var(--text);\n}\n.radio-pill.on{border-color:var(--olive);background:var(--olive);color:var(--white)}\n.radio-pill:hover:not(.on){border-color:var(--olive)}\n\n\/* STEP SCREENS *\/\n.screen{display:none}\n.screen.active{display:block}\n\n\/* \u2500\u2500 SUMMARY PANEL (WP ISOLATED) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.summary{\n position:sticky;\n top:20px;\n background:var(--olive-dark);\n border-radius:4px;\n padding:32px;\n color:var(--white);\n}\n\n\/* TITLE *\/\n.summary-title{\n font-family:'Barlow Condensed',sans-serif;\n font-size:18px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.5px;\n color:var(--white);\n margin-bottom:20px;\n padding-bottom:14px;\n border-bottom:1px solid rgba(255,255,255,0.12);\n}\n\n\/* IMAGE *\/\n.summary-img{\n width:100%;\n border-radius:0 !important;\n overflow:hidden;\n margin-bottom:20px;\n background:rgba(255,255,255,0.06);\n display:flex;\n align-items:center;\n justify-content:center;\n padding:24px 0;\n}\n\n.summary-img img{\n max-width:80%;\n height:auto;\n border-radius:0 !important;\n box-shadow:none !important;\n}\n\n\/* EMPTY *\/\n.summary-empty{\n color:rgba(255,255,255,0.4);\n font-size:13px;\n font-style:italic;\n margin:20px 0;\n text-align:center;\n}\n\n\/* LINES *\/\n.summary-lines{\n display:none;\n flex-direction:column;\n gap:8px;\n margin-bottom:18px;\n}\n\n.summary-line{\n display:flex;\n justify-content:space-between;\n font-size:13px;\n}\n\n.sl-label{opacity:0.8}\n.sl-val{font-weight:600}\n\n\/* TOTAL *\/\n.summary-total{\n display:none;\n margin-top:16px;\n padding-top:16px;\n border-top:1px solid rgba(255,255,255,0.12);\n flex-direction:column;\n gap:2px;\n}\n\n.st-row{\n display:flex;\n justify-content:space-between;\n align-items:baseline;\n font-size:12px;\n opacity:0.7;\n margin-bottom:2px;\n}\n\n.st-label{\n text-transform:uppercase;\n letter-spacing:.08em;\n font-weight:500;\n}\n\n.st-val{\n font-family:'Barlow Condensed',sans-serif;\n font-size:32px;\n font-weight:800;\n letter-spacing:-.5px;\n}\n\n\/* \ud83d\udd25 BUTTON (FULL WP OVERRIDE) *\/\n.summary .main-btn,\n.summary button.main-btn,\n.summary a.main-btn,\n.summary input.main-btn{\n all:unset !important;\n\n display:block !important;\n width:100% !important;\n box-sizing:border-box;\n\n padding:14px 0 !important;\n background:var(--amber) !important;\n color:#ffffff !important;\n\n border-radius:3px !important;\n text-align:center !important;\n cursor:pointer !important;\n\n font-family:'Barlow Condensed',sans-serif !important;\n font-size:15px !important;\n font-weight:700 !important;\n letter-spacing:.7px !important;\n text-transform:uppercase !important;\n\n border:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n\/* HOVER *\/\n.summary .main-btn:hover{\n background:#b86a0f !important;\n color:#ffffff !important;\n}\n\n\/* ACTIVE *\/\n.summary .main-btn:active{\n background:#9e5b0d !important;\n}\n\n\/* BACK LINK *\/\n.summary .back-link{\n text-align:center;\n margin-top:12px;\n font-size:12px;\n color:rgba(255,255,255,0.6);\n text-decoration:underline;\n cursor:pointer;\n display:none;\n}\n\n.summary .back-link:hover{\n color:rgba(255,255,255,0.9);\n}\n\n\/* CONTACT RECAP *\/\n.summary .contact-recap{\n background:rgba(255,255,255,0.04);\n border-radius:3px;\n padding:20px;\n margin-top:20px;\n display:none;\n border:1px solid rgba(255,255,255,0.08);\n}\n\n.summary .recap-title{\n font-size:10px;\n font-weight:600;\n letter-spacing:.12em;\n text-transform:uppercase;\n color:rgba(255,255,255,0.5);\n margin-bottom:12px;\n}\n\n.summary .recap-lines{\n display:flex;\n flex-direction:column;\n gap:8px;\n}\n\n.summary .recap-item{\n display:flex;\n flex-direction:column;\n gap:2px;\n}\n\n.summary .recap-key{\n font-size:10px;\n font-weight:500;\n color:rgba(255,255,255,0.5);\n text-transform:uppercase;\n letter-spacing:.08em;\n}\n\n.summary .recap-val{\n font-size:13px;\n color:rgba(255,255,255,0.9);\n}\n\n\/* SUCCESS *\/\n.success-screen{\n display:none;\n text-align:center;\n background:var(--white);\n border:1px solid var(--border);\n border-radius:4px;\n padding:60px 40px;\n}\n.success-screen.show{display:block}\n.success-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:#e8f4dc;display:flex;align-items:center;justify-content:center}\n.success-icon svg{width:32px;height:32px;stroke:var(--olive);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n.success-screen h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--olive-dark);margin-bottom:12px}\n.success-screen p{font-size:14px;color:var(--muted);line-height:1.6;max-width:420px;margin:0 auto 24px}\n.success-screen .main-btn{max-width:260px;margin:0 auto}\n\n\/* OBS *\/\n.obs-section{margin-bottom:20px}\n.obs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}\n.obs-title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.obs-toggle{font-size:11px;font-weight:500;color:var(--olive);cursor:pointer;text-decoration:underline}\n.obs-body{display:none}\n.obs-body.show{display:block}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfooter{\n background:#1e2e10;\n display:flex;align-items:center;justify-content:space-between;\n padding:28px 60px;flex-wrap:wrap;gap:20px;\n}\n.footer-brand{}\n.footer-logo-img{height:36px;width:auto;opacity:.7}\n.footer-info{font-size:12px;font-weight:300;color:rgba(255,255,255,0.30);text-align:center;line-height:1.8}\n.footer-info a{color:rgba(255,255,255,0.30);text-decoration:none}\n.footer-social{display:flex;gap:12px}\n.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:rgba(255,255,255,0.40);text-decoration:none;transition:color .3s;border-radius:50%}\n.footer-social-link:hover{color:rgba(255,255,255,0.85)}\n.footer-social-link svg{width:20px;height:20px;fill:currentColor}\n\n\/* RESPONSIVE *\/\n@media (max-width:900px){\n nav#mainNav{\n padding:14px 20px;\n }\n\n nav#mainNav .nav-links{\n display:none !important;\n }\n\n .nav-brand{\n height:56px;\n }\n\n .nav-logo-img{\n height:56px;\n }\n\n .nav-hamburger{\n display:flex;\n }\n\n \/* FIX HEADER OVERLAP *\/\n .page-wrap{\n padding:90px 24px 60px;\n }\n\n .order-layout{\n grid-template-columns:1fr;\n gap:24px;\n }\n\n .summary{\n position:static;\n margin-top:24px;\n }\n\n .products-grid{\n grid-template-columns:1fr;\n }\n\n .page-header h1{\n font-size:40px;\n }\n\n .product-card{\n min-width:0;\n overflow:hidden;\n}\n\n.stepper{\n display:flex;\n width:100%;\n max-width:100%;\n box-sizing:border-box;\n}\n\n.stepper input{\n width:100%;\n min-width:0;\n box-sizing:border-box;\n}\n\n \/* FOOTER FIX *\/\n footer{\n flex-direction:column;\n text-align:center;\n justify-content:center;\n align-items:center;\n }\n\n .footer-info{\n text-align:center;\n }\n}\n@media (max-width:600px){\n .form-row{grid-template-columns:1fr}\n .trust-bar{flex-direction:column}\n .tbi{border-right:none;border-bottom:1px solid var(--border)}\n .tbi:last-child{border-bottom:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap\">\n \n <nav id=\"mainNav\">\n <a class=\"nav-brand\" href=\"https:\/\/kayit.sn\/\">\n <img decoding=\"async\" alt=\"Kayit\" class=\"nav-logo-img nav-logo-white\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAGM0lEQVR42u2bTYhVZRzGn\/+9N79GzdRURBshimgRtOhDKAoiIqQU2rQokggtiujDNm6CFm0KTEOlUgJFqIgoJIMKgjZBigsXbSpSUdTRwlTGGeee87Q4\/9c53M49c86cK3Pu+PxgOIc7933ve9\/n\/L\/e972AEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCFqCMmGZmH6imsl398i2SzbTkyBsEEkkrdOxspd6JY8QD3Fbfj9xyT3BevsZuEk55P8ieRWko+RXNCtTzH14jb9fgcTdhUQeB7JCxznNMmvSG4gebtmtj4Ct\/z6oQvVJrm3oMCnSI55mzQjJH8l+XKeJYeHqx8tvdEv4ppZm+QbAF4BMAKgWfJ7tvxKABGANoAbANwD4LSZEUBmAmZmNLPIzOJUwqZkrUfiBrf8IMnYLfGKW2BRCz7j749T1jvm123pz8lK6LyPdSQHpcg1SKpIDpD8wwWJUuJMVuDI7\/8kObdb+ZQKC3u83SWSh0huJzmoBK131vtuh9VVFTjE4kdyrDeIu97fe6Ujfh\/o1lYUXKVyCxkkOZyyuqoCh7Y7c9qGUuwOt9q2t439ftT7eKDuItfZvTQ88XkdwGwAcbckqASRJ2dHAbzlwkQZD4aRnAFgH4CBkGv5XzM1b2\/KFCcZe\/26gOS5lPWwogWHdo8WcM1bO9qkCeO5HBKvusbiulpwmPg1ABblWG8QlgX7bQH4xMx+8NKr03qbXo6tA\/Cql1KtrMrJLX8WgCfqPJd1FTgI9qTfs+L4Y+\/jKIBNbm1RRtyNSa4EsNvb5PUfHrjHSz5k17fAJM3MIpIzAdznE9mLcRqADWZ2IVm7MHa48\/AZewAsdMEaBebubpJzfMwmgYsJAQCDAFb0YJxtAIsB7O3mmj2hawN4G8DD3qZZcJzLAKzqeE0CF5i4VT7JccX+5gE4AuC1Lq656db3kAtcRNy06zcAt0jg8gIvTU1iVTaa2T9IfHOna45JLgTwRcotWwmBAWCJBC7P3EpPiQtpZkNmdshje5zxHgMwDOCw308mWRrQQsfUJW2zJ0p+zGwEwHMAhlzksl6DErg8lyoKG+Loas+embWwYWaxx+EhAC\/4nJQV+KIELm8NQzljDBY5o0B\/owDeI7nc420jQ+TIs+v9ALb74ka7xPwN1dWS6yzwsRKLDXlc9kx6h8fcbv1FbuGbAPzmIscF5i\/yBRQJXFLgowBO9iCTbnmfa0k+40uRzZykbATAswDGkL+KFsZ0AsBxCVwi+\/WYOALgoE9a1VIpJE4fkFyWhOhcV30YwGavh6McgQngoJmN+pglcMlaeD\/Gt+mqEiPZuNju5VKeq26Z2fsAfnQPEHUZowH4tq41cJ1Lm7DVt5jk+YztwnAi4+uOjPl\/WTTJezM2+5\/u1s5fD4cNVpD82w8bRBnbhedJ3pwesyy4nJs+B+AzjG\/P9eL7xgC2kVyS46pjJOvTJwC8lFE6RT6mL83sbF3dc92tOFjRbX5EJso4U1XWgtNtP\/f\/t3LGEDb\/d3ds\/oeDf3eGsUqxCosVJLd0THAQ6ZtJCJzu56kJXHU41TmX5O\/eZrTjVxU6dFclFvsE30jyuIsUpQT+bpICh5h6iuQi\/4zGBA\/Zan8wxkieJbk0r51icMFYnFzsXwDPp8od9uB7E8le7ta8rDpVOv0C4B3Pql80szM+tlimWN2SQyzc7BZ4uaIFd7rqtQVd9SyS6xV3r63IH6Xi8IGKAofE7STJm4q63H76XVI\/PYWRlyMbAexCb057hPJnOYAtEyyAXP2VoUqia5x0+f1Okj9XtOBOV71GmXE9RA4rXXcVyH6LCBxc9XGSA\/3mhqeLi76aWftKl5nZkYpZLFNZ+RUAKwF86g9HQwJPsdAlMtkYyQZ++i+ciGx4PJ+J5GxWA8AcJIcD+t6KW\/08+ILWG0RsdLHgk0gO3H0P4ICZ\/TWdQtq03eJyF06PqfcjOYY737\/zRQBnkWzUHzOz4VS7xnRavNAe5nhCZgDi6bYyZdeBeMFFW4Z7JgCqrhVCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQggh+pH\/ALpuNqbKZo+rAAAAAElFTkSuQmCC\"\/>\n <img decoding=\"async\" alt=\"Kayit\" class=\"nav-logo-img nav-logo-green\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKWUlEQVR42u3cXWwc1RUA4HPOvbM7u05SUERI1TZQqVKlRKJCdhxSRbV46Q8PaSU0y0NbaEUhEIjtNFAoAY8HByhK8+skQH+gtEKqdnipAKktasU+FLCTqBTVfgG1pDQSpJSUxPbO7tx7Tx92DY7j9d9GZZ2eT7Lkh9313Tlzzz3nzowBhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgjRgsIQSI7CRYoZcGEnQ5cOioGCBb5P\/O9h\/QfuHOj87GJmeRAEKgy7tGSAFgxuGIYEANAbbXi8p6\/zmcnZef4Ur50E28LOFT3h+j9+f2DDvt6Bzi\/f86P2TzT6zIuRXkrBDYoBRYXI9vR3Hr7k0uyW999LfjHXm\/y85spE2pH19bXViu2tJPBOb3\/nn4jotwa4dLBv6I0oivhiDfCSOXPDsEvFhdh2P9B50Pf11vGx1CLw\/E5QxvFyOTVp1VkkXJ3Jquu1hz8lx6\/f9dDGod6+zjvmmMlYLAZqKaZ0WiLB1VFUMnfe37k9v0xvSybSBBHVAkoyQkANAGQNc1I2NikbwwAZz6NOQHgXAHh0dLRRAcaFQmyjCNzkeHiJFGstH+AgCFQUlUx32L4pk6U9SWIMwEKCO20qIuDkyeH7msbPVg\/vj4afDYqBiuPYnlepM+Ddj35x+d0Pb9jcHbavAQCIopJBBJYAN90LAa5du5Z37L6qDVE9hQjoLBMDNzV7mMFpT6lKYt7KLvN+GASBKgaxm\/66\/v4uBQhcGU8PZTLebxDVyPb+zqM7dl1zaOvAxiuWQoHW0oMrxgFFUeSqZ7P35XL6c2nFGkRsesyIzESAztpbd9\/z8lkIAKbPyMllobtv\/U1+zrtx7Ew1RYBlqLAj3+bdoVJzZI60LgGeq38tFGK3defVVyhFvUliHNLiU\/NHs5eNn\/NUNbFPHBw4\/mIYdum4cG5qDsOQoqhkeu7v+LzSdDitWssAmhnYGrZnTleqmYy6rjvcsCmOYxsEgZIAL1gXAQBrpXuzWZV3lt3kBkcT4bX11HyCCX8QhiH195fs9Ak+um4Ub32i3QOlntGK2qx1gPjhBotiYFIKAdjtkDV4kWtvFJVMT\/iFSxDx29WK5YVVzQ2+LCITIaaWtwxGw2dG143iDKlZxYXYZv9Ju\/28aq8kxkz\/24ioqhXLSPjV7rB9TRzHtlVbqJYcVNjfpWpxzlyX9dVKa90Ms5cBADMAAKPrVvHcc5ch42uvkqQ\/PTxw9HczpeagWKvYtz3Q\/nU\/p3uScmqQcKZeG51j6\/vaB1Cbp2QcCfB8rPswYLi5HskmWxJ0XlZxtWJOANFdM6XmMASKC7HbFnZ+Wmv9c2OcY9e4oMNakAGZvwYAMDq6iiXA84xGoRDbMFybAeYNxjACNFc5IwITIXLj1IyTaz4B\/9LL0EprHCM2Pj4MSNY4YMCrbw3b8\/UeGiXAc1fPCABwWi2\/AhE\/Y42D2Q70XMw7zjDzZeXx9FcHGqTmYjGgKCqZ7vs7wlzeuzYpn7\/uzrRhYi0DIqzOgrpy6tglwLMYXRdgfYpc6WVIMYNr6guuwOUA+FdFqjcM4bzUHASBKhRi2xOu\/5KX1WF5HsGd0nI5L6MQgNecM3YJcGNrR07VDpKDy4kQAHhxAZ5yqBXaLfuiV9+fTNdTXxXHsbv3kU2XAkCRGYAd0AJSrSMCIMBV54y9hbTs5UJEt7zJzogBAPZEr5wCgFPAgBGelw04DEOC5KXyBOBrSuNXjGG3kKUUEQGQ26QP\/phs335NjhmwcYkbQRSVkiqoG9PUntIe4UKXBeda9\/u3bIAd4BjzXJ0HNxz\/5PYhr3Abe\/o6bkEEDornbylGEbigGKjHo1dOWeO+pxQR0vyXBWYGRDorAZ53kVXrJ8nyqfrMoJl60PovHgAAxLOukhXlqR\/37mr\/ZDGI3Uw7TnEhtmHYpQcHjj2XTJgjfs7T7NjMI0GTcwzg4N35brhIkTUSMwCAJXciTa1r+uoRQdn39XJXpSO1AmvmHaeov2SDIFB6XN1VKaejmazS7GafyYhAadVZTe7E1LFLgGcRRbXi6Cwse4sdnFQKoZlWyUCqyxMp+zn9jW19678ZRSVTnCFVQ7263rfv1bKzdCMzpKSw4S4aMzilCYD5ZPr+6RNTxy4BnmNZC4qBejoqJQBwVHvEi26VPqp0MU2dU0QHtobrV4+MxDxjqo5rqfrgwNDxSup2ZnNaMbNtMEynNTIAHB0cfLNSX98lwAvphRH5uVof0twOESKATZ3LZNVKxXCodm9Vg1QdlWwYdulDDw7vTsbNH3xf6wZBxtp+Fjzfqj1wywY4qu82KXDPV8rmA6WImp0diKiScmpyOX39nX0dNzRM1QAMUHIAgMq676apO630ea0TK0VUKadnXCZ9YeqYJcDz24XiYjFQe6Pj7zHwrzNZhY1T5YI+mFLjnFZ0cNtDmy5rlKqjCFyxGNDeh469bVJ3m+cR4ZRlgpltJquQAZ4d3Pnav4JioKBFb8Jr2T54pFaRIljaU6nYKhJegFkMZFPH2axeBUllcLZUXZhsnXYdLZYnzFN+3tPMtdYJCalaMZY07G3V6rnlA1zfgKCDu4besMY9lstpmjqLmQF4EVutiKiSidTkcvqG7gc6rp8lVUPUX7JhGJKlfHclMW96GaXZcdX3NVnLT+\/vOzpSu0kAnAR4EWobEyHl21xYLpu3tacU85SKmhe3Wc2AlFrnSKtD9z68fmWjVA1Yu2vySFQas+xuYmCjM0SVxP4bsnRfGAK18uxt+QBj\/QA\/eu\/xD9jam4kQkdDxBUvVanU5gf2zperJ1mkwOvZyWrEDy5ZntHF8+8GdQ++OrguwlWdvywf43N70+IvVxO7M5T2NAKb5k6eWqjO+\/lZPuGFzFJVM0ChVRyUbhkB6TO8+\/V7l5kMPDsfMgNNvHJAAL3o9LplakIcfLo+Zn\/h5z2dm22zlWr\/thhH5yO2PbLp0baNUDcBRBG7fvlfLg7uGn2QGlEdXLnyQbVAM1IEHh7YkiflZfllGNb\/DBWSMc1lff8orJ3tnS9WTbwmKgVoqwV1SAQYAjgu1outA\/\/AtZ\/5TeQIAVlyQVJ2kJpv1vtMdbrhutlRdH4NdQsdsyV3w5\/rD2rg\/HLpNWdzGDDj9qcAFf6hDso6ZkB\/bsfuqtrgQW75I\/pfHUryjg6F+nX3fruG\/NJkumRkcIrNJbdXP6TXpWf\/JoBioQiEgCfDH3ELN93ERBnAAYJh56o8DANQaKZPVKpf3spWKnUAE78q\/n8zHcXwBnoX6+OmlPPj59KCOADMeEWsgJPxwF8w5hjS1YB2fdKn7MxH+nq194UB07G9wEbmY\/2cUAgDv2H1Vmx3LbwS0l7ODFYyMCDRGmk4RuX9AJjmx5+7XxyffFIZArb55IQFeoNpT+i8RQMldTMH9fwkwBsWApl+QH123iteOxFy\/zYblNBdCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghlpr\/Aj33LWVx7mqCAAAAAElFTkSuQmCC\"\/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"https:\/\/kayit.sn\/\">Accueil<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Produits<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/contact\/\">Contact<\/a><\/li>\n <li><a class=\"nav-cta\" href=\"https:\/\/kayit.sn\/commander\/\">Commander<\/a><\/li>\n <\/ul>\n <button class=\"nav-hamburger\" id=\"navHamburger\" aria-label=\"Menu\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/nav>\n \n \n <div class=\"mobile-nav-drawer\" id=\"mobileNavDrawer\">\n <ul class=\"mobile-nav-links\">\n <li><a href=\"https:\/\/kayit.sn\/\">Accueil<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Produits<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/contact\/\">Contact<\/a><\/li>\n <li><a class=\"mobile-nav-cta\" href=\"https:\/\/kayit.sn\/commander\/\">Commander<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"mobile-nav-overlay\" id=\"mobileNavOverlay\"><\/div>\n\n <div class=\"page-wrap\">\n \n <header class=\"page-header\">\n <div class=\"eyebrow\">Commander en gros<\/div>\n <h1>Passez votre <span>commande<\/span><\/h1>\n <p>Remplissez le formulaire ci-dessous pour passer une commande group\u00e9e. Nous vous recontacterons sous 48h pour confirmer votre devis.<\/p>\n <\/header>\n\n \n <div class=\"trust-bar\">\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <div>\n <strong>Qualit\u00e9 garantie<\/strong>\n <span>Produits test\u00e9s<\/span>\n <\/div>\n <\/div>\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n <\/div>\n <div>\n <strong>Paiement s\u00e9curis\u00e9<\/strong>\n <span>Transactions crypt\u00e9es<\/span>\n <\/div>\n <\/div>\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n <\/div>\n <div>\n <strong>Livraison rapide<\/strong>\n <span>3-5 jours ouvr\u00e9s<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step-bar\" id=\"stepBar\">\n <div class=\"step active\" id=\"s1\">\n <div class=\"step-num\">1<\/div>\n <span>S\u00e9lection<\/span>\n <\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step\" id=\"s2\">\n <div class=\"step-num\">2<\/div>\n <span>Informations<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"order-layout\">\n <div class=\"forms\">\n \n <div class=\"screen active\" id=\"screen1\">\n <div class=\"panel\">\n <div class=\"panel-title\">Choisissez vos produits<\/div>\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-id=\"8oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">8 oz<\/div>\n <div class=\"pc-name\">Gobelet grande taille \u00b7 240 ml<\/div>\n <div class=\"pc-min\">Min. 500 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-8oz\">\n <button data-action=\"dec\" data-id=\"8oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-8oz\" value=\"500\" min=\"500\">\n <button data-action=\"inc\" data-id=\"8oz\">+<\/button>\n <\/div>\n <div class=\"couvercle-row\" id=\"couvercleRow\">\n <div class=\"couvercle-box\" id=\"couvercleBox\"><\/div>\n <div class=\"couvercle-label\">Ajouter couvercle<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"6oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">6oz<\/div>\n <div class=\"pc-name\">Gobelet caf\u00e9 allong\u00e9 \u00b7 180 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-6oz\">\n <button data-action=\"dec\" data-id=\"6oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-6oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"6oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"4oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">4oz<\/div>\n <div class=\"pc-name\">Gobelet caf\u00e9 \u00b7 120 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-4oz\">\n <button data-action=\"dec\" data-id=\"4oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-4oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"4oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"2_5oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">2.5oz<\/div>\n <div class=\"pc-name\">Gobelet th\u00e9\/ataya \u00b7 75 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-2_5oz\">\n <button data-action=\"dec\" data-id=\"2_5oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-2_5oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"2_5oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"err\" id=\"err-products\">Veuillez s\u00e9lectionner au moins un produit<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screen\" id=\"screen2\">\n <div class=\"panel\">\n <div class=\"panel-title\">Vos informations<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Pr\u00e9nom<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-prenom\" placeholder=\"Jean\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-nom\" placeholder=\"Dupont\">\n <div class=\"err\" id=\"err-nom\">Ce champ est requis<\/div>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Email <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" class=\"field-input\" id=\"f-email\" placeholder=\"jean@exemple.com\">\n <div class=\"err\" id=\"err-email\">Email invalide<\/div>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" class=\"field-input\" id=\"f-tel\" placeholder=\"+221 XX XXX XX XX\">\n <\/div>\n <\/div>\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label class=\"form-label\">Entreprise<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-entreprise\" placeholder=\"Nom de votre entreprise\">\n <\/div>\n <\/div>\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label class=\"form-label\">Adresse de livraison<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-adresse\" placeholder=\"Rue, ville, code postal\">\n <\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Type de client <span class=\"req\">*<\/span><\/label>\n <div class=\"radio-group\" id=\"typeGroup\">\n <div class=\"radio-pill\" data-val=\"restaurant\">Restaurant<\/div>\n <div class=\"radio-pill\" data-val=\"traiteur\">Traiteur<\/div>\n <div class=\"radio-pill\" data-val=\"epicerie\">\u00c9picerie<\/div>\n <div class=\"radio-pill\" data-val=\"autre\">Autre<\/div>\n <\/div>\n <input type=\"hidden\" id=\"f-type\">\n <div class=\"err\" id=\"err-type\">Veuillez s\u00e9lectionner votre type<\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"obs-section\">\n <div class=\"obs-header\">\n <div class=\"obs-title\">Observations (optionnel)<\/div>\n <div class=\"obs-toggle\" id=\"obsToggle\">Ajouter<\/div>\n <\/div>\n <div class=\"obs-body\" id=\"obsBody\">\n <textarea class=\"field-input\" id=\"obs-input\" placeholder=\"Pr\u00e9cisions, demandes sp\u00e9ciales...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\">\n <svg><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <h2>Commande envoy\u00e9e !<\/h2>\n <p>Merci pour votre commande. Notre \u00e9quipe reviendra vers vous sous 48h avec un devis d\u00e9taill\u00e9.<\/p>\n <a href=\"\/\" class=\"main-btn\">Retour \u00e0 l'accueil<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"summary\" id=\"summaryPanel\">\n <div class=\"summary-title\">R\u00e9capitulatif<\/div>\n <div class=\"summary-img\">\n <img decoding=\"async\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Boxes-2.jpg\" alt=\"Products\">\n <\/div>\n <div class=\"summary-empty\" id=\"summaryEmpty\">Aucun produit s\u00e9lectionn\u00e9<\/div>\n <div class=\"summary-lines\" id=\"summaryLines\"><\/div>\n <div class=\"summary-total\" id=\"summaryTotal\">\n <div class=\"st-row\">\n <span class=\"st-label\">Total<\/span>\n <\/div>\n <div class=\"st-val\" id=\"totalVal\">0 pcs<\/div>\n <\/div>\n <button class=\"main-btn\" id=\"mainBtn\">Suivant<\/button>\n <div class=\"back-link\" id=\"backLink\">\u2190 Retour<\/div>\n <div class=\"contact-recap\" id=\"contactRecap\">\n <div class=\"recap-title\">Vos coordonn\u00e9es<\/div>\n <div class=\"recap-lines\" id=\"contactRecapLines\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function() {\n\nconst $ = (sel) => document.querySelector(sel);\nconst $$ = (sel) => document.querySelectorAll(sel);\n\nconst PRODUCTS = {\n '8oz': { min: 500 },\n '6oz': { min: 1000 },\n '4oz': { min: 1000 },\n '2_5oz': { min: 1000 }\n};\n\nconst LABELS = {\n '8oz': 'Pot 8oz',\n '6oz': 'Pot 6oz',\n '4oz': 'Pot 4oz',\n '2_5oz': 'Pot 2.5oz'\n};\n\nlet selected = {};\nlet couvercle = false;\nlet currentStep = 1;\n\n\/* \u2500\u2500 EVENT DELEGATION \u2500\u2500 *\/\n$$('.product-card').forEach(card => {\n card.addEventListener('click', e => {\n if (e.target.closest('.stepper') || e.target.closest('.couvercle-row')) return;\n toggleProduct(card.dataset.id);\n });\n});\n\ndocument.addEventListener('click', (e) => {\n const btn = e.target.closest('.stepper button');\n if (!btn) return;\n\n const { action, id } = btn.dataset;\n const input = document.getElementById(`qty-${id}`);\n if (!input) return;\n\n const min = PRODUCTS[id].min;\n let val = parseInt(input.value) || min;\n\n if (action === 'inc') val += 500;\n if (action === 'dec') val -= 500;\n\n input.value = Math.max(val, min);\n\n updateStepperState(id);\n updateSummary();\n});\n\ndocument.addEventListener('input', (e) => {\n if (!e.target.matches('.stepper input')) return;\n\n const id = e.target.id.replace('qty-', '');\n const min = PRODUCTS[id].min;\n\n let val = parseInt(e.target.value) || min;\n val = Math.max(val, min);\n\n e.target.value = val;\n\n \/\/ \ud83d\udd25 THIS IS THE FIX (important)\n selected[id] = val;\n\n updateStepperState(id);\n updateSummary();\n});\n\n$('#couvercleRow').addEventListener('click', (e) => {\n e.stopPropagation();\n couvercle = !couvercle;\n $('#couvercleBox').classList.toggle('on', couvercle);\n updateSummary();\n});\n\n$$('#typeGroup .radio-pill').forEach(pill => {\n pill.addEventListener('click', () => {\n $$('#typeGroup .radio-pill').forEach(p => p.classList.remove('on'));\n pill.classList.add('on');\n $('#f-type').value = pill.dataset.val;\n $('#err-type').classList.remove('show');\n });\n});\n\n$('#mainBtn').addEventListener('click', handleMainBtn);\n$('#backLink').addEventListener('click', goBack);\n\n$('#obsToggle').addEventListener('click', () => {\n const body = $('#obsBody');\n const toggle = $('#obsToggle');\n const isOpen = body.classList.toggle('show');\n toggle.textContent = isOpen ? 'Masquer' : 'Ajouter';\n});\n\nfunction toggleProduct(id) {\n const card = $(`.product-card[data-id=\"${id}\"]`);\n if (selected[id]) {\n delete selected[id];\n card.classList.remove('selected');\n } else {\n card.classList.add('selected');\n selected[id] = PRODUCTS[id].min;\n $(`#qty-${id}`).value = PRODUCTS[id].min;\n updateStepperState(id);\n }\n updateSummary();\n}\n\nfunction updateStepperState(id) {\n const { min } = PRODUCTS[id];\n const val = parseInt($(`#qty-${id}`).value);\n const stepper = $(`#step-${id}`);\n stepper.classList.toggle('at-min', val <= min);\n}\n\nfunction updateSummary() {\n const ids = Object.keys(selected);\n const linesEl = $('#summaryLines');\n const emptyEl = $('#summaryEmpty');\n const totalEl = $('#summaryTotal');\n\n if (ids.length === 0) {\n linesEl.style.display = 'none';\n emptyEl.style.display = 'block';\n totalEl.style.display = 'none';\n return;\n }\n\n emptyEl.style.display = 'none';\n linesEl.style.display = 'flex';\n totalEl.style.display = 'flex';\n\n let html = '';\n let total = 0;\n ids.forEach(id => {\n const qty = parseInt($(`#qty-${id}`).value) || PRODUCTS[id].min;\n total += qty;\n let label = LABELS[id];\n if (id === '8oz' && couvercle) label += ' + couvercle';\n html += `<div class=\"summary-line\"><span class=\"sl-label\">${label}<\/span><span class=\"sl-val\">${qty.toLocaleString('fr-FR')} pcs<\/span><\/div>`;\n });\n\n linesEl.innerHTML = html;\n $('#totalVal').textContent = total.toLocaleString('fr-FR') + ' pcs';\n}\n\nfunction handleMainBtn() {\n if (currentStep === 1) {\n if (Object.keys(selected).length === 0) {\n $('#err-products').classList.add('show');\n return;\n }\n $('#err-products').classList.remove('show');\n goToStep2();\n } else {\n submitOrder();\n }\n}\n\nfunction goToStep2() {\n currentStep = 2;\n $('#screen1').classList.remove('active');\n $('#screen2').classList.add('active');\n $('#s1').classList.remove('active');\n $('#s1').classList.add('done');\n $('#s2').classList.add('active');\n $('#mainBtn').textContent = 'Passer la commande';\n $('#backLink').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction goBack() {\n currentStep = 1;\n $('#screen2').classList.remove('active');\n $('#screen1').classList.add('active');\n $('#s1').classList.add('active');\n $('#s1').classList.remove('done');\n $('#s2').classList.remove('active');\n $('#mainBtn').textContent = 'Suivant';\n $('#backLink').style.display = 'none';\n $('#contactRecap').style.display = 'none';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction submitOrder() {\n let valid = true;\n const nom = $('#f-nom');\n const email = $('#f-email');\n\n if (!nom.value.trim()) {\n nom.classList.add('invalid');\n $('#err-nom').classList.add('show');\n valid = false;\n } else {\n nom.classList.remove('invalid');\n $('#err-nom').classList.remove('show');\n }\n\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email.value.trim())) {\n email.classList.add('invalid');\n $('#err-email').classList.add('show');\n valid = false;\n } else {\n email.classList.remove('invalid');\n $('#err-email').classList.remove('show');\n }\n\n const type = $('#f-type').value;\n if (!type) {\n $('#err-type').classList.add('show');\n valid = false;\n }\n\n if (!valid) return;\n\n const productLines = Object.keys(selected).map(id => {\n const qty = $(`#qty-${id}`).value || PRODUCTS[id].min;\n let line = LABELS[id] + ': ' + qty + ' pcs';\n if (id === '8oz' && couvercle) line += ' (avec couvercle)';\n return line;\n }).join('\\n');\n\n \/* Prepare form data for WordPress *\/\n const formData = new FormData();\n formData.append('action', 'kayit_submit_order');\n formData.append('prenom', $('#f-prenom').value || '');\n formData.append('nom', nom.value);\n formData.append('email', email.value);\n formData.append('telephone', $('#f-tel').value || '');\n formData.append('entreprise', $('#f-entreprise').value || '');\n formData.append('adresse', $('#f-adresse').value || '');\n formData.append('type', type);\n formData.append('produits', productLines);\n formData.append('observations', $('#obs-input').value || '');\n\n \/* Show loading state *\/\n const mainBtn = $('#mainBtn');\n const originalText = mainBtn.textContent;\n mainBtn.textContent = 'Envoi en cours...';\n mainBtn.disabled = true;\n\n \/* Submit to WordPress *\/\n fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n \/* Show success *\/\n $('#screen2').style.display = 'none';\n $('#successScreen').classList.add('show');\n $('#stepBar').style.display = 'none';\n $('#summaryPanel').style.display = 'none';\n } else {\n alert('Erreur lors de l\\'envoi. Veuillez r\u00e9essayer ou nous contacter directement.');\n mainBtn.textContent = originalText;\n mainBtn.disabled = false;\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Erreur de connexion. Veuillez v\u00e9rifier votre connexion internet et r\u00e9essayer.');\n mainBtn.textContent = originalText;\n mainBtn.disabled = false;\n });\n\n \/* Contact recap *\/\n const recapBox = $('#contactRecap');\n const recapLines = $('#contactRecapLines');\n const fields = [\n ['Nom', [($('#f-prenom').value||''), nom.value].filter(Boolean).join(' ')],\n ['Email', email.value],\n ['T\u00e9l\u00e9phone', $('#f-tel').value],\n ['Entreprise', $('#f-entreprise').value],\n ['Adresse', $('#f-adresse').value],\n ];\n recapLines.innerHTML = fields\n .filter(([,v]) => v)\n .map(([k,v]) => `<div class=\"recap-item\"><span class=\"recap-key\">${k}<\/span><span class=\"recap-val\">${v}<\/span><\/div>`)\n .join('');\n recapBox.style.display = 'block';\n}\nfunction preselectFromURL() {\n const params = new URLSearchParams(window.location.search);\n const product = params.get('product');\n\n if (!product) return;\n\n \/\/ small delay to ensure DOM is ready\n setTimeout(() => {\n if (document.querySelector(`.product-card[data-id=\"${product}\"]`)) {\n toggleProduct(product);\n }\n }, 300);\n}\n\npreselectFromURL();\n})();\n<\/script>\n\n\n<footer>\n<div class=\"footer-brand\">\n<img decoding=\"async\" \n src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/KAYITeco-logo-icone_blanc_marges.png\" \n id=\"ka-footer-logo\" \n alt=\"Kayiteco \u2014 Gobelets papier biod\u00e9gradables S\u00e9n\u00e9gal\" \n itemprop=\"logo\"\n loading=\"lazy\"\n width=\"120\"\n \/>\n<\/div>\n<div class=\"footer-info\" style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.30)!important;text-align:center!important;line-height:1.8!important;font-family:'DM Sans',sans-serif!important;\">11,7 KM Route de Rufisque \u00b7 Dakar, S\u00e9n\u00e9gal<br\/>77 474 08 36 \u00b7 <a href=\"mailto:contact@kayit.sn\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:none!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">contact@kayit.sn<\/a><\/div>\n\n<div class=\"footer-social\">\n<a aria-label=\"Instagram Kayit\" class=\"footer-social-link\" href=\"https:\/\/www.instagram.com\/kayit_sn\/\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"><\/path><\/svg>\n<\/a>\n<a aria-label=\"TikTok Kayit\" class=\"footer-social-link\" href=\"https:\/\/www.tiktok.com\/@kayit_sn\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"><\/path><\/svg>\n<\/a>\n<a aria-label=\"YouTube Kayiteco\" class=\"footer-social-link\" href=\"https:\/\/www.youtube.com\/@KAYITECO\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path><\/svg>\n<\/a>\n<\/div>\n<\/footer>\n\n\n<script>\n\/\/ \u2500\u2500 Mobile Nav Hamburger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function(){\n var btn = document.getElementById('navHamburger');\n var drawer = document.getElementById('mobileNavDrawer');\n var overlay = document.getElementById('mobileNavOverlay');\n \n function openMenu(){\n btn.classList.add('active');\n btn.setAttribute('aria-expanded','true');\n drawer.classList.add('open');\n overlay.classList.add('open');\n document.body.style.overflow='hidden';\n }\n \n function closeMenu(){\n btn.classList.remove('active');\n btn.setAttribute('aria-expanded','false');\n drawer.classList.remove('open');\n overlay.classList.remove('open');\n document.body.style.overflow='';\n }\n \n btn.addEventListener('click', function(){\n if(drawer.classList.contains('open')){\n closeMenu();\n } else {\n openMenu();\n }\n });\n \n overlay.addEventListener('click', closeMenu);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kayit Accueil Produits \u00c0 propos Blog Contact Commander Accueil Produits \u00c0 propos Blog Contact Commander Commander en gros Passez votre commande Remplissez le formulaire ci-dessous pour passer une commande group\u00e9e. Nous vous recontacterons sous 48h pour confirmer votre devis. Qualit\u00e9 garantie Produits test\u00e9s Paiement s\u00e9curis\u00e9 Transactions crypt\u00e9es Livraison rapide 3-5 jours ouvr\u00e9s 1 S\u00e9lection 2 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":46,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"predecessor-version":[{"id":887,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions\/887"}],"wp:attachment":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n\nKayit<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n\nbody{\n margin:0;\n padding:0;\n font-family:'DM Sans',sans-serif;\n background:#f7f3ec;\n}\n\ndiv,section,nav,footer,button,input,textarea,label,a,p{\n font-family:'DM Sans',sans-serif;\n}\n\n\/* VARIABLES via custom props *\/\n.wrap{\n --olive:#528529;--olive-dark:#3a5e1e;\n --amber:#D17D12;--cream:#f7f3ec;\n --text:#2a2218;--muted:#6b5e52;--white:#ffffff;\n --border:#e4ddd4;\n background:var(--cream);\n color:var(--text);\n overflow-x:hidden;\n}\n\n\/* NAV *\/\nnav#mainNav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n padding:6px 60px;display:flex;align-items:center;justify-content:space-between;\n background:rgba(247,243,236,0.97);\n box-shadow:0 1px 0 rgba(82,133,41,0.12);\n}\nnav#mainNav .nav-brand{display:flex;align-items:center;text-decoration:none;position:relative;height:52px;width:110px;flex-shrink:0}\nnav#mainNav .nav-logo-img{height:52px;width:auto;max-width:110px;position:absolute;top:0;left:0;display:block!important;visibility:visible!important;}\nnav#mainNav .nav-logo-white{opacity:0!important}\nnav#mainNav .nav-logo-green{opacity:1!important}\nnav#mainNav .nav-links{display:flex;gap:32px;list-style:none;align-items:center}\nnav#mainNav .nav-links a{\n font-size:11px;\n font-weight:500;\n letter-spacing:.12em;\n text-transform:uppercase;\n color:var(--text);\n text-decoration:none;\n transition:color .3s;\n}\nnav#mainNav .nav-links a.nav-cta{\n background:var(--olive-dark);\n color:#ffffff;\n padding:10px 16px;\n border-radius:2px;\n font-weight:600;\n}\nnav#mainNav .nav-links a:hover{\n color:var(--olive);\n}\nnav#mainNav .nav-links a.nav-cta{\n background:var(--olive-dark);\n color:#ffffff;\n padding:10px 16px;\n border-radius:2px;\n font-weight:600;\n transition:background .3s;\n}\nnav#mainNav .nav-links a.nav-cta:hover{\n background:var(--olive);\n color:#ffffff;\n}\n\n\/* \u2500\u2500 HAMBURGER BUTTON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav-hamburger{\n display:none;flex-direction:column;justify-content:center;gap:5px;\n width:40px;height:40px;background:none!important;border:none!important;cursor:pointer;\n padding:6px!important;flex-shrink:0;border-radius:0!important;\n box-shadow:none!important;outline:none!important;\n -webkit-appearance:none!important;appearance:none!important;\n margin:0!important;color:inherit!important;font-size:inherit!important;\n line-height:1!important;text-transform:none!important;letter-spacing:normal!important;\n}\n.nav-hamburger span{\n display:block;width:24px;height:2px;background:var(--text);\n border-radius:2px;transition:transform .3s,opacity .3s;\n transform-origin:center;\n}\n.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.nav-hamburger.active span:nth-child(2){opacity:0}\n.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n\n\/* \u2500\u2500 MOBILE DRAWER & OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.mobile-nav-drawer{\n position:fixed;\n top:0; right:0; bottom:0;\n width:min(300px,85vw);\n z-index:200;\n background:var(--cream);\n padding:80px 32px 40px;\n transform:translateX(100%);\n transition:transform .32s cubic-bezier(.4,0,.2,1);\n box-shadow:-4px 0 32px rgba(0,0,0,0.12);\n}\n.mobile-nav-drawer.open{transform:translateX(0)}\n\n.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:0}\n.mobile-nav-links li{border-bottom:1px solid rgba(82,133,41,0.10)}\n.mobile-nav-links a{\n display:block;padding:16px 0;\n font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;\n color:var(--text);text-decoration:none;transition:color .2s;\n}\n.mobile-nav-links a:hover{color:var(--olive)}\n.mobile-nav-links li:last-child{border-bottom:none;margin-top:20px}\n.mobile-nav-cta{\n display:inline-block;padding:13px 20px!important;\n background:var(--olive-dark)!important;color:#fff!important;\n border-radius:2px;text-align:center;\n}\n\n.mobile-nav-overlay{\n position:fixed;\n inset:0;\n z-index:199;\n background:rgba(10,20,5,0.48);\n opacity:0;\n pointer-events:none;\n transition:opacity .3s;\n}\n.mobile-nav-overlay.open{\n opacity:1;\n pointer-events:auto;\n}\n\n\/* PAGE WRAP *\/\n.page-wrap{max-width:1200px;margin:0 auto;padding:100px 60px 80px}\n\n\/* PAGE HEADER *\/\n.page-header{padding:48px 0 40px;border-bottom:1px solid var(--border);margin-bottom:40px}\n.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:flex;align-items:center;gap:10px}\n.eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--amber)}\n.page-header h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,6vw,72px);font-weight:800;text-transform:uppercase;letter-spacing:-.5px;line-height:.92;color:var(--olive-dark);margin-bottom:12px}\n.page-header h1 span{color:var(--amber)}\n.page-header p{font-size:15px;font-weight:300;line-height:1.7;color:var(--muted);max-width:540px}\n\n\/* STEP BAR *\/\n.step-bar{display:flex;align-items:center;margin-bottom:40px}\n.step{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(58,94,30,0.35);transition:color .3s}\n.step.active{color:var(--olive-dark)}\n.step.done{color:var(--olive)}\n.step-num{width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:background .3s,color .3s}\n.step.active .step-num,.step.done .step-num{background:currentColor;color:var(--white)}\n.step.active .step-num{background:var(--olive-dark);border-color:var(--olive-dark)}\n.step.done .step-num{background:var(--olive);border-color:var(--olive)}\n.step-line{flex:1;height:1px;background:var(--border);margin:0 12px}\n\n\/* TRUST BAR *\/\n.trust-bar{display:flex;background:var(--white);border:1px solid var(--border);border-radius:4px;margin-bottom:40px;overflow:hidden}\n.tbi{flex:1;display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid var(--border)}\n.tbi:last-child{border-right:none}\n.tbi-icon{width:32px;height:32px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.tbi-icon svg{width:16px;height:16px;stroke:var(--olive);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.tbi strong{display:block;font-size:11px;font-weight:600;color:var(--text)}\n.tbi span{font-size:11px;font-weight:300;color:var(--muted)}\n\n\/* LAYOUT *\/\n.order-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}\n\n\/* FORM PANEL *\/\n.panel{background:var(--white);border-radius:4px;padding:36px;border:1px solid var(--border);margin-bottom:20px}\n.panel-title{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--olive-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}\n\n\/* PRODUCT CARDS *\/\n.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.product-card{border:1.5px solid var(--border);border-radius:3px;padding:16px;cursor:pointer;transition:border-color .2s,background .2s;position:relative;user-select:none}\n.product-card:hover{border-color:var(--olive)}\n.product-card.selected{border-color:var(--olive);background:#f0f6ea}\n.pc-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}\n.product-card.selected .pc-check{background:var(--olive);border-color:var(--olive)}\n.product-card.selected .pc-check::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}\n.pc-size{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;letter-spacing:1px;color:var(--olive-dark);line-height:1;margin-bottom:3px}\n.pc-name{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:8px}\n.pc-min{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}\n\n\/* QTY SECTION INSIDE CARD *\/\n.pc-qty{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-direction:column;gap:10px}\n.product-card.selected .pc-qty{display:flex}\n.qty-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}\n\n\/* STEPPER *\/\n.stepper{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:3px;overflow:hidden;background:var(--white)}\n.stepper button{\n all:unset;\n width:38px;min-height:38px;\n background:#f0ebe3;\n color:var(--olive-dark);\n font-size:20px;line-height:1;\n display:flex;align-items:center;justify-content:center;\n cursor:pointer;flex-shrink:0;\n transition:background .15s;\n font-family:'DM Sans',sans-serif;\n}\n.stepper button:hover{background:#e0d8ce}\n.stepper button:active{background:#d5ccc2}\n.stepper input{\n all:unset;\n flex:1;min-width:0;\n text-align:center;\n font-size:15px;font-weight:500;\n color:var(--text);\n background:var(--white);\n border-left:1px solid var(--border);\n border-right:1px solid var(--border);\n padding:8px 4px;\n -moz-appearance:textfield;\n}\n.stepper input::-webkit-outer-spin-button,\n.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n.stepper.at-min button:first-child{color:#ccc;cursor:default}\n\n\/* COUVERCLE *\/\n.couvercle-row{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;margin-top:4px}\n.couvercle-box{\n width:17px;\n height:17px;\n border-radius:3px;\n border:1.5px solid var(--border);\n display:flex;\n align-items:center;\n justify-content:center;\n flex-shrink:0;\n transition:all .2s;\n background:transparent;\n position:relative;\n}\n\n\/* hidden checkmark by default *\/\n.couvercle-box::after{\n content:\"\";\n width:5px;\n height:9px;\n border:2px solid transparent;\n border-right-color:transparent;\n border-bottom-color:transparent;\n transform:rotate(45deg);\n opacity:0;\n transition:opacity .15s ease;\n}\n\n\/* active state *\/\n.couvercle-box.on{\n background:var(--olive);\n border-color:var(--olive);\n}\n\n\/* show checkmark *\/\n.couvercle-box.on::after{\n border-right-color:white;\n border-bottom-color:white;\n opacity:1;\n}\n.couvercle-box.on{background:var(--olive);border-color:var(--olive)}\n.couvercle-label{font-size:13px;font-weight:500;color:var(--text)}\n\n\/* FORM FIELDS *\/\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}\n.form-row.full{grid-template-columns:1fr}\n.form-group{display:flex;flex-direction:column;gap:5px}\n.form-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.req{color:var(--amber)}\n.hint{font-size:11px;font-weight:300;color:var(--muted);font-style:italic}\n.field-input{\n all:unset;\n display:block;\n width:100%;box-sizing:border-box;\n padding:10px 14px;\n border:1px solid var(--border);border-radius:2px;\n font-size:14px;color:var(--text);background:var(--white);\n transition:border-color .2s;\n}\n.field-input:focus{border-color:var(--olive)}\n.field-input::placeholder{color:#bbb}\ntextarea.field-input{resize:vertical;min-height:80px}\n.err{font-size:11px;color:#c0392b;margin-top:2px;display:none}\n.err.show{display:block}\n.field-input.invalid{border-color:#c0392b}\n.divider{height:1px;background:var(--border);margin:24px 0}\n\n\/* RADIO PILLS *\/\n.radio-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}\n.radio-pill{\n padding:9px 18px;border:1.5px solid var(--border);border-radius:40px;\n font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;user-select:none;\n color:var(--text);\n}\n.radio-pill.on{border-color:var(--olive);background:var(--olive);color:var(--white)}\n.radio-pill:hover:not(.on){border-color:var(--olive)}\n\n\/* STEP SCREENS *\/\n.screen{display:none}\n.screen.active{display:block}\n\n\/* \u2500\u2500 SUMMARY PANEL (WP ISOLATED) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.summary{\n position:sticky;\n top:20px;\n background:var(--olive-dark);\n border-radius:4px;\n padding:32px;\n color:var(--white);\n}\n\n\/* TITLE *\/\n.summary-title{\n font-family:'Barlow Condensed',sans-serif;\n font-size:18px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.5px;\n color:var(--white);\n margin-bottom:20px;\n padding-bottom:14px;\n border-bottom:1px solid rgba(255,255,255,0.12);\n}\n\n\/* IMAGE *\/\n.summary-img{\n width:100%;\n border-radius:0 !important;\n overflow:hidden;\n margin-bottom:20px;\n background:rgba(255,255,255,0.06);\n display:flex;\n align-items:center;\n justify-content:center;\n padding:24px 0;\n}\n\n.summary-img img{\n max-width:80%;\n height:auto;\n border-radius:0 !important;\n box-shadow:none !important;\n}\n\n\/* EMPTY *\/\n.summary-empty{\n color:rgba(255,255,255,0.4);\n font-size:13px;\n font-style:italic;\n margin:20px 0;\n text-align:center;\n}\n\n\/* LINES *\/\n.summary-lines{\n display:none;\n flex-direction:column;\n gap:8px;\n margin-bottom:18px;\n}\n\n.summary-line{\n display:flex;\n justify-content:space-between;\n font-size:13px;\n}\n\n.sl-label{opacity:0.8}\n.sl-val{font-weight:600}\n\n\/* TOTAL *\/\n.summary-total{\n display:none;\n margin-top:16px;\n padding-top:16px;\n border-top:1px solid rgba(255,255,255,0.12);\n flex-direction:column;\n gap:2px;\n}\n\n.st-row{\n display:flex;\n justify-content:space-between;\n align-items:baseline;\n font-size:12px;\n opacity:0.7;\n margin-bottom:2px;\n}\n\n.st-label{\n text-transform:uppercase;\n letter-spacing:.08em;\n font-weight:500;\n}\n\n.st-val{\n font-family:'Barlow Condensed',sans-serif;\n font-size:32px;\n font-weight:800;\n letter-spacing:-.5px;\n}\n\n\/* \ud83d\udd25 BUTTON (FULL WP OVERRIDE) *\/\n.summary .main-btn,\n.summary button.main-btn,\n.summary a.main-btn,\n.summary input.main-btn{\n all:unset !important;\n\n display:block !important;\n width:100% !important;\n box-sizing:border-box;\n\n padding:14px 0 !important;\n background:var(--amber) !important;\n color:#ffffff !important;\n\n border-radius:3px !important;\n text-align:center !important;\n cursor:pointer !important;\n\n font-family:'Barlow Condensed',sans-serif !important;\n font-size:15px !important;\n font-weight:700 !important;\n letter-spacing:.7px !important;\n text-transform:uppercase !important;\n\n border:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n\/* HOVER *\/\n.summary .main-btn:hover{\n background:#b86a0f !important;\n color:#ffffff !important;\n}\n\n\/* ACTIVE *\/\n.summary .main-btn:active{\n background:#9e5b0d !important;\n}\n\n\/* BACK LINK *\/\n.summary .back-link{\n text-align:center;\n margin-top:12px;\n font-size:12px;\n color:rgba(255,255,255,0.6);\n text-decoration:underline;\n cursor:pointer;\n display:none;\n}\n\n.summary .back-link:hover{\n color:rgba(255,255,255,0.9);\n}\n\n\/* CONTACT RECAP *\/\n.summary .contact-recap{\n background:rgba(255,255,255,0.04);\n border-radius:3px;\n padding:20px;\n margin-top:20px;\n display:none;\n border:1px solid rgba(255,255,255,0.08);\n}\n\n.summary .recap-title{\n font-size:10px;\n font-weight:600;\n letter-spacing:.12em;\n text-transform:uppercase;\n color:rgba(255,255,255,0.5);\n margin-bottom:12px;\n}\n\n.summary .recap-lines{\n display:flex;\n flex-direction:column;\n gap:8px;\n}\n\n.summary .recap-item{\n display:flex;\n flex-direction:column;\n gap:2px;\n}\n\n.summary .recap-key{\n font-size:10px;\n font-weight:500;\n color:rgba(255,255,255,0.5);\n text-transform:uppercase;\n letter-spacing:.08em;\n}\n\n.summary .recap-val{\n font-size:13px;\n color:rgba(255,255,255,0.9);\n}\n\n\/* SUCCESS *\/\n.success-screen{\n display:none;\n text-align:center;\n background:var(--white);\n border:1px solid var(--border);\n border-radius:4px;\n padding:60px 40px;\n}\n.success-screen.show{display:block}\n.success-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:#e8f4dc;display:flex;align-items:center;justify-content:center}\n.success-icon svg{width:32px;height:32px;stroke:var(--olive);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n.success-screen h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--olive-dark);margin-bottom:12px}\n.success-screen p{font-size:14px;color:var(--muted);line-height:1.6;max-width:420px;margin:0 auto 24px}\n.success-screen .main-btn{max-width:260px;margin:0 auto}\n\n\/* OBS *\/\n.obs-section{margin-bottom:20px}\n.obs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}\n.obs-title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.obs-toggle{font-size:11px;font-weight:500;color:var(--olive);cursor:pointer;text-decoration:underline}\n.obs-body{display:none}\n.obs-body.show{display:block}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfooter{\n background:#1e2e10;\n display:flex;align-items:center;justify-content:space-between;\n padding:28px 60px;flex-wrap:wrap;gap:20px;\n}\n.footer-brand{}\n.footer-logo-img{height:36px;width:auto;opacity:.7}\n.footer-info{font-size:12px;font-weight:300;color:rgba(255,255,255,0.30);text-align:center;line-height:1.8}\n.footer-info a{color:rgba(255,255,255,0.30);text-decoration:none}\n.footer-social{display:flex;gap:12px}\n.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:rgba(255,255,255,0.40);text-decoration:none;transition:color .3s;border-radius:50%}\n.footer-social-link:hover{color:rgba(255,255,255,0.85)}\n.footer-social-link svg{width:20px;height:20px;fill:currentColor}\n\n\/* RESPONSIVE *\/\n@media (max-width:900px){\n nav#mainNav{\n padding:14px 20px;\n }\n\n nav#mainNav .nav-links{\n display:none !important;\n }\n\n .nav-brand{\n height:56px;\n }\n\n .nav-logo-img{\n height:56px;\n }\n\n .nav-hamburger{\n display:flex;\n }\n\n \/* FIX HEADER OVERLAP *\/\n .page-wrap{\n padding:90px 24px 60px;\n }\n\n .order-layout{\n grid-template-columns:1fr;\n gap:24px;\n }\n\n .summary{\n position:static;\n margin-top:24px;\n }\n\n .products-grid{\n grid-template-columns:1fr;\n }\n\n .page-header h1{\n font-size:40px;\n }\n\n .product-card{\n min-width:0;\n overflow:hidden;\n}\n\n.stepper{\n display:flex;\n width:100%;\n max-width:100%;\n box-sizing:border-box;\n}\n\n.stepper input{\n width:100%;\n min-width:0;\n box-sizing:border-box;\n}\n\n \/* FOOTER FIX *\/\n footer{\n flex-direction:column;\n text-align:center;\n justify-content:center;\n align-items:center;\n }\n\n .footer-info{\n text-align:center;\n }\n}\n@media (max-width:600px){\n .form-row{grid-template-columns:1fr}\n .trust-bar{flex-direction:column}\n .tbi{border-right:none;border-bottom:1px solid var(--border)}\n .tbi:last-child{border-bottom:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap\">\n \n <nav id=\"mainNav\">\n <a class=\"nav-brand\" href=\"https:\/\/kayit.sn\/\">\n <img decoding=\"async\" alt=\"Kayit\" class=\"nav-logo-img nav-logo-white\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAGM0lEQVR42u2bTYhVZRzGn\/+9N79GzdRURBshimgRtOhDKAoiIqQU2rQokggtiujDNm6CFm0KTEOlUgJFqIgoJIMKgjZBigsXbSpSUdTRwlTGGeee87Q4\/9c53M49c86cK3Pu+PxgOIc7933ve9\/n\/L\/e972AEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCFqCMmGZmH6imsl398i2SzbTkyBsEEkkrdOxspd6JY8QD3Fbfj9xyT3BevsZuEk55P8ieRWko+RXNCtTzH14jb9fgcTdhUQeB7JCxznNMmvSG4gebtmtj4Ct\/z6oQvVJrm3oMCnSI55mzQjJH8l+XKeJYeHqx8tvdEv4ppZm+QbAF4BMAKgWfJ7tvxKABGANoAbANwD4LSZEUBmAmZmNLPIzOJUwqZkrUfiBrf8IMnYLfGKW2BRCz7j749T1jvm123pz8lK6LyPdSQHpcg1SKpIDpD8wwWJUuJMVuDI7\/8kObdb+ZQKC3u83SWSh0huJzmoBK131vtuh9VVFTjE4kdyrDeIu97fe6Ujfh\/o1lYUXKVyCxkkOZyyuqoCh7Y7c9qGUuwOt9q2t439ftT7eKDuItfZvTQ88XkdwGwAcbckqASRJ2dHAbzlwkQZD4aRnAFgH4CBkGv5XzM1b2\/KFCcZe\/26gOS5lPWwogWHdo8WcM1bO9qkCeO5HBKvusbiulpwmPg1ABblWG8QlgX7bQH4xMx+8NKr03qbXo6tA\/Cql1KtrMrJLX8WgCfqPJd1FTgI9qTfs+L4Y+\/jKIBNbm1RRtyNSa4EsNvb5PUfHrjHSz5k17fAJM3MIpIzAdznE9mLcRqADWZ2IVm7MHa48\/AZewAsdMEaBebubpJzfMwmgYsJAQCDAFb0YJxtAIsB7O3mmj2hawN4G8DD3qZZcJzLAKzqeE0CF5i4VT7JccX+5gE4AuC1Lq656db3kAtcRNy06zcAt0jg8gIvTU1iVTaa2T9IfHOna45JLgTwRcotWwmBAWCJBC7P3EpPiQtpZkNmdshje5zxHgMwDOCw308mWRrQQsfUJW2zJ0p+zGwEwHMAhlzksl6DErg8lyoKG+Loas+embWwYWaxx+EhAC\/4nJQV+KIELm8NQzljDBY5o0B\/owDeI7nc420jQ+TIs+v9ALb74ka7xPwN1dWS6yzwsRKLDXlc9kx6h8fcbv1FbuGbAPzmIscF5i\/yBRQJXFLgowBO9iCTbnmfa0k+40uRzZykbATAswDGkL+KFsZ0AsBxCVwi+\/WYOALgoE9a1VIpJE4fkFyWhOhcV30YwGavh6McgQngoJmN+pglcMlaeD\/Gt+mqEiPZuNju5VKeq26Z2fsAfnQPEHUZowH4tq41cJ1Lm7DVt5jk+YztwnAi4+uOjPl\/WTTJezM2+5\/u1s5fD4cNVpD82w8bRBnbhedJ3pwesyy4nJs+B+AzjG\/P9eL7xgC2kVyS46pjJOvTJwC8lFE6RT6mL83sbF3dc92tOFjRbX5EJso4U1XWgtNtP\/f\/t3LGEDb\/d3ds\/oeDf3eGsUqxCosVJLd0THAQ6ZtJCJzu56kJXHU41TmX5O\/eZrTjVxU6dFclFvsE30jyuIsUpQT+bpICh5h6iuQi\/4zGBA\/Zan8wxkieJbk0r51icMFYnFzsXwDPp8od9uB7E8le7ta8rDpVOv0C4B3Pql80szM+tlimWN2SQyzc7BZ4uaIFd7rqtQVd9SyS6xV3r63IH6Xi8IGKAofE7STJm4q63H76XVI\/PYWRlyMbAexCb057hPJnOYAtEyyAXP2VoUqia5x0+f1Okj9XtOBOV71GmXE9RA4rXXcVyH6LCBxc9XGSA\/3mhqeLi76aWftKl5nZkYpZLFNZ+RUAKwF86g9HQwJPsdAlMtkYyQZ++i+ciGx4PJ+J5GxWA8AcJIcD+t6KW\/08+ILWG0RsdLHgk0gO3H0P4ICZ\/TWdQtq03eJyF06PqfcjOYY737\/zRQBnkWzUHzOz4VS7xnRavNAe5nhCZgDi6bYyZdeBeMFFW4Z7JgCqrhVCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQggh+pH\/ALpuNqbKZo+rAAAAAElFTkSuQmCC\"\/>\n <img decoding=\"async\" alt=\"Kayit\" class=\"nav-logo-img nav-logo-green\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKWUlEQVR42u3cXWwc1RUA4HPOvbM7u05SUERI1TZQqVKlRKJCdhxSRbV46Q8PaSU0y0NbaEUhEIjtNFAoAY8HByhK8+skQH+gtEKqdnipAKktasU+FLCTqBTVfgG1pDQSpJSUxPbO7tx7Tx92DY7j9d9GZZ2eT7Lkh9313Tlzzz3nzowBhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgjRgsIQSI7CRYoZcGEnQ5cOioGCBb5P\/O9h\/QfuHOj87GJmeRAEKgy7tGSAFgxuGIYEANAbbXi8p6\/zmcnZef4Ur50E28LOFT3h+j9+f2DDvt6Bzi\/f86P2TzT6zIuRXkrBDYoBRYXI9vR3Hr7k0uyW999LfjHXm\/y85spE2pH19bXViu2tJPBOb3\/nn4jotwa4dLBv6I0oivhiDfCSOXPDsEvFhdh2P9B50Pf11vGx1CLw\/E5QxvFyOTVp1VkkXJ3Jquu1hz8lx6\/f9dDGod6+zjvmmMlYLAZqKaZ0WiLB1VFUMnfe37k9v0xvSybSBBHVAkoyQkANAGQNc1I2NikbwwAZz6NOQHgXAHh0dLRRAcaFQmyjCNzkeHiJFGstH+AgCFQUlUx32L4pk6U9SWIMwEKCO20qIuDkyeH7msbPVg\/vj4afDYqBiuPYnlepM+Ddj35x+d0Pb9jcHbavAQCIopJBBJYAN90LAa5du5Z37L6qDVE9hQjoLBMDNzV7mMFpT6lKYt7KLvN+GASBKgaxm\/66\/v4uBQhcGU8PZTLebxDVyPb+zqM7dl1zaOvAxiuWQoHW0oMrxgFFUeSqZ7P35XL6c2nFGkRsesyIzESAztpbd9\/z8lkIAKbPyMllobtv\/U1+zrtx7Ew1RYBlqLAj3+bdoVJzZI60LgGeq38tFGK3defVVyhFvUliHNLiU\/NHs5eNn\/NUNbFPHBw4\/mIYdum4cG5qDsOQoqhkeu7v+LzSdDitWssAmhnYGrZnTleqmYy6rjvcsCmOYxsEgZIAL1gXAQBrpXuzWZV3lt3kBkcT4bX11HyCCX8QhiH195fs9Ak+um4Ub32i3QOlntGK2qx1gPjhBotiYFIKAdjtkDV4kWtvFJVMT\/iFSxDx29WK5YVVzQ2+LCITIaaWtwxGw2dG143iDKlZxYXYZv9Ju\/28aq8kxkz\/24ioqhXLSPjV7rB9TRzHtlVbqJYcVNjfpWpxzlyX9dVKa90Ms5cBADMAAKPrVvHcc5ch42uvkqQ\/PTxw9HczpeagWKvYtz3Q\/nU\/p3uScmqQcKZeG51j6\/vaB1Cbp2QcCfB8rPswYLi5HskmWxJ0XlZxtWJOANFdM6XmMASKC7HbFnZ+Wmv9c2OcY9e4oMNakAGZvwYAMDq6iiXA84xGoRDbMFybAeYNxjACNFc5IwITIXLj1IyTaz4B\/9LL0EprHCM2Pj4MSNY4YMCrbw3b8\/UeGiXAc1fPCABwWi2\/AhE\/Y42D2Q70XMw7zjDzZeXx9FcHGqTmYjGgKCqZ7vs7wlzeuzYpn7\/uzrRhYi0DIqzOgrpy6tglwLMYXRdgfYpc6WVIMYNr6guuwOUA+FdFqjcM4bzUHASBKhRi2xOu\/5KX1WF5HsGd0nI5L6MQgNecM3YJcGNrR07VDpKDy4kQAHhxAZ5yqBXaLfuiV9+fTNdTXxXHsbv3kU2XAkCRGYAd0AJSrSMCIMBV54y9hbTs5UJEt7zJzogBAPZEr5wCgFPAgBGelw04DEOC5KXyBOBrSuNXjGG3kKUUEQGQ26QP\/phs335NjhmwcYkbQRSVkiqoG9PUntIe4UKXBeda9\/u3bIAd4BjzXJ0HNxz\/5PYhr3Abe\/o6bkEEDornbylGEbigGKjHo1dOWeO+pxQR0vyXBWYGRDorAZ53kVXrJ8nyqfrMoJl60PovHgAAxLOukhXlqR\/37mr\/ZDGI3Uw7TnEhtmHYpQcHjj2XTJgjfs7T7NjMI0GTcwzg4N35brhIkTUSMwCAJXciTa1r+uoRQdn39XJXpSO1AmvmHaeov2SDIFB6XN1VKaejmazS7GafyYhAadVZTe7E1LFLgGcRRbXi6Cwse4sdnFQKoZlWyUCqyxMp+zn9jW19678ZRSVTnCFVQ7263rfv1bKzdCMzpKSw4S4aMzilCYD5ZPr+6RNTxy4BnmNZC4qBejoqJQBwVHvEi26VPqp0MU2dU0QHtobrV4+MxDxjqo5rqfrgwNDxSup2ZnNaMbNtMEynNTIAHB0cfLNSX98lwAvphRH5uVof0twOESKATZ3LZNVKxXCodm9Vg1QdlWwYdulDDw7vTsbNH3xf6wZBxtp+Fjzfqj1wywY4qu82KXDPV8rmA6WImp0diKiScmpyOX39nX0dNzRM1QAMUHIAgMq676apO630ea0TK0VUKadnXCZ9YeqYJcDz24XiYjFQe6Pj7zHwrzNZhY1T5YI+mFLjnFZ0cNtDmy5rlKqjCFyxGNDeh469bVJ3m+cR4ZRlgpltJquQAZ4d3Pnav4JioKBFb8Jr2T54pFaRIljaU6nYKhJegFkMZFPH2axeBUllcLZUXZhsnXYdLZYnzFN+3tPMtdYJCalaMZY07G3V6rnlA1zfgKCDu4besMY9lstpmjqLmQF4EVutiKiSidTkcvqG7gc6rp8lVUPUX7JhGJKlfHclMW96GaXZcdX3NVnLT+\/vOzpSu0kAnAR4EWobEyHl21xYLpu3tacU85SKmhe3Wc2AlFrnSKtD9z68fmWjVA1Yu2vySFQas+xuYmCjM0SVxP4bsnRfGAK18uxt+QBj\/QA\/eu\/xD9jam4kQkdDxBUvVanU5gf2zperJ1mkwOvZyWrEDy5ZntHF8+8GdQ++OrguwlWdvywf43N70+IvVxO7M5T2NAKb5k6eWqjO+\/lZPuGFzFJVM0ChVRyUbhkB6TO8+\/V7l5kMPDsfMgNNvHJAAL3o9LplakIcfLo+Zn\/h5z2dm22zlWr\/thhH5yO2PbLp0baNUDcBRBG7fvlfLg7uGn2QGlEdXLnyQbVAM1IEHh7YkiflZfllGNb\/DBWSMc1lff8orJ3tnS9WTbwmKgVoqwV1SAQYAjgu1outA\/\/AtZ\/5TeQIAVlyQVJ2kJpv1vtMdbrhutlRdH4NdQsdsyV3w5\/rD2rg\/HLpNWdzGDDj9qcAFf6hDso6ZkB\/bsfuqtrgQW75I\/pfHUryjg6F+nX3fruG\/NJkumRkcIrNJbdXP6TXpWf\/JoBioQiEgCfDH3ELN93ERBnAAYJh56o8DANQaKZPVKpf3spWKnUAE78q\/n8zHcXwBnoX6+OmlPPj59KCOADMeEWsgJPxwF8w5hjS1YB2fdKn7MxH+nq194UB07G9wEbmY\/2cUAgDv2H1Vmx3LbwS0l7ODFYyMCDRGmk4RuX9AJjmx5+7XxyffFIZArb55IQFeoNpT+i8RQMldTMH9fwkwBsWApl+QH123iteOxFy\/zYblNBdCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghlpr\/Aj33LWVx7mqCAAAAAElFTkSuQmCC\"\/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"https:\/\/kayit.sn\/\">Accueil<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Produits<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/contact\/\">Contact<\/a><\/li>\n <li><a class=\"nav-cta\" href=\"https:\/\/kayit.sn\/commander\/\">Commander<\/a><\/li>\n <\/ul>\n <button class=\"nav-hamburger\" id=\"navHamburger\" aria-label=\"Menu\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/nav>\n \n \n <div class=\"mobile-nav-drawer\" id=\"mobileNavDrawer\">\n <ul class=\"mobile-nav-links\">\n <li><a href=\"https:\/\/kayit.sn\/\">Accueil<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Produits<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"https:\/\/kayit.sn\/index.php\/contact\/\">Contact<\/a><\/li>\n <li><a class=\"mobile-nav-cta\" href=\"https:\/\/kayit.sn\/commander\/\">Commander<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"mobile-nav-overlay\" id=\"mobileNavOverlay\"><\/div>\n\n <div class=\"page-wrap\">\n \n <header class=\"page-header\">\n <div class=\"eyebrow\">Commander en gros<\/div>\n <h1>Passez votre <span>commande<\/span><\/h1>\n <p>Remplissez le formulaire ci-dessous pour passer une commande group\u00e9e. Nous vous recontacterons sous 48h pour confirmer votre devis.<\/p>\n <\/header>\n\n \n <div class=\"trust-bar\">\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <div>\n <strong>Qualit\u00e9 garantie<\/strong>\n <span>Produits test\u00e9s<\/span>\n <\/div>\n <\/div>\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n <\/div>\n <div>\n <strong>Paiement s\u00e9curis\u00e9<\/strong>\n <span>Transactions crypt\u00e9es<\/span>\n <\/div>\n <\/div>\n <div class=\"tbi\">\n <div class=\"tbi-icon\">\n <svg><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n <\/div>\n <div>\n <strong>Livraison rapide<\/strong>\n <span>3-5 jours ouvr\u00e9s<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"step-bar\" id=\"stepBar\">\n <div class=\"step active\" id=\"s1\">\n <div class=\"step-num\">1<\/div>\n <span>S\u00e9lection<\/span>\n <\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step\" id=\"s2\">\n <div class=\"step-num\">2<\/div>\n <span>Informations<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"order-layout\">\n <div class=\"forms\">\n \n <div class=\"screen active\" id=\"screen1\">\n <div class=\"panel\">\n <div class=\"panel-title\">Choisissez vos produits<\/div>\n <div class=\"products-grid\" id=\"productsGrid\">\n \n <div class=\"product-card\" data-id=\"8oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">8 oz<\/div>\n <div class=\"pc-name\">Gobelet grande taille \u00b7 240 ml<\/div>\n <div class=\"pc-min\">Min. 500 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-8oz\">\n <button data-action=\"dec\" data-id=\"8oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-8oz\" value=\"500\" min=\"500\">\n <button data-action=\"inc\" data-id=\"8oz\">+<\/button>\n <\/div>\n <div class=\"couvercle-row\" id=\"couvercleRow\">\n <div class=\"couvercle-box\" id=\"couvercleBox\"><\/div>\n <div class=\"couvercle-label\">Ajouter couvercle<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"6oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">6oz<\/div>\n <div class=\"pc-name\">Gobelet caf\u00e9 allong\u00e9 \u00b7 180 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-6oz\">\n <button data-action=\"dec\" data-id=\"6oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-6oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"6oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"4oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">4oz<\/div>\n <div class=\"pc-name\">Gobelet caf\u00e9 \u00b7 120 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-4oz\">\n <button data-action=\"dec\" data-id=\"4oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-4oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"4oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\" data-id=\"2_5oz\">\n <div class=\"pc-check\"><\/div>\n <div class=\"pc-size\">2.5oz<\/div>\n <div class=\"pc-name\">Gobelet th\u00e9\/ataya \u00b7 75 ml<\/div>\n <div class=\"pc-min\">Min. 1 000 pcs<\/div>\n <div class=\"pc-qty\">\n <div class=\"qty-label\">Quantit\u00e9<\/div>\n <div class=\"stepper\" id=\"step-2_5oz\">\n <button data-action=\"dec\" data-id=\"2_5oz\">\u2212<\/button>\n <input type=\"number\" id=\"qty-2_5oz\" value=\"1000\" min=\"1000\">\n <button data-action=\"inc\" data-id=\"2_5oz\">+<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"err\" id=\"err-products\">Veuillez s\u00e9lectionner au moins un produit<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"screen\" id=\"screen2\">\n <div class=\"panel\">\n <div class=\"panel-title\">Vos informations<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Pr\u00e9nom<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-prenom\" placeholder=\"Jean\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-nom\" placeholder=\"Dupont\">\n <div class=\"err\" id=\"err-nom\">Ce champ est requis<\/div>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Email <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" class=\"field-input\" id=\"f-email\" placeholder=\"jean@exemple.com\">\n <div class=\"err\" id=\"err-email\">Email invalide<\/div>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" class=\"field-input\" id=\"f-tel\" placeholder=\"+221 XX XXX XX XX\">\n <\/div>\n <\/div>\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label class=\"form-label\">Entreprise<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-entreprise\" placeholder=\"Nom de votre entreprise\">\n <\/div>\n <\/div>\n <div class=\"form-row full\">\n <div class=\"form-group\">\n <label class=\"form-label\">Adresse de livraison<\/label>\n <input type=\"text\" class=\"field-input\" id=\"f-adresse\" placeholder=\"Rue, ville, code postal\">\n <\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Type de client <span class=\"req\">*<\/span><\/label>\n <div class=\"radio-group\" id=\"typeGroup\">\n <div class=\"radio-pill\" data-val=\"restaurant\">Restaurant<\/div>\n <div class=\"radio-pill\" data-val=\"traiteur\">Traiteur<\/div>\n <div class=\"radio-pill\" data-val=\"epicerie\">\u00c9picerie<\/div>\n <div class=\"radio-pill\" data-val=\"autre\">Autre<\/div>\n <\/div>\n <input type=\"hidden\" id=\"f-type\">\n <div class=\"err\" id=\"err-type\">Veuillez s\u00e9lectionner votre type<\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"obs-section\">\n <div class=\"obs-header\">\n <div class=\"obs-title\">Observations (optionnel)<\/div>\n <div class=\"obs-toggle\" id=\"obsToggle\">Ajouter<\/div>\n <\/div>\n <div class=\"obs-body\" id=\"obsBody\">\n <textarea class=\"field-input\" id=\"obs-input\" placeholder=\"Pr\u00e9cisions, demandes sp\u00e9ciales...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\">\n <svg><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <h2>Commande envoy\u00e9e !<\/h2>\n <p>Merci pour votre commande. Notre \u00e9quipe reviendra vers vous sous 48h avec un devis d\u00e9taill\u00e9.<\/p>\n <a href=\"\/\" class=\"main-btn\">Retour \u00e0 l'accueil<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"summary\" id=\"summaryPanel\">\n <div class=\"summary-title\">R\u00e9capitulatif<\/div>\n <div class=\"summary-img\">\n <img decoding=\"async\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Boxes-2.jpg\" alt=\"Products\">\n <\/div>\n <div class=\"summary-empty\" id=\"summaryEmpty\">Aucun produit s\u00e9lectionn\u00e9<\/div>\n <div class=\"summary-lines\" id=\"summaryLines\"><\/div>\n <div class=\"summary-total\" id=\"summaryTotal\">\n <div class=\"st-row\">\n <span class=\"st-label\">Total<\/span>\n <\/div>\n <div class=\"st-val\" id=\"totalVal\">0 pcs<\/div>\n <\/div>\n <button class=\"main-btn\" id=\"mainBtn\">Suivant<\/button>\n <div class=\"back-link\" id=\"backLink\">\u2190 Retour<\/div>\n <div class=\"contact-recap\" id=\"contactRecap\">\n <div class=\"recap-title\">Vos coordonn\u00e9es<\/div>\n <div class=\"recap-lines\" id=\"contactRecapLines\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function() {\n\nconst $ = (sel) => document.querySelector(sel);\nconst $$ = (sel) => document.querySelectorAll(sel);\n\nconst PRODUCTS = {\n '8oz': { min: 500 },\n '6oz': { min: 1000 },\n '4oz': { min: 1000 },\n '2_5oz': { min: 1000 }\n};\n\nconst LABELS = {\n '8oz': 'Pot 8oz',\n '6oz': 'Pot 6oz',\n '4oz': 'Pot 4oz',\n '2_5oz': 'Pot 2.5oz'\n};\n\nlet selected = {};\nlet couvercle = false;\nlet currentStep = 1;\n\n\/* \u2500\u2500 EVENT DELEGATION \u2500\u2500 *\/\n$$('.product-card').forEach(card => {\n card.addEventListener('click', e => {\n if (e.target.closest('.stepper') || e.target.closest('.couvercle-row')) return;\n toggleProduct(card.dataset.id);\n });\n});\n\ndocument.addEventListener('click', (e) => {\n const btn = e.target.closest('.stepper button');\n if (!btn) return;\n\n const { action, id } = btn.dataset;\n const input = document.getElementById(`qty-${id}`);\n if (!input) return;\n\n const min = PRODUCTS[id].min;\n let val = parseInt(input.value) || min;\n\n if (action === 'inc') val += 500;\n if (action === 'dec') val -= 500;\n\n input.value = Math.max(val, min);\n\n updateStepperState(id);\n updateSummary();\n});\n\ndocument.addEventListener('input', (e) => {\n if (!e.target.matches('.stepper input')) return;\n\n const id = e.target.id.replace('qty-', '');\n const min = PRODUCTS[id].min;\n\n let val = parseInt(e.target.value) || min;\n val = Math.max(val, min);\n\n e.target.value = val;\n\n \/\/ \ud83d\udd25 THIS IS THE FIX (important)\n selected[id] = val;\n\n updateStepperState(id);\n updateSummary();\n});\n\n$('#couvercleRow').addEventListener('click', (e) => {\n e.stopPropagation();\n couvercle = !couvercle;\n $('#couvercleBox').classList.toggle('on', couvercle);\n updateSummary();\n});\n\n$$('#typeGroup .radio-pill').forEach(pill => {\n pill.addEventListener('click', () => {\n $$('#typeGroup .radio-pill').forEach(p => p.classList.remove('on'));\n pill.classList.add('on');\n $('#f-type').value = pill.dataset.val;\n $('#err-type').classList.remove('show');\n });\n});\n\n$('#mainBtn').addEventListener('click', handleMainBtn);\n$('#backLink').addEventListener('click', goBack);\n\n$('#obsToggle').addEventListener('click', () => {\n const body = $('#obsBody');\n const toggle = $('#obsToggle');\n const isOpen = body.classList.toggle('show');\n toggle.textContent = isOpen ? 'Masquer' : 'Ajouter';\n});\n\nfunction toggleProduct(id) {\n const card = $(`.product-card[data-id=\"${id}\"]`);\n if (selected[id]) {\n delete selected[id];\n card.classList.remove('selected');\n } else {\n card.classList.add('selected');\n selected[id] = PRODUCTS[id].min;\n $(`#qty-${id}`).value = PRODUCTS[id].min;\n updateStepperState(id);\n }\n updateSummary();\n}\n\nfunction updateStepperState(id) {\n const { min } = PRODUCTS[id];\n const val = parseInt($(`#qty-${id}`).value);\n const stepper = $(`#step-${id}`);\n stepper.classList.toggle('at-min', val <= min);\n}\n\nfunction updateSummary() {\n const ids = Object.keys(selected);\n const linesEl = $('#summaryLines');\n const emptyEl = $('#summaryEmpty');\n const totalEl = $('#summaryTotal');\n\n if (ids.length === 0) {\n linesEl.style.display = 'none';\n emptyEl.style.display = 'block';\n totalEl.style.display = 'none';\n return;\n }\n\n emptyEl.style.display = 'none';\n linesEl.style.display = 'flex';\n totalEl.style.display = 'flex';\n\n let html = '';\n let total = 0;\n ids.forEach(id => {\n const qty = parseInt($(`#qty-${id}`).value) || PRODUCTS[id].min;\n total += qty;\n let label = LABELS[id];\n if (id === '8oz' && couvercle) label += ' + couvercle';\n html += `<div class=\"summary-line\"><span class=\"sl-label\">${label}<\/span><span class=\"sl-val\">${qty.toLocaleString('fr-FR')} pcs<\/span><\/div>`;\n });\n\n linesEl.innerHTML = html;\n $('#totalVal').textContent = total.toLocaleString('fr-FR') + ' pcs';\n}\n\nfunction handleMainBtn() {\n if (currentStep === 1) {\n if (Object.keys(selected).length === 0) {\n $('#err-products').classList.add('show');\n return;\n }\n $('#err-products').classList.remove('show');\n goToStep2();\n } else {\n submitOrder();\n }\n}\n\nfunction goToStep2() {\n currentStep = 2;\n $('#screen1').classList.remove('active');\n $('#screen2').classList.add('active');\n $('#s1').classList.remove('active');\n $('#s1').classList.add('done');\n $('#s2').classList.add('active');\n $('#mainBtn').textContent = 'Passer la commande';\n $('#backLink').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction goBack() {\n currentStep = 1;\n $('#screen2').classList.remove('active');\n $('#screen1').classList.add('active');\n $('#s1').classList.add('active');\n $('#s1').classList.remove('done');\n $('#s2').classList.remove('active');\n $('#mainBtn').textContent = 'Suivant';\n $('#backLink').style.display = 'none';\n $('#contactRecap').style.display = 'none';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction submitOrder() {\n let valid = true;\n const nom = $('#f-nom');\n const email = $('#f-email');\n\n if (!nom.value.trim()) {\n nom.classList.add('invalid');\n $('#err-nom').classList.add('show');\n valid = false;\n } else {\n nom.classList.remove('invalid');\n $('#err-nom').classList.remove('show');\n }\n\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email.value.trim())) {\n email.classList.add('invalid');\n $('#err-email').classList.add('show');\n valid = false;\n } else {\n email.classList.remove('invalid');\n $('#err-email').classList.remove('show');\n }\n\n const type = $('#f-type').value;\n if (!type) {\n $('#err-type').classList.add('show');\n valid = false;\n }\n\n if (!valid) return;\n\n const productLines = Object.keys(selected).map(id => {\n const qty = $(`#qty-${id}`).value || PRODUCTS[id].min;\n let line = LABELS[id] + ': ' + qty + ' pcs';\n if (id === '8oz' && couvercle) line += ' (avec couvercle)';\n return line;\n }).join('\\n');\n\n \/* Prepare form data for WordPress *\/\n const formData = new FormData();\n formData.append('action', 'kayit_submit_order');\n formData.append('prenom', $('#f-prenom').value || '');\n formData.append('nom', nom.value);\n formData.append('email', email.value);\n formData.append('telephone', $('#f-tel').value || '');\n formData.append('entreprise', $('#f-entreprise').value || '');\n formData.append('adresse', $('#f-adresse').value || '');\n formData.append('type', type);\n formData.append('produits', productLines);\n formData.append('observations', $('#obs-input').value || '');\n\n \/* Show loading state *\/\n const mainBtn = $('#mainBtn');\n const originalText = mainBtn.textContent;\n mainBtn.textContent = 'Envoi en cours...';\n mainBtn.disabled = true;\n\n \/* Submit to WordPress *\/\n fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n \/* Show success *\/\n $('#screen2').style.display = 'none';\n $('#successScreen').classList.add('show');\n $('#stepBar').style.display = 'none';\n $('#summaryPanel').style.display = 'none';\n } else {\n alert('Erreur lors de l\\'envoi. Veuillez r\u00e9essayer ou nous contacter directement.');\n mainBtn.textContent = originalText;\n mainBtn.disabled = false;\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Erreur de connexion. Veuillez v\u00e9rifier votre connexion internet et r\u00e9essayer.');\n mainBtn.textContent = originalText;\n mainBtn.disabled = false;\n });\n\n \/* Contact recap *\/\n const recapBox = $('#contactRecap');\n const recapLines = $('#contactRecapLines');\n const fields = [\n ['Nom', [($('#f-prenom').value||''), nom.value].filter(Boolean).join(' ')],\n ['Email', email.value],\n ['T\u00e9l\u00e9phone', $('#f-tel').value],\n ['Entreprise', $('#f-entreprise').value],\n ['Adresse', $('#f-adresse').value],\n ];\n recapLines.innerHTML = fields\n .filter(([,v]) => v)\n .map(([k,v]) => `<div class=\"recap-item\"><span class=\"recap-key\">${k}<\/span><span class=\"recap-val\">${v}<\/span><\/div>`)\n .join('');\n recapBox.style.display = 'block';\n}\nfunction preselectFromURL() {\n const params = new URLSearchParams(window.location.search);\n const product = params.get('product');\n\n if (!product) return;\n\n \/\/ small delay to ensure DOM is ready\n setTimeout(() => {\n if (document.querySelector(`.product-card[data-id=\"${product}\"]`)) {\n toggleProduct(product);\n }\n }, 300);\n}\n\npreselectFromURL();\n})();\n<\/script>\n\n\n<footer>\n<div class=\"footer-brand\">\n<img decoding=\"async\" \n src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/KAYITeco-logo-icone_blanc_marges.png\" \n id=\"ka-footer-logo\" \n alt=\"Kayiteco \u2014 Gobelets papier biod\u00e9gradables S\u00e9n\u00e9gal\" \n itemprop=\"logo\"\n loading=\"lazy\"\n width=\"120\"\n \/>\n<\/div>\n<div class=\"footer-info\" style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.30)!important;text-align:center!important;line-height:1.8!important;font-family:'DM Sans',sans-serif!important;\">11,7 KM Route de Rufisque \u00b7 Dakar, S\u00e9n\u00e9gal<br\/>77 474 08 36 \u00b7 <a href=\"mailto:contact@kayit.sn\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:none!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">contact@kayit.sn<\/a><\/div>\n\n<div class=\"footer-social\">\n<a aria-label=\"Instagram Kayit\" class=\"footer-social-link\" href=\"https:\/\/www.instagram.com\/kayit_sn\/\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"><\/path><\/svg>\n<\/a>\n<a aria-label=\"TikTok Kayit\" class=\"footer-social-link\" href=\"https:\/\/www.tiktok.com\/@kayit_sn\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"><\/path><\/svg>\n<\/a>\n<a aria-label=\"YouTube Kayiteco\" class=\"footer-social-link\" href=\"https:\/\/www.youtube.com\/@KAYITECO\" rel=\"noopener\" style=\"font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.30)!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\" target=\"_blank\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path><\/svg>\n<\/a>\n<\/div>\n<\/footer>\n\n\n<script>\n\/\/ \u2500\u2500 Mobile Nav Hamburger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function(){\n var btn = document.getElementById('navHamburger');\n var drawer = document.getElementById('mobileNavDrawer');\n var overlay = document.getElementById('mobileNavOverlay');\n \n function openMenu(){\n btn.classList.add('active');\n btn.setAttribute('aria-expanded','true');\n drawer.classList.add('open');\n overlay.classList.add('open');\n document.body.style.overflow='hidden';\n }\n \n function closeMenu(){\n btn.classList.remove('active');\n btn.setAttribute('aria-expanded','false');\n drawer.classList.remove('open');\n overlay.classList.remove('open');\n document.body.style.overflow='';\n }\n \n btn.addEventListener('click', function(){\n if(drawer.classList.contains('open')){\n closeMenu();\n } else {\n openMenu();\n }\n });\n \n overlay.addEventListener('click', closeMenu);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kayit Accueil Produits \u00c0 propos Blog Contact Commander Accueil Produits \u00c0 propos Blog Contact Commander Commander en gros Passez votre commande Remplissez le formulaire ci-dessous pour passer une commande group\u00e9e. Nous vous recontacterons sous 48h pour confirmer votre devis. Qualit\u00e9 garantie Produits test\u00e9s Paiement s\u00e9curis\u00e9 Transactions crypt\u00e9es Livraison rapide 3-5 jours ouvr\u00e9s 1 S\u00e9lection 2 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":46,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"predecessor-version":[{"id":887,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions\/887"}],"wp:attachment":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}