Contact \u2013 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: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}\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{display:flex;align-items:center;text-decoration:none;position:relative;height:52px;width:110px;flex-shrink:0}\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-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{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 PAGE 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 *\/\n.page-hero{\n padding:160px 60px 80px;\n background:var(--cream);\n position:relative;\n overflow:hidden;\n}\n.page-hero::before{\n content:'';position:absolute;top:-120px;right:-80px;\n width:480px;height:480px;border-radius:50%;\n background:radial-gradient(ellipse,rgba(82,133,41,0.08) 0%,transparent 70%);\n pointer-events:none;\n}\n.page-hero-eyebrow{\n font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:var(--olive);margin-bottom:16px;\n display:flex;align-items:center;gap:10px;\n}\n.page-hero-eyebrow::before{content:'';display:block;width:20px;height:1px;background:currentColor}\n.page-hero h1{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(52px,7vw,96px);font-weight:800;\n letter-spacing:-.5px;text-transform:uppercase;\n line-height:.92;color:var(--olive-dark);\n margin-bottom:20px;\n}\n.page-hero h1 span{color:var(--amber)}\n.page-hero-sub{\n font-size:15px;font-weight:300;line-height:1.78;\n color:var(--text-muted);max-width:480px;\n}\n\n\/* \u2500\u2500 CONTACT GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-section{\n padding:80px 60px;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:80px;\n max-width:1200px;\n margin:0 auto;\n}\n\n\/* \u2500\u2500 FORM \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.contact-form-block h2{\n font-family:'Barlow Condensed',sans-serif;\n font-size:28px;font-weight:800;text-transform:uppercase;\n letter-spacing:-.2px;color:var(--olive-dark);\n margin-bottom:6px;\n}\n.contact-form-block .form-sub{\n font-size:13px;font-weight:300;color:var(--text-muted);\n margin-bottom:32px;\n}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}\n.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}\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:12px 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;transition:border-color .2s;width:100%;\n}\n.form-input:focus{border-color:var(--olive)}\n.form-input::placeholder{color:#bbb}\ntextarea.form-input{resize:vertical;min-height:120px}\n.form-submit{\n width:100%!important;padding:16px!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;margin-top:8px!important;\n}\n.form-submit:hover{background:#528529!important;color:#ffffff!important}\n\n\/* \u2500\u2500 SIDEBAR \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.contact-sidebar{display:flex;flex-direction:column;gap:48px}\n\n.contact-info-block h3{\n font-family:'Barlow Condensed',sans-serif;\n font-size:20px;font-weight:800;text-transform:uppercase;\n letter-spacing:.1px;color:var(--olive-dark);\n margin-bottom:20px;padding-bottom:12px;\n border-bottom:1px solid rgba(82,133,41,0.15);\n}\n.contact-info-item{\n display:flex;align-items:flex-start;gap:14px;\n margin-bottom:16px;\n}\n.contact-info-icon{\n width:36px;height:36px;border-radius:2px;\n background:var(--cream);\n display:flex;align-items:center;justify-content:center;\n flex-shrink:0;margin-top:2px;\n}\n.contact-info-icon svg{width:16px;height:16px;fill:var(--olive);}\n.contact-info-text{font-size:14px;font-weight:300;line-height:1.7;color:var(--text-muted)}\n.contact-info-text strong{font-weight:600;color:var(--text);display:block;margin-bottom:2px}\n.contact-info-text a{color:var(--olive);text-decoration:none}\n.contact-info-text a:hover{color:var(--olive-dark)}\n\n\/* Social links *\/\n.contact-social{display:flex;gap:12px;margin-top:8px}\n.contact-social-link{\n display:flex;align-items:center;gap:8px;\n padding:10px 16px;border:1px solid rgba(82,133,41,0.2);\n border-radius:2px;text-decoration:none;\n font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:var(--text-muted);transition:all .25s;\n}\n.contact-social-link svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}\n.contact-social-link:hover{background:var(--olive-dark);color:#fff;border-color:var(--olive-dark)}\n\n\/* CTA order block *\/\n.contact-order-block{\n background:var(--olive-dark);\n padding:36px;border-radius:2px;\n}\n.contact-order-block .eyebrow{\n font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:rgba(255,255,255,0.5);margin-bottom:12px;\n display:flex;align-items:center;gap:8px;\n}\n.contact-order-block .eyebrow::before{content:'';display:block;width:16px;height:1px;background:var(--amber)}\n.contact-order-block h3{\n font-family:'Barlow Condensed',sans-serif;\n font-size:28px;font-weight:800;text-transform:uppercase;\n color:var(--white);line-height:1;margin-bottom:12px;\n}\n.contact-order-block p{\n font-size:13px;font-weight:300;line-height:1.7;\n color:rgba(255,255,255,0.60);margin-bottom:24px;\n}\n.contact-order-types{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}\n.order-type-tag{\n padding:6px 14px;border:1px solid rgba(255,255,255,0.2);border-radius:2px;\n font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;\n color:rgba(255,255,255,0.65);\n}\n.btn-amber{\n display:inline-block;padding:14px 24px;\n background:#D17D12!important;color:#ffffff!important;\n font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n text-decoration:none;border-radius:2px;\n border:none!important;transition:background .3s;\n}\n.btn-amber:hover{background:#b56a0e!important}\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-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-links{display:flex;gap:24px}\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:rgba(255,255,255,0.70)}\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@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n.fade-up{opacity:0;animation:fadeUp .7s ease forwards}\n.fade-up:nth-child(1){animation-delay:.1s}\n.fade-up:nth-child(2){animation-delay:.2s}\n.fade-up:nth-child(3){animation-delay:.3s}\n\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 & 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%); \/* hidden off-screen by default *\/\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\/* \u2500\u2500 MOBILE RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n \/* Nav adjustments *\/\n nav#mainNav{padding:14px 20px}\n nav#mainNav.scrolled{padding:10px 20px}\n nav#mainNav .nav-links{display:none !important}\n nav#mainNav .nav-brand{height:56px}\n nav#mainNav .nav-logo-img{height:56px}\n .nav-hamburger{display:flex}\n\n \/* Hero *\/\n .page-hero{padding:120px 24px 60px}\n\n \/* Contact form responsive *\/\n .contact-section{\n grid-template-columns:1fr;\n padding:20px; \/* smaller padding *\/\n gap:20px; \/* smaller gap *\/\n }\n .form-row{grid-template-columns:1fr;}\n .contact-section input,\n .contact-section textarea,\n .contact-section select,\n .contact-section button{\n width:100%;\n max-width:100%;\n box-sizing:border-box;\n }\n\n \/* Footer *\/\n footer{flex-direction:column;gap:18px;padding:36px 22px;text-align:center}\n .footer-links{flex-wrap:wrap;justify-content:center}\n}\n<\/style>\n<\/head>\n<body>\n\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\/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\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\/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\n<section class=\"page-hero\">\n <div class=\"page-hero-eyebrow\">Kayit \u00b7 S\u00e9n\u00e9gal<\/div>\n <h1>COMMEN\u00c7ONS<br\/><span>L'AVENTURE<\/span><br\/>ENSEMBLE.<\/h1>\n <p class=\"page-hero-sub\">Une question, une commande, une collaboration ? Notre \u00e9quipe bas\u00e9e \u00e0 Dakar vous r\u00e9pond rapidement.<\/p>\n<\/section>\n\n\n<section class=\"contact-section\">\n\n \n <div class=\"contact-form-block\">\n <h2>Envoyez-nous<br\/>un message<\/h2>\n <p class=\"form-sub\">Nous vous r\u00e9pondons dans les 24h ouvr\u00e9es.<\/p>\n\n <form id=\"contactForm\" novalidate onsubmit=\"submitContact(event)\">\n \n <input type=\"text\" name=\"website\" id=\"website\" style=\"position:absolute;left:-9999px;width:1px;height:1px;\" tabindex=\"-1\" autocomplete=\"off\">\n <input type=\"hidden\" name=\"timestamp\" id=\"form-timestamp\" value=\"\">\n \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 <div class=\"form-group\">\n <label class=\"form-label\">E-mail <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 <span class=\"req\">*<\/span><\/label>\n <input class=\"form-input\" name=\"telephone\" placeholder=\"+221 77 000 00 00\" required type=\"tel\"\/>\n <span class=\"form-hint\">Cela nous permettra de vous appeler au besoin<\/span>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Message <span class=\"req\">*<\/span><\/label>\n <textarea class=\"form-input\" name=\"message\" placeholder=\"Comment pouvons-nous vous aider ?\" required><\/textarea>\n <\/div>\n <button class=\"form-submit\" type=\"submit\">Envoyer le message<\/button>\n <\/form>\n\n \n <div id=\"contactSuccess\" style=\"display:none;text-align:center;padding:48px 0\">\n <div style=\"width:56px;height:56px;border-radius:50%;background:var(--olive-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 20px\">\n <svg fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <h3 style=\"font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;color:var(--olive-dark);margin-bottom:10px\">Message envoy\u00e9 !<\/h3>\n <p style=\"font-size:14px;font-weight:300;color:var(--text-muted);line-height:1.7\">Merci pour votre message.<br\/>Nous vous recontactons dans les plus brefs d\u00e9lais.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-sidebar\">\n\n \n <div class=\"contact-info-block fade-up\">\n <h3>Contact direct<\/h3>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>Adresse<\/strong>\n 11,7 KM Route de Rufisque<br\/>Dakar \u2013 S\u00e9n\u00e9gal\n <\/div>\n <\/div>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>T\u00e9l\u00e9phone<\/strong>\n <a href=\"tel:+221774740836\">77 474 08 36<\/a><br\/>\n <a href=\"tel:+221775381865\">77 538 18 65<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>Email<\/strong>\n <a href=\"mailto:contact@kayit.sn\">contact@kayit.sn<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-social\">\n <a class=\"contact-social-link\" href=\"https:\/\/www.instagram.com\/kayit_sn\/\" target=\"_blank\" rel=\"noopener\">\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\"\/><\/svg>\n Instagram\n <\/a>\n <a class=\"contact-social-link\" href=\"https:\/\/www.tiktok.com\/@kayit_sn\" target=\"_blank\" rel=\"noopener\">\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\"\/><\/svg>\n TikTok\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-map-block fade-up\">\n <div style=\"width:100%; height:0; padding-bottom:56%; position:relative;\">\n <iframe\n src=\"https:\/\/maps.google.com\/maps?q=14.743778,-17.386278&z=17&output=embed\"\n style=\"border:0; position:absolute; top:0; left:0; width:100%; height:100%;\"\n allowfullscreen=\"\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\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<script>\n\/\/ Set timestamp when page loads (spam prevention)\ndocument.addEventListener('DOMContentLoaded', function() {\n document.getElementById('form-timestamp').value = Math.floor(Date.now() \/ 1000);\n});\n\n\/\/ Contact form submission\nfunction submitContact(event) {\n event.preventDefault();\n \n const form = event.target;\n const submitBtn = form.querySelector('.form-submit');\n \n \/\/ Prepare FormData\n const formData = new FormData();\n formData.append('prenom', form.prenom.value);\n formData.append('nom', form.nom.value);\n formData.append('email', form.email.value);\n formData.append('telephone', form.telephone.value);\n formData.append('message', form.message.value);\n \n \/\/ Spam prevention fields\n formData.append('website', form.website.value);\n formData.append('timestamp', form.timestamp.value);\n \n \/\/ Show loading\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Envoi en cours...';\n submitBtn.disabled = true;\n \n \/\/ Submit to WordPress REST API\n fetch('\/wp-json\/kayit\/v1\/contact', {\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n \/\/ Show success\n form.style.display = 'none';\n document.getElementById('contactSuccess').style.display = 'block';\n } else {\n alert(data.message || 'Erreur lors de l\\'envoi. Veuillez r\u00e9essayer.');\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Erreur de connexion. Veuillez v\u00e9rifier votre connexion internet.');\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n}\n\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<\/body>\n<\/html>\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>Contact \u2013 Kayit Accueil Produits \u00c0 propos Contact Commander Accueil Produits \u00c0 propos Contact Commander Kayit \u00b7 S\u00e9n\u00e9gal COMMEN\u00c7ONSL’AVENTUREENSEMBLE. Une question, une commande, une collaboration ? Notre \u00e9quipe bas\u00e9e \u00e0 Dakar vous r\u00e9pond rapidement. Envoyez-nousun message Nous vous r\u00e9pondons dans les 24h ouvr\u00e9es. Pr\u00e9nom Nom * E-mail * T\u00e9l\u00e9phone * Cela nous permettra de vous […]<\/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-553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553","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=553"}],"version-history":[{"count":81,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions"}],"predecessor-version":[{"id":1048,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions\/1048"}],"wp:attachment":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"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\nContact \u2013 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: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}\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{display:flex;align-items:center;text-decoration:none;position:relative;height:52px;width:110px;flex-shrink:0}\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-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{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 PAGE 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 *\/\n.page-hero{\n padding:160px 60px 80px;\n background:var(--cream);\n position:relative;\n overflow:hidden;\n}\n.page-hero::before{\n content:'';position:absolute;top:-120px;right:-80px;\n width:480px;height:480px;border-radius:50%;\n background:radial-gradient(ellipse,rgba(82,133,41,0.08) 0%,transparent 70%);\n pointer-events:none;\n}\n.page-hero-eyebrow{\n font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:var(--olive);margin-bottom:16px;\n display:flex;align-items:center;gap:10px;\n}\n.page-hero-eyebrow::before{content:'';display:block;width:20px;height:1px;background:currentColor}\n.page-hero h1{\n font-family:'Barlow Condensed',sans-serif;\n font-size:clamp(52px,7vw,96px);font-weight:800;\n letter-spacing:-.5px;text-transform:uppercase;\n line-height:.92;color:var(--olive-dark);\n margin-bottom:20px;\n}\n.page-hero h1 span{color:var(--amber)}\n.page-hero-sub{\n font-size:15px;font-weight:300;line-height:1.78;\n color:var(--text-muted);max-width:480px;\n}\n\n\/* \u2500\u2500 CONTACT GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-section{\n padding:80px 60px;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:80px;\n max-width:1200px;\n margin:0 auto;\n}\n\n\/* \u2500\u2500 FORM \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.contact-form-block h2{\n font-family:'Barlow Condensed',sans-serif;\n font-size:28px;font-weight:800;text-transform:uppercase;\n letter-spacing:-.2px;color:var(--olive-dark);\n margin-bottom:6px;\n}\n.contact-form-block .form-sub{\n font-size:13px;font-weight:300;color:var(--text-muted);\n margin-bottom:32px;\n}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}\n.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}\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:12px 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;transition:border-color .2s;width:100%;\n}\n.form-input:focus{border-color:var(--olive)}\n.form-input::placeholder{color:#bbb}\ntextarea.form-input{resize:vertical;min-height:120px}\n.form-submit{\n width:100%!important;padding:16px!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;margin-top:8px!important;\n}\n.form-submit:hover{background:#528529!important;color:#ffffff!important}\n\n\/* \u2500\u2500 SIDEBAR \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.contact-sidebar{display:flex;flex-direction:column;gap:48px}\n\n.contact-info-block h3{\n font-family:'Barlow Condensed',sans-serif;\n font-size:20px;font-weight:800;text-transform:uppercase;\n letter-spacing:.1px;color:var(--olive-dark);\n margin-bottom:20px;padding-bottom:12px;\n border-bottom:1px solid rgba(82,133,41,0.15);\n}\n.contact-info-item{\n display:flex;align-items:flex-start;gap:14px;\n margin-bottom:16px;\n}\n.contact-info-icon{\n width:36px;height:36px;border-radius:2px;\n background:var(--cream);\n display:flex;align-items:center;justify-content:center;\n flex-shrink:0;margin-top:2px;\n}\n.contact-info-icon svg{width:16px;height:16px;fill:var(--olive);}\n.contact-info-text{font-size:14px;font-weight:300;line-height:1.7;color:var(--text-muted)}\n.contact-info-text strong{font-weight:600;color:var(--text);display:block;margin-bottom:2px}\n.contact-info-text a{color:var(--olive);text-decoration:none}\n.contact-info-text a:hover{color:var(--olive-dark)}\n\n\/* Social links *\/\n.contact-social{display:flex;gap:12px;margin-top:8px}\n.contact-social-link{\n display:flex;align-items:center;gap:8px;\n padding:10px 16px;border:1px solid rgba(82,133,41,0.2);\n border-radius:2px;text-decoration:none;\n font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n color:var(--text-muted);transition:all .25s;\n}\n.contact-social-link svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}\n.contact-social-link:hover{background:var(--olive-dark);color:#fff;border-color:var(--olive-dark)}\n\n\/* CTA order block *\/\n.contact-order-block{\n background:var(--olive-dark);\n padding:36px;border-radius:2px;\n}\n.contact-order-block .eyebrow{\n font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;\n color:rgba(255,255,255,0.5);margin-bottom:12px;\n display:flex;align-items:center;gap:8px;\n}\n.contact-order-block .eyebrow::before{content:'';display:block;width:16px;height:1px;background:var(--amber)}\n.contact-order-block h3{\n font-family:'Barlow Condensed',sans-serif;\n font-size:28px;font-weight:800;text-transform:uppercase;\n color:var(--white);line-height:1;margin-bottom:12px;\n}\n.contact-order-block p{\n font-size:13px;font-weight:300;line-height:1.7;\n color:rgba(255,255,255,0.60);margin-bottom:24px;\n}\n.contact-order-types{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}\n.order-type-tag{\n padding:6px 14px;border:1px solid rgba(255,255,255,0.2);border-radius:2px;\n font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;\n color:rgba(255,255,255,0.65);\n}\n.btn-amber{\n display:inline-block;padding:14px 24px;\n background:#D17D12!important;color:#ffffff!important;\n font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\n text-decoration:none;border-radius:2px;\n border:none!important;transition:background .3s;\n}\n.btn-amber:hover{background:#b56a0e!important}\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-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-links{display:flex;gap:24px}\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:rgba(255,255,255,0.70)}\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@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n.fade-up{opacity:0;animation:fadeUp .7s ease forwards}\n.fade-up:nth-child(1){animation-delay:.1s}\n.fade-up:nth-child(2){animation-delay:.2s}\n.fade-up:nth-child(3){animation-delay:.3s}\n\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 & 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%); \/* hidden off-screen by default *\/\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\/* \u2500\u2500 MOBILE RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n \/* Nav adjustments *\/\n nav#mainNav{padding:14px 20px}\n nav#mainNav.scrolled{padding:10px 20px}\n nav#mainNav .nav-links{display:none !important}\n nav#mainNav .nav-brand{height:56px}\n nav#mainNav .nav-logo-img{height:56px}\n .nav-hamburger{display:flex}\n\n \/* Hero *\/\n .page-hero{padding:120px 24px 60px}\n\n \/* Contact form responsive *\/\n .contact-section{\n grid-template-columns:1fr;\n padding:20px; \/* smaller padding *\/\n gap:20px; \/* smaller gap *\/\n }\n .form-row{grid-template-columns:1fr;}\n .contact-section input,\n .contact-section textarea,\n .contact-section select,\n .contact-section button{\n width:100%;\n max-width:100%;\n box-sizing:border-box;\n }\n\n \/* Footer *\/\n footer{flex-direction:column;gap:18px;padding:36px 22px;text-align:center}\n .footer-links{flex-wrap:wrap;justify-content:center}\n}\n<\/style>\n<\/head>\n<body>\n\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\/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\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\/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\n<section class=\"page-hero\">\n <div class=\"page-hero-eyebrow\">Kayit \u00b7 S\u00e9n\u00e9gal<\/div>\n <h1>COMMEN\u00c7ONS<br\/><span>L'AVENTURE<\/span><br\/>ENSEMBLE.<\/h1>\n <p class=\"page-hero-sub\">Une question, une commande, une collaboration ? Notre \u00e9quipe bas\u00e9e \u00e0 Dakar vous r\u00e9pond rapidement.<\/p>\n<\/section>\n\n\n<section class=\"contact-section\">\n\n \n <div class=\"contact-form-block\">\n <h2>Envoyez-nous<br\/>un message<\/h2>\n <p class=\"form-sub\">Nous vous r\u00e9pondons dans les 24h ouvr\u00e9es.<\/p>\n\n <form id=\"contactForm\" novalidate onsubmit=\"submitContact(event)\">\n \n <input type=\"text\" name=\"website\" id=\"website\" style=\"position:absolute;left:-9999px;width:1px;height:1px;\" tabindex=\"-1\" autocomplete=\"off\">\n <input type=\"hidden\" name=\"timestamp\" id=\"form-timestamp\" value=\"\">\n \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 <div class=\"form-group\">\n <label class=\"form-label\">E-mail <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 <span class=\"req\">*<\/span><\/label>\n <input class=\"form-input\" name=\"telephone\" placeholder=\"+221 77 000 00 00\" required type=\"tel\"\/>\n <span class=\"form-hint\">Cela nous permettra de vous appeler au besoin<\/span>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Message <span class=\"req\">*<\/span><\/label>\n <textarea class=\"form-input\" name=\"message\" placeholder=\"Comment pouvons-nous vous aider ?\" required><\/textarea>\n <\/div>\n <button class=\"form-submit\" type=\"submit\">Envoyer le message<\/button>\n <\/form>\n\n \n <div id=\"contactSuccess\" style=\"display:none;text-align:center;padding:48px 0\">\n <div style=\"width:56px;height:56px;border-radius:50%;background:var(--olive-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 20px\">\n <svg fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/div>\n <h3 style=\"font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;color:var(--olive-dark);margin-bottom:10px\">Message envoy\u00e9 !<\/h3>\n <p style=\"font-size:14px;font-weight:300;color:var(--text-muted);line-height:1.7\">Merci pour votre message.<br\/>Nous vous recontactons dans les plus brefs d\u00e9lais.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-sidebar\">\n\n \n <div class=\"contact-info-block fade-up\">\n <h3>Contact direct<\/h3>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>Adresse<\/strong>\n 11,7 KM Route de Rufisque<br\/>Dakar \u2013 S\u00e9n\u00e9gal\n <\/div>\n <\/div>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>T\u00e9l\u00e9phone<\/strong>\n <a href=\"tel:+221774740836\">77 474 08 36<\/a><br\/>\n <a href=\"tel:+221775381865\">77 538 18 65<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-info-item\">\n <div class=\"contact-info-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n <\/div>\n <div class=\"contact-info-text\">\n <strong>Email<\/strong>\n <a href=\"mailto:contact@kayit.sn\">contact@kayit.sn<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-social\">\n <a class=\"contact-social-link\" href=\"https:\/\/www.instagram.com\/kayit_sn\/\" target=\"_blank\" rel=\"noopener\">\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\"\/><\/svg>\n Instagram\n <\/a>\n <a class=\"contact-social-link\" href=\"https:\/\/www.tiktok.com\/@kayit_sn\" target=\"_blank\" rel=\"noopener\">\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\"\/><\/svg>\n TikTok\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-map-block fade-up\">\n <div style=\"width:100%; height:0; padding-bottom:56%; position:relative;\">\n <iframe\n src=\"https:\/\/maps.google.com\/maps?q=14.743778,-17.386278&z=17&output=embed\"\n style=\"border:0; position:absolute; top:0; left:0; width:100%; height:100%;\"\n allowfullscreen=\"\"\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\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<script>\n\/\/ Set timestamp when page loads (spam prevention)\ndocument.addEventListener('DOMContentLoaded', function() {\n document.getElementById('form-timestamp').value = Math.floor(Date.now() \/ 1000);\n});\n\n\/\/ Contact form submission\nfunction submitContact(event) {\n event.preventDefault();\n \n const form = event.target;\n const submitBtn = form.querySelector('.form-submit');\n \n \/\/ Prepare FormData\n const formData = new FormData();\n formData.append('prenom', form.prenom.value);\n formData.append('nom', form.nom.value);\n formData.append('email', form.email.value);\n formData.append('telephone', form.telephone.value);\n formData.append('message', form.message.value);\n \n \/\/ Spam prevention fields\n formData.append('website', form.website.value);\n formData.append('timestamp', form.timestamp.value);\n \n \/\/ Show loading\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Envoi en cours...';\n submitBtn.disabled = true;\n \n \/\/ Submit to WordPress REST API\n fetch('\/wp-json\/kayit\/v1\/contact', {\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n \/\/ Show success\n form.style.display = 'none';\n document.getElementById('contactSuccess').style.display = 'block';\n } else {\n alert(data.message || 'Erreur lors de l\\'envoi. Veuillez r\u00e9essayer.');\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Erreur de connexion. Veuillez v\u00e9rifier votre connexion internet.');\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n}\n\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<\/body>\n<\/html>\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>Contact \u2013 Kayit Accueil Produits \u00c0 propos Contact Commander Accueil Produits \u00c0 propos Contact Commander Kayit \u00b7 S\u00e9n\u00e9gal COMMEN\u00c7ONSL’AVENTUREENSEMBLE. Une question, une commande, une collaboration ? Notre \u00e9quipe bas\u00e9e \u00e0 Dakar vous r\u00e9pond rapidement. Envoyez-nousun message Nous vous r\u00e9pondons dans les 24h ouvr\u00e9es. Pr\u00e9nom Nom * E-mail * T\u00e9l\u00e9phone * Cela nous permettra de vous […]<\/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-553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553","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=553"}],"version-history":[{"count":81,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions"}],"predecessor-version":[{"id":1048,"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions\/1048"}],"wp:attachment":[{"href":"https:\/\/kayit.sn\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}