{"id":579,"date":"2026-04-05T14:44:50","date_gmt":"2026-04-05T14:44:50","guid":{"rendered":"https:\/\/kayit.sn\/?page_id=579"},"modified":"2026-04-12T02:01:33","modified_gmt":"2026-04-12T02:01:33","slug":"accueil","status":"publish","type":"page","link":"https:\/\/kayit.sn\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\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:root{\n --olive:#528529;--olive-dark:#3a5e1e;--olive-mid:#6aaa33;\n --taupe:#826F5E;--amber:#D17D12;--cream:#f7f3ec;\n --text:#2a2218;--text-muted:#6b5e52;--white:#ffffff;\n}\nhtml{scroll-behavior:smooth}\n\n\/* \u2500\u2500 LAYOUT SYSTEM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}\n.section-pad{padding:80px 0}\n\nbody{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}\n\n\/* \u2500\u2500 NAV \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\u2500\u2500\u2500 *\/\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{\n display:flex;\n align-items:center;\n text-decoration:none;\n height:52px;\n width:110px;\n flex-shrink:0;\n position:relative;\n}\n\nnav#mainNav .nav-logo-img{\n height:68px;\n width:auto;\n max-width:110px;\n display:block;\n object-fit:contain;\n}\nnav#mainNav .nav-links{display:flex;gap:32px;list-style:none;align-items:center}\nnav#mainNav .nav-links a{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text)!important;text-decoration:none;transition:color .3s}\nnav#mainNav .nav-links a:hover{color:var(--olive)!important}\nnav#mainNav .nav-cta{background:var(--olive-dark)!important;color:#ffffff!important;padding:10px 16px;border-radius:2px;font-weight:600;transition:background .3s}\nnav#mainNav .nav-cta:hover{background:var(--olive)!important;color:#ffffff!important}\n\n\/* \u2500\u2500 HERO \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\u2500\u2500 *\/\n.hero{\n position:relative;\n height:100vh;\n min-height:700px;\n display:flex;\n align-items:flex-end;\n overflow:hidden;\n padding-top:80px;\n}\n.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 5%;transform:scale(1.05);animation:heroZoom 8s ease-out forwards}\n@keyframes heroZoom{to{transform:scale(1)}}\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,5,0.90) 0%,rgba(10,20,5,0.42) 52%,rgba(10,20,5,0.08) 100%)}\n.hero-content{position:relative;z-index:2;padding:0 60px 120px;max-width:820px}\n.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:20px;opacity:0;animation:fadeUp .8s .3s ease forwards}\n.hero-eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--amber)}\n.hero h1{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(56px,7vw,100px);\n font-weight:800;\n line-height:.92;\n letter-spacing:-.5px;\n text-transform:uppercase;\n color:var(--white);\n margin-bottom:28px;\n opacity:0;\n animation:fadeUp .8s .5s ease forwards;\n}\n.hero h1 span{\n color:rgba(255,255,255,0.42);\n}\n.hero-sub{font-size:16px;font-weight:300;line-height:1.72;color:rgba(255,255,255,0.70);max-width:500px;margin-bottom:44px;opacity:0;animation:fadeUp .8s .7s ease forwards}\n.hero-actions{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .9s ease forwards}\n.hero-scroll{position:absolute;bottom:40px;right:60px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp .8s 1.2s ease forwards}\n.hero-scroll span{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.38);writing-mode:vertical-rl}\n.hero-scroll-line{width:1px;height:50px;background:rgba(255,255,255,0.18);position:relative;overflow:hidden}\n.hero-scroll-line::after{content:'';position:absolute;top:-100%;left:0;right:0;height:100%;background:var(--white);animation:scrollLine 2s 1.5s ease-in-out infinite}\n@keyframes scrollLine{to{top:200%}}\n\n\/* \u2500\u2500 HERO FIX \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 *\/\n\n\/* prevent horizontal cut on mobile *\/\n.hero{\n width:100%;\n overflow:hidden;\n}\n\n\/* ensure bg behaves correctly *\/\n.hero-bg{\n display:flex;\n align-items:flex-end;\n justify-content:flex-start;\n}\n\n.hero-content{\n position:relative;\n z-index:2;\n width:100%;\n box-sizing:border-box;\n padding:120px 60px 120px;\n max-width:820px;\n}\n\n\n\/* \u2500\u2500 BUTTONS \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 *\/\n.btn-sm{display:inline-block;padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;white-space:nowrap;width:fit-content;text-align:center;transition:background .3s,transform .2s;align-self:flex-start}\n.btn-md{display:inline-block;padding:14px 24px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;white-space:nowrap;width:fit-content;text-align:center;transition:background .3s,transform .2s;align-self:flex-start}\n.btn-lg{display:inline-block;padding:18px 32px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;white-space:nowrap;width:fit-content;text-align:center;transition:background .3s,transform .2s;align-self:flex-start}\n.btn-olive{background:var(--olive);color:var(--white)}\n.btn-olive:hover{background:var(--olive-dark);transform:translateY(-2px)}\n.btn-olive-dark{background:var(--olive-dark);color:var(--white)}\n.btn-olive-dark:hover{background:var(--olive)}\n.btn-amber{background:#D17D12!important;color:#ffffff!important;border:none!important;border-radius:2px!important}\n.btn-amber:hover{background:#b56a0e!important;color:#ffffff!important;transform:translateY(-2px)}\n.btn-ghost-w{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.36)}\n.btn-ghost-w:hover{background:rgba(255,255,255,0.08);border-color:var(--white)}\n.btn-outline-w{background:transparent;color:rgba(255,255,255,0.78);border:1px solid rgba(255,255,255,0.26)}\n.btn-outline-w:hover{background:rgba(255,255,255,0.08);border-color:var(--white)}\n.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}\nbutton.btn-sm,button.btn-md,button.btn-lg{width:auto;display:inline-block}\n\n\n\/* \u2500\u2500 TRUST STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.trust-strip{background:var(--olive-dark);display:flex}\n\/* \u2500\u2500 MAX WIDTH CONTAINERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.container{max-width:1200px;margin:0 auto;width:100%;padding:0 60px}\n\/* Split sections: cap total width *\/\n.product-intro,.cup8oz-section,.ecology,.custom-section{max-width:none}\n.cta-section{max-width:1200px;margin:0 auto}\n\n.trust-strip{align-items:stretch}\n.trust-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px;border-right:1px solid rgba(255,255,255,0.1);text-align:center;min-height:80px}\n.trust-item:last-child{border-right:none}\n.trust-num{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;letter-spacing:1px;color:var(--white);line-height:1;white-space:nowrap}\n.trust-num.sn{font-size:22px;letter-spacing:2px}\n.trust-label{font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,0.42);margin-top:6px;white-space:nowrap}\n\n\/* \u2500\u2500 SECTION HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.section-eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--olive)}\n.section-eyebrow::before{content:'';display:block;width:20px;height:1px;background:currentColor}\n.section-eyebrow.amber{color:var(--amber)}\n.section-eyebrow.taupe{color:var(--taupe)}\nh2.headline{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,4.5vw,62px);font-weight:800;letter-spacing:-.3px;text-transform:uppercase;line-height:.96;color:var(--olive-dark);margin-bottom:24px}\nh2.headline-white{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,4.5vw,62px);font-weight:800;letter-spacing:-.3px;text-transform:uppercase;line-height:.96;color:var(--white);margin-bottom:24px}\nh2.headline span.accent{color:var(--amber)}\nh2.headline-white span.dim{color:rgba(255,255,255,0.42)}\n.body-p{font-size:15px;font-weight:300;line-height:1.78;color:var(--text-muted);margin-bottom:24px;max-width:440px}\n.body-p-w{font-size:15px;font-weight:300;line-height:1.78;color:rgba(255,255,255,0.60);margin-bottom:32px;max-width:440px}\n\n\/* \u2500\u2500 PRODUCT INTRO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.product-intro{display:grid;grid-template-columns:1fr 1fr;height:600px}\n.product-intro-image{background-size:cover;background-position:center;height:100%}\n.product-intro-content{background:var(--cream);padding:80px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}\n.feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}\n.feature-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--text)}\n.feature-dot{width:7px;height:7px;border-radius:50%;background:var(--olive);flex-shrink:0}\n\n\/* \u2500\u2500 8OZ \u2014 CLEAN SPLIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cup8oz-section{\n background:var(--olive-dark);\n display:grid;grid-template-columns:1fr 1fr;\n min-height:580px;overflow:hidden;\n}\n.cup8oz-img-col{\n display:flex;align-items:center;justify-content:center;\n padding:64px 40px;\n background:rgba(0,0,0,0.12);\n position:relative;\n}\n.cup8oz-glow{\n position:absolute;\n width:360px;height:360px;border-radius:50%;\n background:radial-gradient(ellipse,rgba(82,133,41,0.30) 0%,transparent 70%);\n pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);\n}\n.cup8oz-img{\n max-height:400px;width:auto;max-width:90%;\n object-fit:contain;\n filter:drop-shadow(-20px 24px 48px rgba(0,0,0,0.65));\n display:block;position:relative;z-index:2;\n}\n.cup8oz-badge{\n position:absolute;top:28px;right:28px;\n width:100px;height:100px;border-radius:50%;\n background:var(--amber);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n z-index:10;box-shadow:0 6px 28px rgba(209,125,18,0.55);\n}\n.cup8oz-badge .badge-num{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:var(--white);line-height:1}\n.cup8oz-badge .badge-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.90);font-weight:600;margin-top:2px}\n.cup8oz-content-outer{\n padding:64px 56px;\n display:flex;flex-direction:column;justify-content:center;align-items:flex-start;\n}\n.cup8oz-specs{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}\n.cup8oz-spec{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:rgba(255,255,255,0.75)}\n.cup8oz-spec-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0;margin-top:5px}\n\n\/* \u2500\u2500 CARTON SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.carton-section{padding:80px 0;background:var(--cream)}\n.carton-inner{max-width:1200px;margin:0 auto;padding:0 60px}\n.carton-header{text-align:center;margin-bottom:48px}\n.carton-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}\n.carton-split-img{border-radius:4px;overflow:hidden;height:380px}\n.carton-split-img img{width:100%;height:100%;object-fit:cover}\n.carton-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:380px}\n.carton-img-grid img{width:100%;height:100%;object-fit:cover;border-radius:3px}\n.carton-split-content{display:flex;flex-direction:column;gap:0}\n.carton-card-tag{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:flex;align-items:center;gap:8px}\n.carton-card-tag::before{content:'';display:block;width:16px;height:1px;background:var(--amber)}\n.carton-card-title{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;color:var(--olive-dark);line-height:1.05;margin-bottom:14px}\n.carton-card-desc{font-size:14px;font-weight:300;color:var(--text-muted);line-height:1.78;margin-bottom:24px}\n.carton-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(82,133,41,0.08);border-radius:40px;padding:6px 14px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);margin-bottom:8px;width:fit-content}\n.carton-badge svg{width:12px;height:12px;fill:var(--olive)}\n.carton-bottom{text-align:center;margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}\n.carton-bottom p{font-size:15px;font-weight:300;color:var(--text-muted);margin-bottom:24px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.7}\n@media(max-width:768px){.carton-inner{padding:0 20px}.carton-split{grid-template-columns:1fr;gap:24px}.carton-split-img{height:240px}}\n\n\/* \u2500\u2500 USE CASES \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 *\/\n.use-cases{padding:80px 0;background:var(--white)}\n.use-cases-header{text-align:center;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 60px}\n.use-cases-header h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,80px);font-weight:800;text-transform:uppercase;letter-spacing:-.3px;color:var(--olive-dark);margin-bottom:14px;line-height:.95}\n.use-cases-header p{font-size:15px;color:var(--text-muted);font-weight:300;max-width:480px;margin:0 auto}\n.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin:0 auto;padding:0 60px}\n.use-card{position:relative;overflow:hidden;border-radius:3px;cursor:pointer}\n.use-card-img{width:100%;aspect-ratio:3\/4;object-fit:cover;transform:scale(1.05);transition:transform .6s ease;display:block}\n.use-card:hover .use-card-img{transform:scale(1.0)}\n.use-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,5,0.88) 0%,rgba(10,20,5,0.06) 58%)}\n.use-card-content{position:absolute;bottom:0;left:0;right:0;padding:22px}\n.use-card-tag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:7px;font-weight:600}\n.use-card h3{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--white);line-height:1.1}\n.use-card p{font-size:12px;font-weight:300;color:rgba(255,255,255,0.65);margin-top:6px;line-height:1.5}\n\n\/* \u2500\u2500 ECOLOGY \u2014 scroll fx \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ecology{display:grid;grid-template-columns:1fr 1fr;height:600px;position:relative;margin-top:0;padding-top:0}.ecology-content{background:var(--olive-dark);padding:80px 56px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;box-sizing:border-box}\n.ecology-visual{position:relative;overflow:hidden}\n.ecology-visual-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}\n.ecology-visual-tint{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,var(--olive-dark) 100%)}\n\/* The big headline with fade-on-scroll words *\/\n.eco-headline{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(44px,5vw,68px);font-weight:800;\n letter-spacing:-.3px;text-transform:uppercase;line-height:.96;\n color:var(--white);margin-bottom:20px;\n}\n.eco-word{display:inline;transition:color .05s linear}\n.eco-word.fading{color:rgba(255,255,255,0.18)}\n\n\/* Scrolling ticker *\/\n.eco-ticker-wrap{\n overflow:hidden;height:28px;margin-bottom:24px;\n mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);\n}\n.eco-ticker{\n display:flex;gap:40px;white-space:nowrap;\n animation:ticker 18s linear infinite;\n will-change:transform;\n}\n.eco-ticker-item{\n font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;\n color:rgba(255,255,255,0.35);flex-shrink:0;\n display:flex;align-items:center;gap:10px;\n}\n.eco-ticker-item::before{content:'\u00b7';color:var(--amber)}\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n\n.ecology-stats{display:flex;flex-direction:column;gap:0;margin-bottom:24px;padding-bottom:24px}\n.eco-stat{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.08)}\n.eco-stat:last-child{border-bottom:none}\n.eco-stat .stat-num{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;letter-spacing:1px;color:var(--white);line-height:1;min-width:64px;text-align:right;flex-shrink:0}\n.stat-num-sm{font-size:22px;letter-spacing:.3px}\n.eco-stat .stat-label{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.45)}\n\n\/* \u2500\u2500 CUSTOM \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 *\/\n.custom-section{display:grid;grid-template-columns:1fr 1fr;height:600px}\n.custom-content{background:var(--cream);padding:80px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}\n.custom-pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}\n.custom-pill{padding:7px 14px;border:1px solid var(--olive);border-radius:40px;font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--olive-dark)}\n.custom-visual{position:relative;overflow:hidden;background:var(--taupe);display:flex;align-items:center;justify-content:center}\n.custom-visual-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.18}\n.custom-visual-inner{position:relative;z-index:1;text-align:center;padding:40px 44px}\n.custom-quote{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,3.2vw,48px);font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--white);line-height:1.1;margin-bottom:18px}\n.custom-sub{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,0.5)}\n\n\/* \u2500\u2500 CTA \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\u2500\u2500\u2500 *\/\n.cta-section{background:var(--olive-dark);padding:80px 60px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.cta-image{border-radius:3px;overflow:hidden;height:440px}\n.cta-image img{width:100%;height:100%;object-fit:cover}\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{background:#1e2e10;padding:40px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}\n.footer-brand{display:flex;align-items:center}\n.footer-logo-img{height:80px;width:auto}\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-links{display:flex;gap:22px}\n.footer-links a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,0.30);text-decoration:none;transition:color .3s}\n.footer-links a:hover{color:var(--white)}\n.footer-social{display:flex;gap:14px;align-items:center}\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,background .3s;border-radius:50%}.footer-social-link:hover{color:var(--white);background:rgba(255,255,255,0.08)}\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@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\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 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.mobile-nav-drawer{\n display:none;position:fixed;top:0;right:0;bottom:0;\n width:min(300px,85vw);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.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.mobile-nav-overlay{\n display:none;position:fixed;inset:0;z-index:199;\n background:rgba(10,20,5,0.48);\n opacity:0;transition:opacity .3s;\n}\n.mobile-nav-overlay.open{opacity:1}\n\n@media(max-width:900px){\n nav{padding:14px 20px}\n nav.scrolled{padding:10px 20px}\n\n nav#mainNav .nav-links{\n display:none !important;\n }\n .nav-brand{height:56px} .nav-logo-img{height:56px}\n .nav-hamburger{display:flex}\n .mobile-nav-drawer{display:block}\n .mobile-nav-overlay{\n display:block;\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 .hero-content{\n padding:120px 24px 80px;\n max-width:100%;\n}\n.hero{\n height:auto;\n min-height:100vh;\n align-items:flex-end;\n}\n\n.hero h1{\n font-size:clamp(42px,12vw,64px) !important;\n line-height:1.05 !important;\n}\n\n.hero-sub{\n font-size:15px !important;\n line-height:1.6 !important;\n}\n\n.hero-scroll{\n right:20px;\n bottom:20px;\n}\n .trust-strip{padding:16px;flex-wrap:wrap}\n .trust-item{min-width:50%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.08)}\n .product-intro,.cup8oz-section,.ecology,.custom-section,.cta-section{grid-template-columns:1fr;height:auto}\n .product-intro-image{height:280px}\n .cta-image{height:280px}\n .product-intro-content,.cup8oz-content-outer,.ecology-content,.custom-content{padding:60px 24px}\n .cup8oz-sticky-outer{height:320px}\n .use-cases{padding:60px 0}\n .use-cases-header{padding:0 20px}\n .use-cases-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 20px;max-width:100%}\n .cta-section{padding:80px 24px;gap:40px}\n footer{flex-direction:column;gap:18px;padding:36px 22px;text-align:center}\n .footer-links{flex-wrap:wrap;justify-content:center}\n}\n@media(max-width:500px){\n .use-cases-grid{grid-template-columns:1fr}\n .trust-item{min-width:100%}\n .hero h1{font-size:clamp(52px,14vw,80px)}\n nav#mainNav{padding:10px 16px}\n}\n\/* FORCE SQUARE IMAGES (override Elementor\/theme) *\/\n.ecology-visual-img,\n.ecology img,\nimg {\n border-radius: 0 !important;\n}\n<\/style>\n<\/head>\n<body>\n<!-- NAV -->\n<nav id=\"mainNav\">\n<a class=\"nav-brand\" href=\"https:\/\/kayit.sn\/\">\n <img decoding=\"async\" alt=\"Kayit\" class=\"nav-logo-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/KAYITeco-logo-complet_vert2_marges.png\">\n<\/a>\n<ul class=\"nav-links\">\n<li><a href=\"https:\/\/kayit.sn\/\" style=\"font-size:11px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#2a2218!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">Accueil<\/a><\/li>\n<li><a href=\"https:\/\/kayit.sn\/index.php\/produits\/\" style=\"font-size:11px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#2a2218!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">Produits<\/a><\/li>\n<li><a href=\"https:\/\/kayit.sn\/index.php\/a-propos\/\" style=\"font-size:11px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#2a2218!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">\u00c0 propos<\/a><\/li>\n<li><a href=\"https:\/\/kayit.sn\/blog\/\" style=\"font-size:11px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#2a2218!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">Blog<\/a><\/li>\n<li><a href=\"https:\/\/kayit.sn\/index.php\/contact\/\" style=\"font-size:11px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#2a2218!important;text-decoration:none!important;font-family:'DM Sans',sans-serif!important;\">Contact<\/a><\/li>\n<li><a class=\"nav-cta\" href=\"https:\/\/kayit.sn\/index.php\/commander\/\" style=\"background:#3a5e1e!important;color:#ffffff!important;padding:10px 16px!important;border-radius:2px!important;font-weight:600!important;font-family:'DM Sans',sans-serif!important;\">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<!-- Mobile Nav Drawer -->\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\/index.php\/commander\/\">Commander<\/a><\/li>\n <\/ul>\n<\/div>\n<div class=\"mobile-nav-overlay\" id=\"mobileNavOverlay\"><\/div>\n<section class=\"hero\">\n <div class=\"hero-bg\" style=\"background-image:url('https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Hero-Kayit.jpg')\">\n \n <div class=\"hero-overlay\"><\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Fabriqu\u00e9 au S\u00e9n\u00e9gal<\/div>\n\n <h1>\n LE GOBELET<br>\n <span>SANS PLASTIQUE,<\/span><br>\n SANS COMPROMIS.\n <\/h1>\n\n <p class=\"hero-sub\">\n Biod\u00e9gradable, assembl\u00e9 par ultrasons, livr\u00e9 en pack. La solution \u00e9ko-responsable pour votre caf\u00e9, restaurant ou \u00e9v\u00e9nement.\n <\/p>\n\n <div class=\"btn-row\">\n <a class=\"btn-lg btn-olive\" href=\"https:\/\/kayit.sn\/index.php\/commander\/\">Commander maintenant<\/a>\n <a class=\"btn-lg btn-ghost-w\" href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Voir les produits<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\">\n <div class=\"hero-scroll-line\"><\/div>\n <span>D\u00e9filer<\/span>\n <\/div>\n\n <\/div>\n<\/section>\n<!-- TRUST STRIP -->\n<div class=\"trust-strip\">\n<div class=\"trust-item\"><div class=\"trust-num\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:32px!important;font-weight:800!important;letter-spacing:1px!important;color:#ffffff!important;line-height:1!important;white-space:nowrap!important;\">4<\/div><div class=\"trust-label\" style=\"font-size:10px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.42)!important;margin-top:6px!important;white-space:nowrap!important;font-family:'DM Sans',sans-serif!important;\">Tailles disponibles<\/div><\/div>\n<div class=\"trust-item\"><div class=\"trust-num trust-num-sm\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:32px!important;font-weight:800!important;letter-spacing:1px!important;color:#ffffff!important;line-height:1!important;white-space:nowrap!important;\">Biod\u00e9gradable<\/div><\/div>\n<div class=\"trust-item\"><div class=\"trust-num\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:32px!important;font-weight:800!important;letter-spacing:1px!important;color:#ffffff!important;line-height:1!important;white-space:nowrap!important;\">0<\/div><div class=\"trust-label\" style=\"font-size:10px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.42)!important;margin-top:6px!important;white-space:nowrap!important;font-family:'DM Sans',sans-serif!important;\">Colle, z\u00e9ro plastique<\/div><\/div>\n<div class=\"trust-item\"><div class=\"trust-num sn\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:32px!important;font-weight:800!important;letter-spacing:1px!important;color:#ffffff!important;line-height:1!important;white-space:nowrap!important;\">S\u00c9N\u00c9GAL<\/div><div class=\"trust-label\" style=\"font-size:10px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.42)!important;margin-top:6px!important;white-space:nowrap!important;font-family:'DM Sans',sans-serif!important;\">Origine<\/div><\/div>\n<\/div>\n<!-- PRODUCT INTRO -->\n<section class=\"product-intro\" id=\"produits\">\n<div class=\"product-intro-image\" style=\"background-image:url('https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Produits-Kayit.jpg')\"><\/div><div class=\"product-intro-content\">\n<div class=\"section-eyebrow\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#528529!important;font-family:'DM Sans',sans-serif!important;\">Nos gobelets<\/div>\n<h2 class=\"headline\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,4.5vw,62px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#3a5e1e!important;margin-bottom:24px!important;\"><span class=\"accent\" style=\"color:#D17D12!important;\">2.5oz<\/span>, <span class=\"accent\" style=\"color:#D17D12!important;\">4oz<\/span>,<br\/><span class=\"accent\" style=\"color:#D17D12!important;\">6oz<\/span>, et <span class=\"accent\" style=\"color:#D17D12!important;\">8oz<\/span><\/h2>\n<p class=\"body-p\" style=\"font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:#6b5e52!important;margin-bottom:24px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Con\u00e7us pour les boissons chaudes et froides, nos gobelets en carton sont assembl\u00e9s par ultrasons, sans colle, sans r\u00e9sidu nocif. Votre boisson reste pure, votre plan\u00e8te aussi.<\/p>\n<div class=\"feature-list\">\n<div class=\"feature-item\" style=\"display:flex!important;align-items:center!important;gap:12px!important;font-size:13px!important;font-weight:500!important;color:#2a2218!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"feature-dot\"><\/div>Carton certifi\u00e9 biod\u00e9gradable et compostable<\/div>\n<div class=\"feature-item\" style=\"display:flex!important;align-items:center!important;gap:12px!important;font-size:13px!important;font-weight:500!important;color:#2a2218!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"feature-dot\"><\/div>Assemblage par ultrasons, sans colle<\/div>\n<div class=\"feature-item\" style=\"display:flex!important;align-items:center!important;gap:12px!important;font-size:13px!important;font-weight:500!important;color:#2a2218!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"feature-dot\"><\/div>Options avec ou sans couvercle carton<\/div>\n<div class=\"feature-item\" style=\"display:flex!important;align-items:center!important;gap:12px!important;font-size:13px!important;font-weight:500!important;color:#2a2218!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"feature-dot\"><\/div>Packs de 500 \u00e0 1000 pi\u00e8ces par carton<\/div>\n<\/div>\n<a class=\"btn-md btn-olive-dark\" href=\"https:\/\/kayit.sn\/index.php\/produits\/\">Voir les produits<\/a>\n<\/div>\n<\/section>\n<!-- 8OZ FEATURE -->\n<section class=\"cup8oz-section\" id=\"cup8ozSection\">\n<!-- Left: image -->\n<div class=\"cup8oz-img-col\">\n<div class=\"cup8oz-glow\"><\/div>\n<img decoding=\"async\" alt=\"Gobelet Kayit 8oz carton biod\u00e9gradable\" class=\"cup8oz-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2024\/04\/GSC-2.png\"><div class=\"cup8oz-badge\"><div class=\"badge-num\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:36px!important;font-weight:800!important;color:#ffffff!important;line-height:1!important;\">8oz<\/div><div class=\"badge-lbl\" style=\"font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.90)!important;font-weight:600!important;margin-top:2px!important;font-family:'DM Sans',sans-serif!important;\">Best-seller<\/div><\/div>\n<\/div>\n<!-- Right: content -->\n<div class=\"cup8oz-content-outer\">\n<div class=\"section-eyebrow amber\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#D17D12!important;font-family:'DM Sans',sans-serif!important;\">Notre produit phare<\/div>\n<h2 class=\"headline-white\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,4.5vw,62px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#ffffff!important;margin-bottom:24px!important;\">LE GOBELET<br\/><span class=\"dim\" style=\"color:rgba(255,255,255,0.42)!important;\">8oz.<\/span><br\/>L'ORIGINAL.<\/h2>\n<p class=\"body-p-w\" style=\"font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:rgba(255,255,255,0.60)!important;margin-bottom:32px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Notre bestseller. Con\u00e7u pour tout contenir : caf\u00e9, ataya, jus, glace, avec la solidit\u00e9 et l'\u00e9l\u00e9gance que vos clients m\u00e9ritent. La qualit\u00e9 visible \u00e0 la premi\u00e8re prise en main.<\/p>\n<div class=\"cup8oz-specs\">\n<div class=\"cup8oz-spec\" style=\"display:flex!important;align-items:flex-start!important;gap:12px!important;font-size:13px!important;color:rgba(255,255,255,0.75)!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"cup8oz-spec-dot\"><\/div>Contenance 240ml, id\u00e9al boissons chaudes & froides<\/div>\n<div class=\"cup8oz-spec\" style=\"display:flex!important;align-items:flex-start!important;gap:12px!important;font-size:13px!important;color:rgba(255,255,255,0.75)!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"cup8oz-spec-dot\"><\/div>Paroi renforc\u00e9e, ne se d\u00e9forme pas \u00e0 chaud<\/div>\n<div class=\"cup8oz-spec\" style=\"display:flex!important;align-items:flex-start!important;gap:12px!important;font-size:13px!important;color:rgba(255,255,255,0.75)!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"cup8oz-spec-dot\"><\/div>Compatible couvercle carton biod\u00e9gradable<\/div>\n<div class=\"cup8oz-spec\" style=\"display:flex!important;align-items:flex-start!important;gap:12px!important;font-size:13px!important;color:rgba(255,255,255,0.75)!important;font-family:'DM Sans',sans-serif!important;\"><div class=\"cup8oz-spec-dot\"><\/div>Commande d\u00e8s 500 pi\u00e8ces, livraison Dakar<\/div>\n<\/div>\n<a class=\"btn-lg btn-amber\" href=\"https:\/\/kayit.sn\/index.php\/commander\/?product=8oz\">Commander le 8oz<\/a>\n<\/div>\n<\/section>\n<!-- USE CASES -->\n<section class=\"use-cases\" id=\"usage\">\n<div class=\"use-cases-header\">\n<div class=\"section-eyebrow taupe\" style=\"justify-content:center;font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#528529!important;font-family:'DM Sans',sans-serif!important;\">Ils utilisent Kayit<\/div>\n<h2 style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(48px,6vw,80px)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.3px!important;color:#3a5e1e!important;margin-bottom:14px!important;line-height:.95!important;\">UN GOBELET,<br\/>MILLE USAGES.<\/h2>\n<p style=\"font-size:15px!important;color:#6b5e52!important;font-weight:300!important;max-width:480px!important;margin:0 auto!important;font-family:'DM Sans',sans-serif!important;\">De chez vous au caf\u00e9, du march\u00e9 \u00e0 l'avion, le gobelet Kayit s'adapte \u00e0 chaque moment.<\/p>\n<\/div>\n<div class=\"use-cases-grid\">\n<div class=\"use-card\">\n<img decoding=\"async\" alt=\"Kayit gobelet ataya th\u00e9 maison S\u00e9n\u00e9gal\" class=\"use-card-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/ataya-2.5-scaled.jpg\"><div class=\"use-card-overlay\"><\/div>\n<div class=\"use-card-content\">\n<div class=\"use-card-tag\" style=\"font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#D17D12!important;margin-bottom:7px!important;font-weight:600!important;font-family:'DM Sans',sans-serif!important;\">Chez vous<\/div>\n<h3 style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:.3px!important;text-transform:uppercase!important;color:#ffffff!important;line-height:1.1!important;\">L'ATAYA, LE TH\u00c9, LE JUS.<\/h3>\n<p style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.65)!important;margin-top:6px!important;line-height:1.5!important;font-family:'DM Sans',sans-serif!important;\">Pour le th\u00e9, le caf\u00e9 ou le jus, \u00e0 la maison comme au bureau.<\/p>\n<\/div>\n<\/div>\n<div class=\"use-card\">\n<img decoding=\"async\" alt=\"Kayit gobelet caf\u00e9 restaurant Dakar\" class=\"use-card-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/restaurant-kayit.jpg\"><div class=\"use-card-overlay\"><\/div>\n<div class=\"use-card-content\">\n<div class=\"use-card-tag\" style=\"font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#D17D12!important;margin-bottom:7px!important;font-weight:600!important;font-family:'DM Sans',sans-serif!important;\">Caf\u00e9s et Restaurants<\/div>\n<h3 style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:.3px!important;text-transform:uppercase!important;color:#ffffff!important;line-height:1.1!important;\">LE CHOIX DES PROS.<\/h3>\n<p style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.65)!important;margin-top:6px!important;line-height:1.5!important;font-family:'DM Sans',sans-serif!important;\">Id\u00e9al pour les boissons chaudes et froides \u00e0 emporter.<\/p>\n<\/div>\n<\/div>\n<div class=\"use-card\">\n<img decoding=\"async\" alt=\"Kayit gobelet march\u00e9 rue Dakar S\u00e9n\u00e9gal\" class=\"use-card-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Kayit-madd-8-oz.jpg\"><div class=\"use-card-overlay\"><\/div>\n<div class=\"use-card-content\">\n<div class=\"use-card-tag\" style=\"font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#D17D12!important;margin-bottom:7px!important;font-weight:600!important;font-family:'DM Sans',sans-serif!important;\">March\u00e9s et Rue<\/div>\n<h3 style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:.3px!important;text-transform:uppercase!important;color:#ffffff!important;line-height:1.1!important;\">AU C\u0152UR DE DAKAR.<\/h3>\n<p style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.65)!important;margin-top:6px!important;line-height:1.5!important;font-family:'DM Sans',sans-serif!important;\">Du march\u00e9 Sandaga aux quartiers de Dakar.<\/p>\n<\/div>\n<\/div>\n<div class=\"use-card\">\n<img decoding=\"async\" alt=\"Kayit gobelet avion a\u00e9roport S\u00e9n\u00e9gal\" class=\"use-card-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/avion-kayit.jpg\"><div class=\"use-card-overlay\"><\/div>\n<div class=\"use-card-content\">\n<div class=\"use-card-tag\" style=\"font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#D17D12!important;margin-bottom:7px!important;font-weight:600!important;font-family:'DM Sans',sans-serif!important;\">A\u00e9roports et Dans les airs<\/div>\n<h3 style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:.3px!important;text-transform:uppercase!important;color:#ffffff!important;line-height:1.1!important;\">\u00c0 30 000 PIEDS.<\/h3>\n<p style=\"font-size:12px!important;font-weight:300!important;color:rgba(255,255,255,0.65)!important;margin-top:6px!important;line-height:1.5!important;font-family:'DM Sans',sans-serif!important;\">Le gobelet \u00e9ko-responsable qui voyage avec vous.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ECOLOGY -->\n<section class=\"ecology\" id=\"apropos\" style=\"display:grid;overflow:hidden;\">\n<div class=\"ecology-visual\">\n<img decoding=\"async\" alt=\"Kayit gobelet communaut\u00e9 \u00e9v\u00e9nement S\u00e9n\u00e9gal\" class=\"ecology-visual-img\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/cup-ecolo.jpg\"><div class=\"ecology-visual-tint\"><\/div>\n<\/div>\n<div class=\"ecology-content\" id=\"ecoContent\">\n<div class=\"section-eyebrow amber\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#D17D12!important;font-family:'DM Sans',sans-serif!important;\">Notre engagement<\/div>\n<!-- Scrolling ticker -->\n<div class=\"eco-ticker-wrap\">\n<div class=\"eco-ticker\">\n<span class=\"eco-ticker-item\">Biod\u00e9gradable<\/span>\n<span class=\"eco-ticker-item\">Compostable<\/span>\n<span class=\"eco-ticker-item\">Fabriqu\u00e9 \u00e0 Dakar<\/span>\n<span class=\"eco-ticker-item\">Z\u00e9ro plastique<\/span>\n<span class=\"eco-ticker-item\">Emplois locaux<\/span>\n<span class=\"eco-ticker-item\">\u00c9conomie circulaire<\/span>\n<span class=\"eco-ticker-item\">Biod\u00e9gradable<\/span>\n<span class=\"eco-ticker-item\">Compostable<\/span>\n<span class=\"eco-ticker-item\">Fabriqu\u00e9 \u00e0 Dakar<\/span>\n<span class=\"eco-ticker-item\">Z\u00e9ro plastique<\/span>\n<span class=\"eco-ticker-item\">Emplois locaux<\/span>\n<span class=\"eco-ticker-item\">\u00c9conomie circulaire<\/span>\n<\/div>\n<\/div>\n<!-- Headline with words that fade on scroll -->\n<h2 class=\"eco-headline\" id=\"ecoHeadline\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(44px,5vw,68px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#ffffff!important;margin-bottom:20px!important;\">\n S\u00c9N\u00c9GAL.<br\/>\n Z\u00c9RO <span class=\"eco-word\" id=\"ecoPlastique\" style=\"display:inline!important;color:#ffffff;font-family:'Barlow Condensed',sans-serif!important;\">PLASTIQUE.<\/span><br\/>\n Z\u00c9RO <span class=\"eco-word\" id=\"ecoTrace\" style=\"display:inline!important;color:#ffffff;font-family:'Barlow Condensed',sans-serif!important;\">TRACE.<\/span>\n<\/h2>\n<p class=\"body-p-w\" style=\"font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:rgba(255,255,255,0.60)!important;margin-bottom:32px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Chaque gobelet Kayit se d\u00e9compose compl\u00e8tement sans lib\u00e9rer de compos\u00e9s nocifs. Fabriqu\u00e9s ici, \u00e0 Dakar, ils soutiennent l'\u00e9conomie locale et cr\u00e9ent des emplois durables.<\/p>\n<!-- pills removed -->\n<\/div>\n<\/section>\n<!-- CUSTOM -->\n<section class=\"custom-section\" id=\"personnalise\">\n<div class=\"custom-content\">\n<div class=\"section-eyebrow\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#528529!important;font-family:'DM Sans',sans-serif!important;\">Sur mesure<\/div>\n<h2 class=\"headline\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,4.5vw,62px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#3a5e1e!important;margin-bottom:24px!important;\">VOTRE MARQUE,<br\/>VOTRE GOBELET.<\/h2>\n<p class=\"body-p\" style=\"font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:#6b5e52!important;margin-bottom:24px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Transformez votre gobelet en ambassadeur de marque. Vos couleurs, votre logo, votre message, imprim\u00e9s sur un gobelet \u00e9ko-responsable fabriqu\u00e9 au S\u00e9n\u00e9gal.<\/p>\n<div class=\"custom-pills\">\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">Votre logo<\/span>\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">Vos couleurs<\/span>\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">Votre message<\/span>\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">\u00c9ditions limit\u00e9es<\/span>\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">\u00c9v\u00e9nements<\/span>\n<span class=\"custom-pill\" style=\"padding:7px 14px!important;border:1px solid #528529!important;border-radius:40px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;color:#3a5e1e!important;font-family:'DM Sans',sans-serif!important;\">Entreprises<\/span>\n<\/div>\n<button class=\"btn-lg btn-amber\" onclick=\"document.getElementById('devisModal').classList.add('open')\" style=\"cursor:pointer!important;border:none!important;border-radius:2px!important;font-family:'DM Sans',sans-serif!important;background:#D17D12!important;color:#ffffff!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;\">Demander un devis personnalis\u00e9<\/button>\n<\/div>\n<div class=\"custom-visual\">\n<div class=\"custom-visual-bg\" style=\"background-image:url('https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Custom-Kayit.jpg')\"><div class=\"custom-visual-inner\">\n<p class=\"custom-quote\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(30px,3.2vw,48px)!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#ffffff!important;line-height:1.1!important;margin-bottom:18px!important;\">VOTRE GOBELET DEVIENT<br\/>VOTRE AMBASSADEUR.<\/p>\n<span class=\"custom-sub\" style=\"font-size:10px!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:rgba(255,255,255,0.5)!important;font-family:'DM Sans',sans-serif!important;\">Gobelets personnalis\u00e9s \u00b7 Made in S\u00e9n\u00e9gal<\/span>\n<\/div>\n<\/div>\n<\/section>\n<!-- CTA -->\n<section class=\"cta-section\" id=\"commander\">\n<div class=\"cta-image\">\n<img decoding=\"async\" alt=\"Commander gobelets Kayit carton biod\u00e9gradable S\u00e9n\u00e9gal\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/commander-kayit.jpg\"><\/div>\n<div class=\"cta-content\">\n<div class=\"section-eyebrow amber\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#D17D12!important;font-family:'DM Sans',sans-serif!important;\">Passer commande<\/div>\n<h2 class=\"headline-white\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,4.5vw,62px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#ffffff!important;margin-bottom:24px!important;\">PR\u00caT \u00c0 \u00c9QUIPER<br\/>VOTRE BUSINESS?<\/h2>\n<p class=\"body-p-w\" style=\"font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:rgba(255,255,255,0.60)!important;margin-bottom:32px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Caf\u00e9, restaurant, glacier, distributeur ou \u00e9v\u00e9nementiel, nous avons la formule adapt\u00e9e \u00e0 votre volume. Devis rapide, livraison \u00e0 Dakar et en r\u00e9gions.<\/p>\n<div class=\"btn-row\">\n<a class=\"btn-lg btn-amber\" href=\"https:\/\/kayit.sn\/index.php\/commander\/\">Commander<\/a>\n<\/div>\n<\/div>\n<\/section>\n<!-- CARTON PRODUCTS -->\n<section class=\"carton-section\">\n<div class=\"carton-inner\">\n<div class=\"carton-header\">\n<div class=\"section-eyebrow\" style=\"justify-content:center;font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#528529!important;font-family:'DM Sans',sans-serif!important;\">Gamme Kayiteco<\/div>\n<h2 class=\"headline\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,4.5vw,62px)!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:uppercase!important;line-height:.96!important;color:#3a5e1e!important;margin-bottom:24px!important;\">AU-DELA DU <span class=\"accent\" style=\"color:#D17D12!important;\">GOBELET<\/span><\/h2>\n<p class=\"body-p\" style=\"max-width:560px;margin:0 auto;text-align:center;font-size:15px!important;font-weight:300!important;line-height:1.78!important;color:#6b5e52!important;margin-bottom:24px!important;max-width:440px!important;font-family:'DM Sans',sans-serif!important;\">Kayiteco fabrique egalement des emballages en carton biodegradable, respectueux de l'environnement, produits au Senegal.<\/p>\n<\/div>\n<div class=\"carton-split\">\n<div class=\"carton-split-img\">\n<div class=\"carton-img-grid\">\n<img decoding=\"async\" alt=\"Sacs en papier kraft biodegradable Kayit\" loading=\"lazy\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Sac-Kraft-Kayit.jpg\">\n<img decoding=\"async\" alt=\"Boites emballages carton blanc Kayit\" loading=\"lazy\" src=\"https:\/\/kayit.sn\/wp-content\/uploads\/2026\/04\/Boites-Kraft-Kayit.jpg\"><\/div>\n<\/div>\n<div class=\"carton-split-content\">\n<div class=\"carton-card-tag\" style=\"font-size:10px!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#D17D12!important;margin-bottom:10px!important;font-family:'DM Sans',sans-serif!important;\">Restauration<\/div>\n<div class=\"carton-card-title\" style=\"font-family:'Barlow Condensed',sans-serif!important;font-size:32px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.2px!important;color:#3a5e1e!important;line-height:1.05!important;margin-bottom:14px!important;\">Sacs en papier et bo\u00eetes \u00e0 emporter<\/div>\n<p class=\"carton-card-desc\" style=\"font-size:14px!important;font-weight:300!important;color:#6b5e52!important;line-height:1.78!important;margin-bottom:24px!important;font-family:'DM Sans',sans-serif!important;\">Boites repas et lunch-boxes en carton alimentaire recycle. Resistantes a l'humidite, empilables, personnalisables a votre marque. La solution complete pour les restaurants, traiteurs et evenements qui veulent aller au-dela du gobelet.<\/p>\n<span class=\"carton-badge\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path><\/svg>Biodegradable<\/span>\n<span class=\"carton-badge\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path><\/svg>Made in Senegal<\/span>\n<div style=\"margin-top:28px\">\n<a class=\"btn-md btn-olive\" href=\"https:\/\/kayit.sn\/index.php\/contact\/\">Demander un devis<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- FOOTER -->\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<script>\n\/\/ \u2500\u2500 Ecology word fade \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\u2500\u2500\nvar ecoSection = document.getElementById('ecoContent');\nvar ecoPlastique = document.getElementById('ecoPlastique');\nvar ecoTrace = document.getElementById('ecoTrace');\n\nfunction onScroll() {\n if (ecoSection && ecoPlastique && ecoTrace) {\n var ecoRect = ecoSection.getBoundingClientRect();\n var vh = window.innerHeight;\n var progress = (vh \/ 2 - (ecoRect.top + ecoRect.height \/ 2)) \/ (ecoRect.height * 0.5);\n var po = Math.max(0.15, 1 - Math.max(0, (progress - 0.1) * 4));\n ecoPlastique.style.setProperty('color',\n progress > 0.1 ? 'rgba(255,255,255,' + po + ')' : '#ffffff', 'important');\n var to = Math.max(0.15, 1 - Math.max(0, (progress - 0.25) * 4));\n ecoTrace.style.setProperty('color',\n progress > 0.25 ? 'rgba(255,255,255,' + to + ')' : '#ffffff', 'important');\n }\n}\n\nwindow.addEventListener('scroll', onScroll, { passive: true });\nonScroll();\n<\/script>\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 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 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 btn.addEventListener('click',function(){\n btn.classList.contains('active') ? closeMenu() : openMenu();\n });\n overlay.addEventListener('click', closeMenu);\n drawer.querySelectorAll('a').forEach(function(a){\n a.addEventListener('click', closeMenu);\n });\n})();\n<\/script>\n<!-- \u2500\u2500 DEVIS MODAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<style>\n#devisModal{\n display:none;position:fixed;inset:0;z-index:1000;\n background:rgba(10,20,5,0.72);\n align-items:center;justify-content:center;\n padding:20px;\n backdrop-filter:blur(4px);\n}\n#devisModal.open{display:flex}\n.modal-box{\n background:var(--white);\n border-radius:4px;\n width:100%;max-width:600px;\n max-height:90vh;overflow-y:auto;\n padding:48px;\n position:relative;\n animation:modalIn .28s ease;\n}\n@keyframes modalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n.modal-close{\n position:absolute;top:20px;right:24px;\n background:none!important;border:none!important;border-radius:0!important;\n box-shadow:none!important;outline:none!important;\n -webkit-appearance:none!important;appearance:none!important;\n cursor:pointer;font-size:22px;color:var(--text-muted)!important;\n line-height:1;padding:0!important;margin:0!important;\n width:auto!important;height:auto!important;\n transition:color .2s;\n}\n.modal-close:hover{color:var(--text)!important;background:none!important}\n.modal-title{\n font-family:'Barlow Condensed',sans-serif;\n font-size:32px;font-weight:800;text-transform:uppercase;\n letter-spacing:-.2px;color:var(--olive-dark);\n margin-bottom:6px;\n}\n.modal-sub{font-size:13px;font-weight:300;color:var(--text-muted);margin-bottom:32px}\n\n\/* Form grid *\/\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}\n.form-row.full{grid-template-columns:1fr}\n.form-group{display:flex;flex-direction:column;gap:6px}\n.form-label{\n font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:var(--text-muted);\n}\n.form-label .req{color:var(--amber)}\n.form-hint{font-size:11px;font-weight:300;color:var(--text-muted);margin-top:2px;font-style:italic}\n.form-input{\n padding:11px 14px;border:1px solid #ddd;border-radius:2px;\n font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;color:var(--text);\n background:var(--white);outline:none;\n transition:border-color .2s;\n width:100%;\n}\n.form-input:focus{border-color:var(--olive)}\n.form-input::placeholder{color:#bbb}\ntextarea.form-input{resize:vertical;min-height:90px}\n\n\/* Product selects row *\/\n.products-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}\n.form-select{\n padding:11px 14px;border:1px solid #ddd;border-radius:2px;\n font-family:'DM Sans',sans-serif;font-size:13px;color:var(--text);\n background:var(--white);outline:none;cursor:pointer;\n transition:border-color .2s;width:100%;\n appearance:none;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n background-repeat:no-repeat;background-position:right 12px center;\n padding-right:32px;\n}\n.form-select:focus{border-color:var(--olive)}\n\n\/* Radio group *\/\n.radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}\n.radio-label{\n display:flex;align-items:center;gap:10px;\n font-size:14px;font-weight:400;color:var(--text);cursor:pointer;\n}\n.radio-label input[type=radio]{\n width:16px;height:16px;accent-color:var(--olive);cursor:pointer;flex-shrink:0;\n}\n\/* Product checkboxes *\/\n.product-checks{display:flex;flex-direction:column;gap:0;margin-bottom:16px;border:1px solid #e8e8e8;border-radius:3px;overflow:hidden}\n.product-check-row{border-bottom:1px solid #f0f0f0;transition:background .15s}\n.product-check-row:last-child{border-bottom:none}\n.product-check-label{\n display:flex;align-items:center;gap:12px;\n padding:13px 16px;cursor:pointer;\n transition:background .15s;\n}\n.product-check-label:hover{background:#f9f7f4}\n.product-check-label input[type=checkbox]{\n width:17px;height:17px;accent-color:var(--olive);cursor:pointer;flex-shrink:0;\n}\n.product-check-name{font-size:14px;font-weight:500;color:var(--text)}\n.product-qty-wrap{\n padding:0 16px 14px 44px;\n display:flex;flex-direction:column;gap:4px;\n}\n.product-qty{max-width:240px}\n\n\/* Divider *\/\n.form-divider{height:1px;background:#eee;margin:20px 0}\n\n.form-submit{\n width:100%!important;padding:15px!important;\n background:#3a5e1e!important;color:#ffffff!important;\n font-family:'DM Sans',sans-serif!important;font-size:12px!important;font-weight:600!important;\n letter-spacing:.12em!important;text-transform:uppercase!important;\n border:none!important;border-radius:2px!important;cursor:pointer!important;\n box-shadow:none!important;outline:none!important;\n -webkit-appearance:none!important;appearance:none!important;\n transition:background .3s;\n margin-top:8px!important;\n}\n.form-submit:hover{background:#528529!important;color:#ffffff!important}\n\n\/* Success state *\/\n.form-success{\n display:none;text-align:center;padding:40px 20px;\n}\n.form-success.show{display:block}\n.form-success-icon{\n width:56px;height:56px;border-radius:50%;\n background:var(--olive-dark);\n display:flex;align-items:center;justify-content:center;\n margin:0 auto 20px;\n}\n.form-success-icon svg{width:28px;height:28px}\n.form-success h3{\n font-family:'Barlow Condensed',sans-serif;\n font-size:28px;font-weight:800;text-transform:uppercase;\n color:var(--olive-dark);margin-bottom:10px;\n}\n.form-success p{font-size:14px;font-weight:300;color:var(--text-muted);line-height:1.7}\n\n@media(max-width:600px){\n .modal-box{padding:32px 24px}\n .form-row{grid-template-columns:1fr}\n .products-row{grid-template-columns:1fr}\n}\n<\/style>\n<div id=\"devisModal\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n<div class=\"modal-box\">\n<button aria-label=\"Fermer\" class=\"modal-close\" onclick=\"document.getElementById('devisModal').classList.remove('open')\">\u2715<\/button>\n<!-- Form -->\n<div id=\"devisForm\">\n<div class=\"modal-title\">Demande de devis<\/div>\n<p class=\"modal-sub\">Remplissez ce formulaire et nous vous recontactons rapidement.<\/p>\n<form id=\"quoteForm\" novalidate=\"\" onsubmit=\"submitDevis(event)\">\n<!-- Nom \/ Pr\u00e9nom -->\n<div class=\"form-row\">\n<div class=\"form-group\">\n<label class=\"form-label\">Pr\u00e9nom<\/label>\n<input class=\"form-input\" name=\"prenom\" placeholder=\"Votre pr\u00e9nom\" type=\"text\"\/>\n<\/div>\n<div class=\"form-group\">\n<label class=\"form-label\">Nom <span class=\"req\">*<\/span><\/label>\n<input class=\"form-input\" name=\"nom\" placeholder=\"Votre nom\" required=\"\" type=\"text\"\/>\n<\/div>\n<\/div>\n<!-- Email \/ T\u00e9l\u00e9phone -->\n<div class=\"form-row\">\n<div class=\"form-group\">\n<label class=\"form-label\">Email <span class=\"req\">*<\/span><\/label>\n<input class=\"form-input\" name=\"email\" placeholder=\"vous@exemple.com\" required=\"\" type=\"email\"\/>\n<\/div>\n<div class=\"form-group\">\n<label class=\"form-label\">T\u00e9l\u00e9phone<\/label>\n<input class=\"form-input\" name=\"telephone\" placeholder=\"+221 77 000 00 00\" type=\"tel\"\/>\n<span class=\"form-hint\">Cela nous permettra de vous appeler au besoin<\/span>\n<\/div>\n<\/div>\n<!-- Entreprise \/ Adresse -->\n<div class=\"form-row\">\n<div class=\"form-group\">\n<label class=\"form-label\">Votre entreprise<\/label>\n<input class=\"form-input\" name=\"entreprise\" placeholder=\"Nom de l'entreprise\" type=\"text\"\/>\n<\/div>\n<div class=\"form-group\">\n<label class=\"form-label\">Adresse<\/label>\n<input class=\"form-input\" name=\"adresse\" placeholder=\"Adresse\" type=\"text\"\/>\n<\/div>\n<\/div>\n<div class=\"form-divider\"><\/div>\n<!-- Produits -->\n<div class=\"form-group\" style=\"margin-bottom:16px\">\n<label class=\"form-label\">Produits souhait\u00e9s <span class=\"req\">*<\/span><\/label>\n<span class=\"form-hint\" style=\"margin-top:4px;display:block\">Cochez les tailles voulues et indiquez la quantit\u00e9<\/span>\n<\/div>\n<div class=\"product-checks\">\n<div class=\"product-check-row\" id=\"row-2oz5\">\n<label class=\"product-check-label\">\n<input name=\"check_2oz5\" onchange=\"toggleQty('qty-2oz5',this.checked)\" type=\"checkbox\"\/>\n<span class=\"product-check-name\">Gobelet 2.5oz<\/span>\n<\/label>\n<div class=\"product-qty-wrap\" id=\"qty-2oz5\" style=\"display:none\">\n<input class=\"form-input product-qty\" min=\"1000\" name=\"qty_2oz5\" placeholder=\"Quantit\u00e9 (min. 1 000)\" step=\"100\" type=\"number\" value=\"1000\"\/>\n<span class=\"form-hint\">Minimum 1 000 pi\u00e8ces<\/span>\n<\/div>\n<\/div>\n<div class=\"product-check-row\" id=\"row-4oz\">\n<label class=\"product-check-label\">\n<input name=\"check_4oz\" onchange=\"toggleQty('qty-4oz',this.checked)\" type=\"checkbox\"\/>\n<span class=\"product-check-name\">Gobelet 4oz<\/span>\n<\/label>\n<div class=\"product-qty-wrap\" id=\"qty-4oz\" style=\"display:none\">\n<input class=\"form-input product-qty\" min=\"1000\" name=\"qty_4oz\" placeholder=\"Quantit\u00e9 (min. 1 000)\" step=\"100\" type=\"number\" value=\"1000\"\/>\n<span class=\"form-hint\">Minimum 1 000 pi\u00e8ces<\/span>\n<\/div>\n<\/div>\n<div class=\"product-check-row\" id=\"row-6oz\">\n<label class=\"product-check-label\">\n<input name=\"check_6oz\" onchange=\"toggleQty('qty-6oz',this.checked)\" type=\"checkbox\"\/>\n<span class=\"product-check-name\">Gobelet 6oz<\/span>\n<\/label>\n<div class=\"product-qty-wrap\" id=\"qty-6oz\" style=\"display:none\">\n<input class=\"form-input product-qty\" min=\"1000\" name=\"qty_6oz\" placeholder=\"Quantit\u00e9 (min. 1 000)\" step=\"100\" type=\"number\" value=\"1000\"\/>\n<span class=\"form-hint\">Minimum 1 000 pi\u00e8ces<\/span>\n<\/div>\n<\/div>\n<div class=\"product-check-row\" id=\"row-8oz\">\n<label class=\"product-check-label\">\n<input name=\"check_8oz\" onchange=\"toggleQty('qty-8oz',this.checked)\" type=\"checkbox\"\/>\n<span class=\"product-check-name\">Gobelet 8oz<\/span>\n<\/label>\n<div class=\"product-qty-wrap\" id=\"qty-8oz\" style=\"display:none\">\n<input class=\"form-input product-qty\" min=\"500\" name=\"qty_8oz\" placeholder=\"Quantit\u00e9 (min. 500)\" step=\"100\" type=\"number\" value=\"500\"\/>\n<span class=\"form-hint\">Minimum 500 pi\u00e8ces<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"form-divider\"><\/div>\n<!-- Type de client -->\n<div class=\"form-group\" style=\"margin-bottom:10px\">\n<label class=\"form-label\">Type de client <span class=\"req\">*<\/span><\/label>\n<\/div>\n<div class=\"radio-group\">\n<label class=\"radio-label\">\n<input name=\"type_client\" required=\"\" type=\"radio\" value=\"entreprise\"\/> Entreprise\n <\/label>\n<label class=\"radio-label\">\n<input name=\"type_client\" type=\"radio\" value=\"distributeur\"\/> Distributeur\n <\/label>\n<\/div>\n<div class=\"form-divider\"><\/div>\n<!-- Observations -->\n<div class=\"form-group\" style=\"margin-bottom:24px\">\n<label class=\"form-label\">Observations<\/label>\n<textarea class=\"form-\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 Fabriqu\u00e9 au S\u00e9n\u00e9gal LE GOBELET SANS PLASTIQUE, SANS COMPROMIS. Biod\u00e9gradable, assembl\u00e9 par ultrasons, livr\u00e9 en pack. La solution \u00e9ko-responsable pour votre caf\u00e9, restaurant ou \u00e9v\u00e9nement. Commander maintenant Voir les produits D\u00e9filer 4Tailles disponibles Biod\u00e9gradable 0Colle, z\u00e9ro plastique S\u00c9N\u00c9GALOrigine Nos gobelets […]<\/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-579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/579","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=579"}],"version-history":[{"count":61,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/579\/revisions"}],"predecessor-version":[{"id":902,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/579\/revisions\/902"}],"wp:attachment":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/media?parent=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}