{"id":18,"date":"2026-03-04T20:23:05","date_gmt":"2026-03-04T19:23:05","guid":{"rendered":"http:\/\/159.65.88.233\/onemart\/?page_id=18"},"modified":"2026-03-04T20:23:05","modified_gmt":"2026-03-04T19:23:05","slug":"chaussure","status":"publish","type":"page","link":"https:\/\/onemartstore.com\/index.php\/chaussure\/","title":{"rendered":"chaussure"},"content":{"rendered":"


\n
\n
\n
\n
\nChaussons B\u00e9b\u00e9 Premium \u2013 Commandez maintenant<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Clash+Display:wght@600;700&family=Bricolage+Grotesque:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n RESET & BASE\n============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>:root {\n --ink: #0d0d0d;\n --ink2: #1c1c1c;\n --paper: #fafaf8;\n --white: #ffffff;\n --edge: #e8e6e1;\n --mute: #888580;\n --fire: #e84d0e;\n --fire2: #ff7a3d;\n --lime: #b8ff57;\n --lime-d: #8acd2a;\n --amber: #f5a623;\n --emerald: #00b86b;\n --r: 16px;\n --r-sm: 10px;\n --ff-head: 'Bricolage Grotesque', sans-serif;\n --ff-body: 'Bricolage Grotesque', sans-serif;\n}<\/p>\n<p>html { font-size: 16px; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }<\/p>\n<p>body {\n font-family: var(--ff-body);\n background: var(--paper);\n color: var(--ink);\n max-width: 480px;\n margin: 0 auto;\n min-height: 100svh;\n overflow-x: hidden;\n}<\/p>\n<p>img { display: block; max-width: 100%; }\nbutton, input, select { font-family: inherit; }<\/p>\n<p>\/* ============================================================\n TRUST TICKER\n============================================================ *\/\n.ticker {\n background: var(--ink);\n overflow: hidden;\n padding: 10px 0;\n position: relative;\n}\n.ticker::before, .ticker::after {\n content: '';\n position: absolute; top: 0; bottom: 0; width: 32px; z-index: 2;\n pointer-events: none;\n}\n.ticker::before { left: 0; background: linear-gradient(to right, var(--ink), transparent); }\n.ticker::after { right: 0; background: linear-gradient(to left, var(--ink), transparent); }<\/p>\n<p>.ticker-track {\n display: flex;\n gap: 0;\n animation: ticker 22s linear infinite;\n width: max-content;\n}\n.ticker-track:hover { animation-play-state: paused; }<\/p>\n<p>@keyframes ticker {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}<\/p>\n<p>.ticker-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 0 28px;\n font-size: 11.5px;\n font-weight: 700;\n color: rgba(255,255,255,0.9);\n letter-spacing: 0.8px;\n text-transform: uppercase;\n white-space: nowrap;\n border-right: 1px solid rgba(255,255,255,0.1);\n}\n.ticker-dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: var(--ink); flex-shrink: 0;\n animation: blink 2s ease-in-out infinite;\n}\n@keyframes blink {\n 0%,100% { opacity: 1; } 50% { opacity: 0.3; }\n}<\/p>\n<p>\/* ============================================================\n HERO SECTION \u2014 white \/ clean\n============================================================ *\/\n.hero {\n background: var(--white);\n padding: 20px 20px 0;\n position: relative;\n}<\/p>\n<p>.hero-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 14px;\n}<\/p>\n<p>.hero-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff3ee;\n border: 1px solid #ffd4c2;\n color: var(--fire);\n padding: 5px 12px 5px 7px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n.hero-pill-dot {\n width: 18px; height: 18px; border-radius: 50%;\n background: var(--fire);\n display: flex; align-items: center; justify-content: center;\n font-size: 10px; flex-shrink: 0;\n}<\/p>\n<p>.hero-sale-chip {\n background: var(--ink);\n color: var(--lime);\n font-size: 12px;\n font-weight: 800;\n padding: 5px 11px;\n border-radius: 8px;\n letter-spacing: 0.3px;\n white-space: nowrap;\n flex-shrink: 0;\n}<\/p>\n<p>.hero-title {\n font-size: clamp(24px, 7vw, 34px);\n font-weight: 800;\n color: var(--ink);\n line-height: 1.1;\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n}\n.hero-title span { color: var(--fire); }<\/p>\n<p>.hero-sub {\n font-size: 13px;\n color: var(--mute);\n line-height: 1.6;\n margin-bottom: 0;\n}<\/p>\n<p>\/* ============================================================\n PRODUCT CAROUSEL\n============================================================ *\/\n.hero-img-wrap {\n position: relative;\n margin: 0 -20px;\n background: #f5f4f0;\n overflow: hidden;\n touch-action: pan-y;\n border-radius: 16px;\n margin: 14px 0 0;\n border: 1px solid var(--edge);\n border-radius: 16px;\n}<\/p>\n<p>\/* Slides track *\/\n.carousel-track {\n display: flex;\n transition: transform 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n will-change: transform;\n}<\/p>\n<p>.carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}<\/p>\n<p>.carousel-slide img {\n width: 100%;\n max-height: 360px;\n object-fit: contain;\n padding: 20px 24px 20px;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}<\/p>\n<p>\/* Arrows *\/\n.carousel-arrow {\n position: absolute;\n top: 50%; transform: translateY(-50%);\n width: 36px; height: 36px;\n background: white;\n backdrop-filter: blur(8px);\n border: 1px solid var(--edge);\n border-radius: 50%;\n box-shadow: 0 2px 10px rgba(0,0,0,0.10);\n display: flex; align-items: center; justify-content: center;\n font-size: 16px; color: var(--ink);\n cursor: pointer; z-index: 3;\n transition: background 0.2s, transform 0.15s;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n.carousel-arrow:active { transform: translateY(-50%) scale(0.9); }\n.carousel-arrow:hover { background: rgba(255,255,255,0.22); }\n.carousel-arrow.prev { left: 10px; }\n.carousel-arrow.next { right: 10px; }<\/p>\n<p>\/* Dots *\/\n.carousel-dots {\n position: absolute;\n bottom: 10px; left: 0; right: 0;\n display: flex; justify-content: center; gap: 6px;\n z-index: 3;\n}\n.carousel-dot {\n width: 6px; height: 6px;\n border-radius: 999px;\n background: rgba(255,255,255,0.35);\n cursor: pointer;\n transition: width 0.28s ease, background 0.28s ease;\n}\n.carousel-dot.active {\n width: 22px;\n background: var(--lime);\n}<\/p>\n<p>\/* Counter badge *\/\n.carousel-counter {\n position: absolute;\n top: 12px; left: 12px;\n background: rgba(13,13,13,0.75);\n backdrop-filter: blur(8px);\n color: white;\n font-size: 11px; font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n z-index: 3;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.sale-tag {\n position: absolute;\n top: 12px; right: 12px;\n background: var(--fire);\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 8px;\n box-shadow: 0 4px 16px rgba(232,77,14,0.45);\n letter-spacing: 0.3px;\n z-index: 3;\n}<\/p>\n<p>\/* Thumbnail strip *\/\n.carousel-thumbs {\n display: flex;\n gap: 8px;\n padding: 10px 12px;\n background: var(--white);\n border-top: 1px solid var(--edge);\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n.carousel-thumbs::-webkit-scrollbar { display: none; }<\/p>\n<p>.carousel-thumb {\n width: 52px; height: 52px;\n flex-shrink: 0;\n border-radius: 8px;\n border: 2px solid transparent;\n overflow: hidden;\n cursor: pointer;\n transition: border-color 0.2s, opacity 0.2s;\n opacity: 0.5;\n background: #222;\n}\n.carousel-thumb img {\n width: 100%; height: 100%;\n object-fit: cover;\n padding: 0;\n pointer-events: none;\n}\n.carousel-thumb.active {\n border-color: var(--ink);\n opacity: 1;\n}<\/p>\n<p>\/* ============================================================\n SOCIAL PROOF BAR\n============================================================ *\/\n.proof-bar {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 14px;\n background: var(--paper);\n border: 1px solid var(--edge);\n border-radius: 14px;\n margin: 14px 20px 0;\n}\n.proof-faces {\n display: flex;\n}\n.proof-face {\n width: 30px; height: 30px;\n border-radius: 50%;\n border: 2px solid white;\n margin-left: -8px;\n font-size: 15px;\n display: flex; align-items: center; justify-content: center;\n background: #eee;\n}\n.proof-face:first-child { margin-left: 0; }<\/p>\n<p>.proof-text-wrap { flex: 1; }\n.proof-stars { color: var(--amber); font-size: 13px; line-height: 1; margin-bottom: 2px; }\n.proof-text { font-size: 11.5px; color: var(--mute); font-weight: 500; }\n.proof-text strong { color: var(--ink); font-weight: 700; }<\/p>\n<p>.live-badge {\n display: flex; align-items: center; gap: 5px;\n background: #fff3f0;\n border: 1px solid #ffd5c9;\n padding: 5px 10px;\n border-radius: 999px;\n font-size: 10.5px;\n font-weight: 700;\n color: var(--fire);\n white-space: nowrap;\n}\n.live-dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: var(--fire);\n animation: blink 1s ease-in-out infinite;\n}<\/p>\n<p>\/* ============================================================\n PRICE BLOCK\n============================================================ *\/\n.price-block {\n padding: 18px 20px 0;\n background: var(--white);\n}\n.price-row {\n display: flex;\n align-items: flex-end;\n gap: 10px;\n margin-bottom: 8px;\n}\n.price-now {\n font-size: 42px;\n font-weight: 800;\n color: var(--ink);\n line-height: 1;\n letter-spacing: -1px;\n}\n.price-unit { font-size: 14px; font-weight: 700; color: var(--mute); margin-bottom: 5px; }\n.price-old {\n font-size: 17px; color: #c0bdb6;\n text-decoration: line-through;\n margin-bottom: 5px;\n}\n.promo-chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background: var(--ink);\n color: var(--lime);\n padding: 5px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}<\/p>\n<p>\/* ============================================================\n OFFERS\n============================================================ *\/\n.offers-wrap {\n padding: 20px 20px 0;\n}<\/p>\n<p>.offers-heading {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 12px;\n}\n.offers-heading-line {\n flex: 1; height: 1px; background: var(--edge);\n}\n.offers-heading-text {\n font-size: 11px;\n font-weight: 700;\n color: var(--mute);\n text-transform: uppercase;\n letter-spacing: 1.2px;\n white-space: nowrap;\n}<\/p>\n<p>.offer-card {\n border: 2px solid var(--edge);\n border-radius: var(--r);\n padding: 14px;\n cursor: pointer;\n transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;\n margin-bottom: 10px;\n background: white;\n display: flex;\n align-items: center;\n gap: 12px;\n position: relative;\n user-select: none;\n -webkit-user-select: none;\n}\n.offer-card:active { transform: scale(0.985); }\n.offer-card.active {\n border-color: var(--ink);\n box-shadow: 0 0 0 3px rgba(13,13,13,0.08);\n background: var(--white);\n}\n.offer-card input[type=radio] { position: absolute; opacity: 0; }<\/p>\n<p>.offer-check {\n width: 22px; height: 22px;\n border: 2.5px solid var(--edge);\n border-radius: 50%;\n flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n transition: all 0.18s;\n background: white;\n}\n.offer-card.active .offer-check {\n border-color: var(--ink);\n background: var(--ink);\n}\n.offer-card.active .offer-check::after {\n content: '';\n width: 8px; height: 8px;\n border-radius: 50%;\n background: white;\n}<\/p>\n<p>.offer-thumb {\n width: 52px; height: 52px;\n border-radius: 10px;\n object-fit: cover;\n border: 1px solid var(--edge);\n flex-shrink: 0;\n background: #f0efeb;\n}<\/p>\n<p>.offer-body { flex: 1; min-width: 0; }\n.offer-name { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 5px; }\n.offer-tag {\n display: inline-block;\n font-size: 10.5px; font-weight: 800;\n padding: 3px 8px; border-radius: 6px;\n letter-spacing: 0.2px;\n}\n.tag-neutral { background: #f0efeb; color: #666; }\n.tag-fire { background: #fff0eb; color: var(--fire); }\n.tag-green { background: #edfff5; color: #00875a; }<\/p>\n<p>.offer-price-col { text-align: right; flex-shrink: 0; }\n.offer-price-old { font-size: 11px; color: #c0bdb6; text-decoration: line-through; display: block; margin-bottom: 2px; }\n.offer-price-now {\n font-size: 17px; font-weight: 800; color: var(--ink);\n display: block; line-height: 1;\n}<\/p>\n<p>\/* Most popular badge *\/\n.popular-badge {\n position: absolute;\n top: -1px; right: 14px;\n background: var(--ink);\n color: var(--lime);\n font-size: 9.5px;\n font-weight: 800;\n padding: 3px 9px;\n border-radius: 0 0 8px 8px;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}<\/p>\n<p>\/* ============================================================\n FORM\n============================================================ *\/\n.form-section {\n padding: 24px 20px 0;\n}<\/p>\n<p>.form-card {\n background: white;\n border: 1px solid var(--edge);\n border-radius: 20px;\n overflow: hidden;\n}<\/p>\n<p>.form-card-header {\n background: var(--ink);\n padding: 18px 20px;\n}\n.form-card-title {\n font-size: 17px;\n font-weight: 800;\n color: white;\n margin-bottom: 3px;\n}\n.form-card-sub { font-size: 12px; color: rgba(255,255,255,0.5); }<\/p>\n<p>.form-body { padding: 20px; display: flex; flex-direction: column; gap: 14px; }<\/p>\n<p>.field-group { display: flex; flex-direction: column; gap: 6px; }<\/p>\n<p>.field-label {\n font-size: 11px;\n font-weight: 700;\n color: var(--mute);\n text-transform: uppercase;\n letter-spacing: 1px;\n}<\/p>\n<p>.field-inner {\n position: relative;\n display: flex;\n align-items: center;\n}\n.field-icon {\n position: absolute;\n left: 14px;\n font-size: 16px;\n pointer-events: none;\n line-height: 1;\n}\n.field-inner input,\n.field-inner select {\n width: 100%;\n padding: 14px 14px 14px 44px;\n border: 2px solid var(--edge);\n border-radius: var(--r-sm);\n font-size: 15px;\n font-weight: 500;\n color: var(--ink);\n background: var(--paper);\n transition: border-color 0.2s, box-shadow 0.2s;\n -webkit-appearance: none;\n appearance: none;\n outline: none;\n}\n.field-inner input::placeholder { color: #c0bdb6; font-weight: 400; }\n.field-inner input:focus,\n.field-inner select:focus {\n border-color: var(--ink);\n box-shadow: 0 0 0 4px rgba(13,13,13,0.06);\n background: white;\n}<\/p>\n<p>\/* Custom select arrow *\/\n.select-wrap { position: relative; }\n.select-wrap::after {\n content: '\u25be';\n position: absolute;\n right: 14px; top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n color: var(--mute);\n pointer-events: none;\n}\n.select-wrap select { cursor: pointer; }<\/p>\n<p>\/* Phone with flag prefix *\/\n.phone-prefix {\n position: absolute;\n left: 44px;\n font-size: 13px;\n font-weight: 600;\n color: var(--ink);\n pointer-events: none;\n z-index: 1;\n}\n.field-inner input[type=tel] {\n padding-left: 84px;\n}<\/p>\n<p>\/* Divider *\/\n.form-divider {\n height: 1px;\n background: var(--edge);\n margin: 0 -20px;\n}<\/p>\n<p>\/* Submit *\/\n.submit-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n padding: 18px 20px;\n background: var(--ink);\n color: white;\n border: none;\n border-radius: var(--r-sm);\n font-size: 16px;\n font-weight: 800;\n letter-spacing: 0.3px;\n cursor: pointer;\n transition: transform 0.15s, box-shadow 0.15s;\n position: relative;\n overflow: hidden;\n}\n.submit-btn::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.07) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform 0.7s;\n}\n.submit-btn:hover::before { transform: translateX(100%); }\n.submit-btn:active { transform: scale(0.985); }\n.submit-btn:hover { box-shadow: 0 8px 28px rgba(13,13,13,0.28); }<\/p>\n<p>.submit-icon {\n width: 30px; height: 30px;\n background: rgba(255,255,255,0.12);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px; flex-shrink: 0;\n}<\/p>\n<p>.form-trust {\n display: flex;\n justify-content: center;\n gap: 18px;\n padding: 14px 20px;\n border-top: 1px solid var(--edge);\n}\n.form-trust-item {\n display: flex; align-items: center; gap: 5px;\n font-size: 11px; font-weight: 600; color: var(--mute);\n}<\/p>\n<p>\/* ============================================================\n DESCRIPTION\n============================================================ *\/\n.desc-section {\n padding: 36px 20px 0;\n}<\/p>\n<p>.sec-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n}\n.sec-label-text {\n font-size: 20px; font-weight: 800; color: var(--ink); white-space: nowrap;\n}\n.sec-label-line { flex: 1; height: 2px; background: var(--edge); }<\/p>\n<p>.desc-text {\n font-size: 14.5px; color: #444;\n line-height: 1.75;\n margin-bottom: 20px;\n}<\/p>\n<p>.desc-img {\n width: 100%;\n border-radius: var(--r);\n margin-bottom: 16px;\n overflow: hidden;\n background: var(--edge);\n}\n.desc-img img {\n width: 100%;\n object-fit: cover;\n border-radius: var(--r);\n}<\/p>\n<p>\/* Features *\/\n.feat-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin-bottom: 20px;\n}\n.feat-card {\n background: white;\n border: 1px solid var(--edge);\n border-radius: var(--r);\n padding: 16px 14px;\n}\n.feat-emoji { font-size: 26px; margin-bottom: 8px; }\n.feat-title { font-size: 13px; font-weight: 800; color: var(--ink); margin-bottom: 4px; }\n.feat-body { font-size: 12px; color: var(--mute); line-height: 1.5; }<\/p>\n<p>\/* Highlight strip *\/\n.highlight-strip {\n background: var(--ink);\n border-radius: var(--r);\n padding: 20px;\n margin-bottom: 20px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.hl-item {\n display: flex; align-items: flex-start; gap: 10px;\n color: rgba(255,255,255,0.85);\n font-size: 13.5px; line-height: 1.5;\n}\n.hl-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }<\/p>\n<p>\/* Size table *\/\n.size-table {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n margin-bottom: 20px;\n}\n.size-cell {\n background: white;\n border: 1.5px solid var(--edge);\n border-radius: 10px;\n padding: 10px 6px;\n text-align: center;\n}\n.size-num { font-size: 16px; font-weight: 800; color: var(--ink); }\n.size-cm { font-size: 10.5px; color: var(--mute); margin-top: 2px; }<\/p>\n<p>.size-note {\n font-size: 12px;\n color: var(--mute);\n text-align: center;\n margin-bottom: 28px;\n padding: 10px 14px;\n background: white;\n border: 1px solid var(--edge);\n border-radius: 10px;\n}<\/p>\n<p>\/* ============================================================\n REVIEWS\n============================================================ *\/\n.reviews-section {\n padding: 36px 20px 0;\n}<\/p>\n<p>.rating-summary {\n background: white;\n border: 1px solid var(--edge);\n border-radius: var(--r);\n padding: 18px;\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n}\n.rating-big {\n font-size: 52px;\n font-weight: 800;\n line-height: 1;\n color: var(--ink);\n flex-shrink: 0;\n}\n.rating-detail { flex: 1; }\n.rating-stars-big { color: var(--amber); font-size: 18px; margin-bottom: 4px; }\n.rating-label { font-size: 12.5px; color: var(--mute); font-weight: 500; }<\/p>\n<p>.review-card {\n background: white;\n border: 1px solid var(--edge);\n border-radius: var(--r);\n padding: 16px;\n margin-bottom: 12px;\n}\n.review-top {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n}\n.review-av {\n width: 40px; height: 40px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 18px; flex-shrink: 0;\n background: var(--edge);\n}\n.review-name { font-size: 14px; font-weight: 700; color: var(--ink); }\n.review-meta-row {\n display: flex; align-items: center; gap: 6px;\n margin-top: 2px;\n}\n.review-city { font-size: 11px; color: var(--mute); }\n.review-sep { font-size: 11px; color: var(--edge); }\n.verified { font-size: 10.5px; color: var(--emerald); font-weight: 700; background: #edfff5; padding: 2px 6px; border-radius: 4px; }\n.review-stars-sm { color: var(--amber); font-size: 12px; margin-left: auto; }\n.review-body { font-size: 13.5px; color: #4a4a4a; line-height: 1.65; }<\/p>\n<p>\/* ============================================================\n STICKY FOOTER CTA\n============================================================ *\/\n.sticky-footer {\n position: fixed;\n bottom: 0; left: 50%; transform: translateX(-50%) translateY(110%);\n width: 100%; max-width: 480px;\n padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n background: rgba(250,250,248,0.88);\n backdrop-filter: blur(20px) saturate(180%);\n -webkit-backdrop-filter: blur(20px) saturate(180%);\n border-top: 1px solid rgba(0,0,0,0.08);\n z-index: 9999;\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n}\n.sticky-footer.up { transform: translateX(-50%) translateY(0); }<\/p>\n<p>.sf-inner {\n display: flex; align-items: center; gap: 12px;\n}\n.sf-price-info { flex: 1; min-width: 0; }\n.sf-label { font-size: 11px; color: var(--mute); font-weight: 600; }\n.sf-price {\n font-size: 22px; font-weight: 800; color: var(--ink);\n line-height: 1.1; letter-spacing: -0.5px;\n}\n.sf-btn {\n flex-shrink: 0;\n display: flex; align-items: center; gap: 8px;\n padding: 14px 22px;\n background: var(--ink); color: white;\n border: none; border-radius: 12px;\n font-size: 15px; font-weight: 800; cursor: pointer;\n transition: transform 0.15s, box-shadow 0.15s;\n}\n.sf-btn:active { transform: scale(0.97); }\n.sf-btn:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.25); }<\/p>\n<p>\/* ============================================================\n FOOTER\n============================================================ *\/\n.page-footer {\n padding: 32px 20px calc(110px + env(safe-area-inset-bottom));\n text-align: center;\n margin-top: 40px;\n border-top: 1px solid var(--edge);\n}\n.footer-brand { font-size: 22px; font-weight: 800; color: var(--ink); margin-bottom: 14px; }\n.footer-links {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 14px;\n}\n.footer-links a {\n font-size: 12px; color: var(--mute); text-decoration: none;\n padding: 5px 12px; border: 1px solid var(--edge); border-radius: 999px;\n transition: all 0.2s;\n}\n.footer-links a:hover { background: var(--ink); color: white; border-color: var(--ink); }\n.footer-legal { font-size: 11px; color: #c0bdb6; line-height: 1.7; }<\/p>\n<p>\/* ============================================================\n SUCCESS SCREEN\n============================================================ *\/\n.success-screen {\n display: none;\n position: fixed; inset: 0; z-index: 99999;\n background: var(--paper);\n flex-direction: column; align-items: center; justify-content: center;\n padding: 40px 24px; text-align: center;\n}\n.success-screen.show { display: flex; }<\/p>\n<p>.success-circle {\n width: 88px; height: 88px;\n background: var(--ink); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 38px; margin-bottom: 24px;\n animation: popIn 0.5s cubic-bezier(0.68,-0.55,0.265,1.55) both;\n}\n@keyframes popIn {\n from { transform: scale(0); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n}\n.success-title {\n font-size: 30px; font-weight: 800; color: var(--ink);\n margin-bottom: 10px; line-height: 1.1;\n}\n.success-sub {\n font-size: 14px; color: var(--mute); line-height: 1.7;\n max-width: 300px; margin-bottom: 32px;\n}\n.success-steps {\n width: 100%; max-width: 360px;\n display: flex; flex-direction: column; gap: 10px;\n}\n.ss-step {\n display: flex; align-items: center; gap: 12px;\n background: white; border: 1px solid var(--edge);\n border-radius: 12px; padding: 13px 16px; text-align: left;\n}\n.ss-num {\n width: 30px; height: 30px; flex-shrink: 0;\n background: var(--ink); color: white; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 13px; font-weight: 800;\n}\n.ss-text { font-size: 13.5px; font-weight: 600; color: var(--ink); }<\/p>\n<p>\/* ============================================================\n UTILITIES\n============================================================ *\/\n.pb-safe { padding-bottom: env(safe-area-inset-bottom); }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><!-- ===== TICKER ===== --><\/p>\n<div class=\"ticker\" role=\"marquee\" aria-label=\"Informations commande\">\n<div class=\"ticker-track\">\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\ude9a Livraison Gratuite<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udcb5 Paiement \u00e0 la livraison<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udee1\ufe0f 100% S\u00e9curis\u00e9<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\u26a1 Livraison 24\u201348h<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udd04 Satisfaction Garantie<\/div>\n<p> <!-- duplicate for seamless loop --><\/p>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\ude9a Livraison Gratuite<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udcb5 Paiement \u00e0 la livraison<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udee1\ufe0f 100% S\u00e9curis\u00e9<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\u26a1 Livraison 24\u201348h<\/div>\n<div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>\ud83d\udd04 Satisfaction Garantie<\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== HERO ===== --><\/p>\n<div class=\"hero\">\n<div class=\"hero-top\">\n<div class=\"hero-pill\">\n <span class=\"hero-pill-dot\">\ud83d\udd25<\/span><br \/>\n Offre limit\u00e9e\n <\/div>\n<p> <span class=\"hero-sale-chip\">\u221225%<\/span>\n <\/div>\n<h1 class=\"hero-title\">Baskets Cuir <span>Premium<\/span> Homme<\/h1>\n<p class=\"hero-sub\">Antid\u00e9rapant \u00b7 Respirant \u00b7 L\u00e9g\u00e8ret\u00e9 absolue<\/p>\n<div class=\"hero-img-wrap\" id=\"carousel\">\n<div class=\"carousel-counter\" id=\"carousel-counter\">1 \/ 4<\/div>\n<div class=\"carousel-track\" id=\"carousel-track\">\n<div class=\"carousel-slide\"><img decoding=\"async\" src=\"img1.webp\" alt=\"Chausson b\u00e9b\u00e9 beige\" loading=\"eager\"><\/div>\n<div class=\"carousel-slide\"><img decoding=\"async\" src=\"img2.webp\" alt=\"Chausson b\u00e9b\u00e9 noir\" loading=\"lazy\"><\/div>\n<div class=\"carousel-slide\"><img decoding=\"async\" src=\"img1.webp\" alt=\"Chausson b\u00e9b\u00e9 beige 2\" loading=\"lazy\"><\/div>\n<div class=\"carousel-slide\"><img decoding=\"async\" src=\"img2.webp\" alt=\"Chausson b\u00e9b\u00e9 noir 2\" loading=\"lazy\"><\/div>\n<\/p><\/div>\n<p> <button class=\"carousel-arrow prev\" onclick=\"carouselMove(-1)\" aria-label=\"Pr\u00e9c\u00e9dent\">‹<\/button><br \/>\n <button class=\"carousel-arrow next\" onclick=\"carouselMove(1)\" aria-label=\"Suivant\">›<\/button><\/p>\n<div class=\"carousel-dots\" id=\"carousel-dots\"><\/div>\n<\/p><\/div>\n<div class=\"carousel-thumbs\" id=\"carousel-thumbs\">\n<div class=\"carousel-thumb active\" onclick=\"carouselGo(0)\"><img decoding=\"async\" src=\"img1.webp\" alt=\"Beige\"><\/div>\n<div class=\"carousel-thumb\" onclick=\"carouselGo(1)\"><img decoding=\"async\" src=\"img2.webp\" alt=\"Noir\"><\/div>\n<div class=\"carousel-thumb\" onclick=\"carouselGo(2)\"><img decoding=\"async\" src=\"img1.webp\" alt=\"Beige 2\"><\/div>\n<div class=\"carousel-thumb\" onclick=\"carouselGo(3)\"><img decoding=\"async\" src=\"img2.webp\" alt=\"Noir 2\"><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== SOCIAL PROOF BAR ===== --><\/p>\n<div class=\"proof-bar\">\n<div class=\"proof-faces\">\n<div class=\"proof-face\">\ud83d\udc68\ud83c\udfff<\/div>\n<div class=\"proof-face\">\ud83d\udc69\ud83c\udffe<\/div>\n<div class=\"proof-face\">\ud83d\udc68\ud83c\udffe<\/div>\n<div class=\"proof-face\">\ud83d\udc69\ud83c\udfff<\/div>\n<\/p><\/div>\n<div class=\"proof-text-wrap\">\n<div class=\"proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"proof-text\"><strong>4.9\/5<\/strong> \u00b7 +890 mamans satisfaites<\/div>\n<\/p><\/div>\n<div class=\"live-badge\">\n <span class=\"live-dot\"><\/span> 23 vues\n <\/div>\n<\/div>\n<p><!-- ===== PRICE ===== --><\/p>\n<div class=\"price-block\">\n<div class=\"price-row\">\n <span class=\"price-now\" id=\"disp-price\">5 500<\/span><br \/>\n <span class=\"price-unit\">CFA<\/span><br \/>\n <span class=\"price-old\" id=\"disp-old\">8 000 CFA<\/span>\n <\/div>\n<p> <span class=\"promo-chip\">\ud83c\udff7\ufe0f Promotion en cours<\/span>\n<\/div>\n<p><!-- ===== OFFERS ===== --><\/p>\n<div class=\"offers-wrap\">\n<div class=\"offers-heading\">\n<div class=\"offers-heading-line\"><\/div>\n<div class=\"offers-heading-text\">Choisissez votre offre<\/div>\n<div class=\"offers-heading-line\"><\/div>\n<\/p><\/div>\n<p> <!-- Offer 1 --><\/p>\n<div class=\"offer-card active\" onclick=\"selectOffer(this,1,5500,8000,'1 Paire')\" role=\"radio\" aria-checked=\"true\" tabindex=\"0\">\n <input type=\"radio\" name=\"offer\" value=\"1\" checked><\/p>\n<div class=\"offer-check\"><\/div>\n<p> <img decoding=\"async\" class=\"offer-thumb\" src=\"img1.webp\" alt=\"1 paire\"><\/p>\n<div class=\"offer-body\">\n<div class=\"offer-name\">1 Paire<\/div>\n<p> <span class=\"offer-tag tag-neutral\">Id\u00e9al pour essayer<\/span>\n <\/div>\n<div class=\"offer-price-col\">\n <span class=\"offer-price-now\">5 500 CFA<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Offer 2 --><\/p>\n<div class=\"offer-card\" onclick=\"selectOffer(this,2,9900,16000,'Pack 2 Paires')\" role=\"radio\" aria-checked=\"false\" tabindex=\"0\">\n<div class=\"popular-badge\">Le + choisi<\/div>\n<p> <input type=\"radio\" name=\"offer\" value=\"2\"><\/p>\n<div class=\"offer-check\"><\/div>\n<p> <img decoding=\"async\" class=\"offer-thumb\" src=\"img2.webp\" alt=\"Pack 2\"><\/p>\n<div class=\"offer-body\">\n<div class=\"offer-name\">Pack 2 Paires<\/div>\n<p> <span class=\"offer-tag tag-fire\">\ud83d\udd25 \u00c9conomisez 20%<\/span>\n <\/div>\n<div class=\"offer-price-col\">\n <span class=\"offer-price-old\">16 000 CFA<\/span><br \/>\n <span class=\"offer-price-now\">9 900 CFA<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Offer 3 --><\/p>\n<div class=\"offer-card\" onclick=\"selectOffer(this,3,13500,24000,'Pack 3 Paires')\" role=\"radio\" aria-checked=\"false\" tabindex=\"0\">\n <input type=\"radio\" name=\"offer\" value=\"3\"><\/p>\n<div class=\"offer-check\"><\/div>\n<p> <img decoding=\"async\" class=\"offer-thumb\" src=\"img1.webp\" alt=\"Pack 3\"><\/p>\n<div class=\"offer-body\">\n<div class=\"offer-name\">Pack 3 Paires<\/div>\n<p> <span class=\"offer-tag tag-green\">\u2705 Meilleure valeur<\/span>\n <\/div>\n<div class=\"offer-price-col\">\n <span class=\"offer-price-old\">24 000 CFA<\/span><br \/>\n <span class=\"offer-price-now\">13 500 CFA<\/span>\n <\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== FORM ===== --><\/p>\n<div class=\"form-section\" id=\"form-section\">\n<div class=\"form-card\">\n<div class=\"form-card-header\">\n<div class=\"form-card-title\">\ud83d\udce6 Confirmer ma commande<\/div>\n<div class=\"form-card-sub\">Livraison rapide \u00b7 Paiement cash \u00e0 la r\u00e9ception<\/div>\n<\/p><\/div>\n<form class=\"form-body\" id=\"order-form\" onsubmit=\"submitOrder(event)\" novalidate>\n<p> <!-- Nom --><\/p>\n<div class=\"field-group\">\n <label class=\"field-label\" for=\"f-name\">Nom complet<\/label><\/p>\n<div class=\"field-inner\">\n <span class=\"field-icon\">\ud83d\udc64<\/span><br \/>\n <input type=\"text\" id=\"f-name\" placeholder=\"Ex : Fatoumata Bah\" required autocomplete=\"name\">\n <\/div>\n<\/p><\/div>\n<p> <!-- T\u00e9l\u00e9phone --><\/p>\n<div class=\"field-group\">\n <label class=\"field-label\" for=\"f-phone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label><\/p>\n<div class=\"field-inner\">\n <span class=\"field-icon\">\ud83d\udcf1<\/span><br \/>\n <span class=\"phone-prefix\" id=\"phone-prefix\"><\/span><br \/>\n <input type=\"tel\" id=\"f-phone\" placeholder=\"07 00 00 00 00\" required autocomplete=\"tel\" inputmode=\"tel\">\n <\/div>\n<\/p><\/div>\n<p> <!-- Adresse --><\/p>\n<div class=\"field-group\">\n <label class=\"field-label\" for=\"f-address\">Adresse compl\u00e8te<\/label><\/p>\n<div class=\"field-inner\">\n <span class=\"field-icon\">\ud83d\udccd<\/span><br \/>\n <input type=\"text\" id=\"f-address\" placeholder=\"Quartier, rue, point de rep\u00e8re\" required autocomplete=\"street-address\">\n <\/div>\n<\/p><\/div>\n<div class=\"form-divider\"><\/div>\n<p> <!-- Pays --><\/p>\n<div class=\"field-group\">\n <label class=\"field-label\" for=\"f-country\">Pays<\/label><\/p>\n<div class=\"field-inner select-wrap\">\n <span class=\"field-icon\">\ud83c\udf0d<\/span><br \/>\n <select id=\"f-country\" required onchange=\"onCountryChange(this)\"><option value=\"\" disabled selected>S\u00e9lectionnez votre pays<\/option><option value=\"CI\">\ud83c\udde8\ud83c\uddee C\u00f4te d’Ivoire<\/option><option value=\"SN\">\ud83c\uddf8\ud83c\uddf3 S\u00e9n\u00e9gal<\/option><option value=\"ML\">\ud83c\uddf2\ud83c\uddf1 Mali<\/option><option value=\"BF\">\ud83c\udde7\ud83c\uddeb Burkina Faso<\/option><option value=\"GN\">\ud83c\uddec\ud83c\uddf3 Guin\u00e9e<\/option><option value=\"TD\">\ud83c\uddf9\ud83c\udde9 Tchad<\/option><option value=\"NE\">\ud83c\uddf3\ud83c\uddea Niger<\/option><option value=\"BJ\">\ud83c\udde7\ud83c\uddef B\u00e9nin<\/option><option value=\"GA\">\ud83c\uddec\ud83c\udde6 Gabon<\/option><\/select>\n <\/div>\n<\/p><\/div>\n<p> <!-- Ville --><\/p>\n<div class=\"field-group\">\n <label class=\"field-label\" for=\"f-city\">Ville<\/label><\/p>\n<div class=\"field-inner select-wrap\">\n <span class=\"field-icon\">\ud83c\udfd9\ufe0f<\/span><br \/>\n <select id=\"f-city\" required disabled><option value=\"\" disabled selected>\u2014 Choisissez d’abord un pays \u2014<\/option><\/select>\n <\/div>\n<\/p><\/div>\n<p> <!-- Hidden --><br \/>\n <input type=\"hidden\" id=\"h-qty\" value=\"1\"><br \/>\n <input type=\"hidden\" id=\"h-total\" value=\"44000\"><br \/>\n <input type=\"hidden\" id=\"h-offer\" value=\"1 Pi\u00e8ce\"><\/p>\n<p> <button type=\"submit\" class=\"submit-btn\" id=\"submit-btn\"><br \/>\n <span>Passer ma commande<\/span><br \/>\n <span class=\"submit-icon\">\u2192<\/span><br \/>\n <\/button><\/p><\/form>\n<div class=\"form-trust\">\n<div class=\"form-trust-item\">\ud83d\udd12 S\u00e9curis\u00e9<\/div>\n<div class=\"form-trust-item\">\ud83d\ude9a Livraison gratuite<\/div>\n<div class=\"form-trust-item\">\ud83d\udcb5 Cash \u00e0 la livraison<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ============================================================\n DESCRIPTION\n============================================================ --><\/p>\n<div class=\"desc-section\">\n<div class=\"sec-label\">\n<div class=\"sec-label-text\">Description<\/div>\n<div class=\"sec-label-line\"><\/div>\n<\/p><\/div>\n<p class=\"desc-text\">\n Offrez \u00e0 votre b\u00e9b\u00e9 les meilleurs premiers pas avec nos <strong>chaussons premium certifi\u00e9s OEKO-TEX<\/strong>. Fabriqu\u00e9s en coton bio doux, avec une semelle antid\u00e9rapante flexible qui prot\u00e8ge les petits pieds tout en leur laissant une libert\u00e9 totale de mouvement.\n <\/p>\n<p> <!-- Image 1 --><\/p>\n<div class=\"desc-img\">\n <img decoding=\"async\" src=\"img1.webp\" alt=\"Chausson b\u00e9b\u00e9 beige \u2014 vue produit\">\n <\/div>\n<p> <!-- Features grid --><\/p>\n<div class=\"feat-grid\">\n<div class=\"feat-card\">\n<div class=\"feat-emoji\">\ud83c\udf3f<\/div>\n<div class=\"feat-title\">Coton Bio<\/div>\n<div class=\"feat-body\">Certifi\u00e9 GOTS \u2014 doux, sans produits nocifs pour b\u00e9b\u00e9<\/div>\n<\/p><\/div>\n<div class=\"feat-card\">\n<div class=\"feat-emoji\">\ud83d\udee1\ufe0f<\/div>\n<div class=\"feat-title\">Antid\u00e9rapant<\/div>\n<div class=\"feat-body\">Semelle flexible qui prot\u00e8ge sans glisser<\/div>\n<\/p><\/div>\n<div class=\"feat-card\">\n<div class=\"feat-emoji\">\ud83c\udf2c\ufe0f<\/div>\n<div class=\"feat-title\">Respirant<\/div>\n<div class=\"feat-body\">Pied au frais m\u00eame sous les chaleurs tropicales<\/div>\n<\/p><\/div>\n<div class=\"feat-card\">\n<div class=\"feat-emoji\">\ud83e\uddfc<\/div>\n<div class=\"feat-title\">Lavable<\/div>\n<div class=\"feat-body\">Machine \u00e0 30\u00b0C \u2014 pratique pour les mamans<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Image 2 --><\/p>\n<div class=\"desc-img\">\n <img decoding=\"async\" src=\"img2.webp\" alt=\"Chausson b\u00e9b\u00e9 noir \u2014 vue produit\">\n <\/div>\n<p> <!-- Highlight strip --><\/p>\n<div class=\"highlight-strip\">\n<div class=\"hl-item\">\n <span class=\"hl-icon\">\u2705<\/span><br \/>\n <span>Certifi\u00e9 OEKO-TEX Standard 100 & Global Recycled Standard<\/span>\n <\/div>\n<div class=\"hl-item\">\n <span class=\"hl-icon\">\u2705<\/span><br \/>\n <span>Col en polaire douce \u2014 maintien chaud et confortable<\/span>\n <\/div>\n<div class=\"hl-item\">\n <span class=\"hl-icon\">\u2705<\/span><br \/>\n <span>Semelle souple \u2014 libert\u00e9 naturelle des orteils pour bien marcher<\/span>\n <\/div>\n<div class=\"hl-item\">\n <span class=\"hl-icon\">\u2705<\/span><br \/>\n <span>Disponible en plusieurs couleurs \u2014 du 17 au 23 (0\u201324 mois)<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Size guide --><\/p>\n<div class=\"sec-label\">\n<div class=\"sec-label-text\">Guide des tailles<\/div>\n<div class=\"sec-label-line\"><\/div>\n<\/p><\/div>\n<div class=\"size-table\">\n<div class=\"size-cell\">\n<div class=\"size-num\">17<\/div>\n<div class=\"size-cm\">0\u20133 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">18<\/div>\n<div class=\"size-cm\">3\u20136 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">19<\/div>\n<div class=\"size-cm\">6\u20139 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">20<\/div>\n<div class=\"size-cm\">9\u201312 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">21<\/div>\n<div class=\"size-cm\">12\u201315 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">22<\/div>\n<div class=\"size-cm\">15\u201318 mois<\/div>\n<\/div>\n<div class=\"size-cell\">\n<div class=\"size-num\">23<\/div>\n<div class=\"size-cm\">18\u201324 mois<\/div>\n<\/div><\/div>\n<div class=\"size-note\">\ud83d\udca1 En cas de doute, prenez la taille sup\u00e9rieure.<\/div>\n<\/div>\n<p><!-- ============================================================\n REVIEWS\n============================================================ --><\/p>\n<div class=\"reviews-section\">\n<div class=\"sec-label\">\n<div class=\"sec-label-text\">Avis clients<\/div>\n<div class=\"sec-label-line\"><\/div>\n<\/p><\/div>\n<div class=\"rating-summary\">\n<div class=\"rating-big\">4.9<\/div>\n<div class=\"rating-detail\">\n<div class=\"rating-stars-big\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"rating-label\">Bas\u00e9 sur 890+ avis v\u00e9rifi\u00e9s<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"review-card\">\n<div class=\"review-top\">\n<div class=\"review-av\">\ud83d\udc69\ud83c\udffe<\/div>\n<div>\n<div class=\"review-name\">Fatoumata K.<\/div>\n<div class=\"review-meta-row\">\n <span class=\"review-city\">Abidjan<\/span><br \/>\n <span class=\"review-sep\">\u00b7<\/span><br \/>\n <span class=\"verified\">\u2713 V\u00e9rifi\u00e9<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"review-stars-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<\/p><\/div>\n<div class=\"review-body\">\u00ab\u00a0Trop mignons ! Mon b\u00e9b\u00e9 les porte tous les jours. La semelle ne glisse pas du tout, je suis rassur\u00e9e. Livraison en 2 jours \u00e0 Cocody !\u00a0\u00bb<\/div>\n<\/p><\/div>\n<div class=\"review-card\">\n<div class=\"review-top\">\n<div class=\"review-av\">\ud83d\udc69\ud83c\udffd<\/div>\n<div>\n<div class=\"review-name\">Mariam D.<\/div>\n<div class=\"review-meta-row\">\n <span class=\"review-city\">Dakar<\/span><br \/>\n <span class=\"review-sep\">\u00b7<\/span><br \/>\n <span class=\"verified\">\u2713 V\u00e9rifi\u00e9<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"review-stars-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<\/p><\/div>\n<div class=\"review-body\">\u00ab\u00a0J’ai pris le pack 2 paires pour avoir une couleur diff\u00e9rente chaque jour. Qualit\u00e9 vraiment top, bien mieux que ce qu’on trouve au march\u00e9 !\u00a0\u00bb<\/div>\n<\/p><\/div>\n<div class=\"review-card\">\n<div class=\"review-top\">\n<div class=\"review-av\">\ud83d\udc68\ud83c\udfff<\/div>\n<div>\n<div class=\"review-name\">Ibrahima S.<\/div>\n<div class=\"review-meta-row\">\n <span class=\"review-city\">Bamako<\/span><br \/>\n <span class=\"review-sep\">\u00b7<\/span><br \/>\n <span class=\"verified\">\u2713 V\u00e9rifi\u00e9<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"review-stars-sm\">\u2605\u2605\u2605\u2605\u2606<\/div>\n<\/p><\/div>\n<div class=\"review-body\">\u00ab\u00a0Cadeau pour ma ni\u00e8ce, la maman est ravie. Tissu tr\u00e8s doux, b\u00e9b\u00e9 ne les enl\u00e8ve pas ! Paiement \u00e0 la livraison tr\u00e8s pratique.\u00a0\u00bb<\/div>\n<\/p><\/div>\n<div class=\"review-card\">\n<div class=\"review-top\">\n<div class=\"review-av\">\ud83d\udc69\ud83c\udffe<\/div>\n<div>\n<div class=\"review-name\">Aminata C.<\/div>\n<div class=\"review-meta-row\">\n <span class=\"review-city\">Ouagadougou<\/span><br \/>\n <span class=\"review-sep\">\u00b7<\/span><br \/>\n <span class=\"verified\">\u2713 V\u00e9rifi\u00e9<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"review-stars-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<\/p><\/div>\n<div class=\"review-body\">\u00ab\u00a03\u00e8me commande ! \u00c0 chaque fois m\u00eame qualit\u00e9, m\u00eame rapidit\u00e9. Je recommande \u00e0 toutes les mamans.\u00a0\u00bb<\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== FOOTER ===== --><\/p>\n<div class=\"page-footer\">\n<div class=\"footer-brand\">BabyStep<\/div>\n<div class=\"footer-links\">\n <a href=\"#\">CGV<\/a><br \/>\n <a href=\"#\">Confidentialit\u00e9<\/a><br \/>\n <a href=\"#\">Livraison<\/a><br \/>\n <a href=\"#\">Mentions l\u00e9gales<\/a>\n <\/div>\n<div class=\"footer-legal\">\n Ce site n’est pas affili\u00e9 \u00e0 Facebook\u2122 ni \u00e0 Meta Platforms, Inc.<br \/>\n Facebook\u2122 est une marque d\u00e9pos\u00e9e de Meta Platforms, Inc.<br \/>\n \u00a9 SmartDeal \u2013 Tous droits r\u00e9serv\u00e9s\n <\/div>\n<\/div>\n<p><!-- ===== STICKY CTA ===== --><\/p>\n<div class=\"sticky-footer\" id=\"sticky-footer\">\n<div class=\"sf-inner\">\n<div class=\"sf-price-info\">\n<div class=\"sf-label\">Total s\u00e9lectionn\u00e9<\/div>\n<div class=\"sf-price\" id=\"sf-price\">5 500 CFA<\/div>\n<\/p><\/div>\n<p> <button class=\"sf-btn\" onclick=\"scrollToForm()\" type=\"button\"><br \/>\n \ud83d\uded2 Commander<br \/>\n <\/button>\n <\/div>\n<\/div>\n<p><!-- ===== SUCCESS SCREEN ===== --><\/p>\n<div class=\"success-screen\" id=\"success-screen\">\n<div class=\"success-circle\">\u2713<\/div>\n<div class=\"success-title\">Commande re\u00e7ue !<\/div>\n<div class=\"success-sub\">Notre \u00e9quipe va vous contacter tr\u00e8s bient\u00f4t pour confirmer la livraison.<\/div>\n<div class=\"success-steps\">\n<div class=\"ss-step\">\n<div class=\"ss-num\">1<\/div>\n<div class=\"ss-text\">Vous recevrez un appel de confirmation<\/div>\n<\/p><\/div>\n<div class=\"ss-step\">\n<div class=\"ss-num\">2<\/div>\n<div class=\"ss-text\">Livraison \u00e0 domicile sous 24\u201348h<\/div>\n<\/p><\/div>\n<div class=\"ss-step\">\n<div class=\"ss-num\">3<\/div>\n<div class=\"ss-text\">Paiement en cash \u00e0 la r\u00e9ception<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ============================================================\n JAVASCRIPT\n============================================================ --><br \/>\n<script>\n\/* ===== CITIES DATA ===== *\/\nconst CITIES = {\n CI: { prefix: '+225', cities: ['Abidjan','Bouak\u00e9','Daloa','Yamoussoukro','Korhogo','Man','San-P\u00e9dro','Gagnoa','Abengourou','Divo','Dimbokro','Bondoukou','Agboville','Soubr\u00e9','Aboisso'] },\n SN: { prefix: '+221', cities: ['Dakar','Thi\u00e8s','Saint-Louis','Ziguinchor','Kaolack','Mbour','Rufisque','Touba','Diourbel','Louga','Tambacounda','Kolda','Fatick','Matam'] },\n ML: { prefix: '+223', cities: ['Bamako','Sikasso','Mopti','Koutiala','Kayes','S\u00e9gou','Gao','Kati','Bougouni','Markala','San','Niono','Kidal'] },\n BF: { prefix: '+226', cities: ['Ouagadougou','Bobo-Dioulasso','Koudougou','Banfora','Ouahigouya','Pouytenga','Kaya','Tenkodogo','Fada N\\'Gourma','D\u00e9dougou','R\u00e9o','Gaoua','Dori'] },\n GN: { prefix: '+224', cities: ['Conakry','Nz\u00e9r\u00e9kor\u00e9','Kankan','Kindia','Lab\u00e9','Gu\u00e9ck\u00e9dou','Mamou','Macenta','Kissidougou','Siguiri','Coyah','T\u00e9lim\u00e9l\u00e9'] },\n TD: { prefix: '+235', cities: ['N\\'Djamena','Moundou','Sarh','Ab\u00e9ch\u00e9','K\u00e9lo','Koumra','Pala','Am Timan','Bongor','Mongo','Doba','Faya-Largeau'] },\n NE: { prefix: '+227', cities: ['Niamey','Zinder','Maradi','Agadez','Tahoua','Dosso','Diffa','Arlit','Birni N\\'Konni','Tillab\u00e9ri'] },\n BJ: { prefix: '+229', cities: ['Cotonou','Porto-Novo','Parakou','Djougou','Bohicon','Kandi','Lokossa','Ouidah','Abomey','Natitingou','Abomey-Calavi'] },\n GA: { prefix: '+241', cities: ['Libreville','Port-Gentil','Franceville','Oyem','Moanda','Mouila','Lambar\u00e9n\u00e9','Tchibanga','Koulamoutou','Makokou'] }\n};<\/p>\n<p>\/* ===== STATE ===== *\/\nlet state = { qty: 1, total: 5500, offer: '1 Paire' };<\/p>\n<p>\/* ===== OFFER SELECT ===== *\/\nfunction selectOffer(el, qty, total, oldTotal, label) {\n document.querySelectorAll('.offer-card').forEach(c => {\n c.classList.remove('active');\n c.setAttribute('aria-checked', 'false');\n });\n el.classList.add('active');\n el.setAttribute('aria-checked', 'true');<\/p>\n<p> state = { qty, total, offer: label };\n document.getElementById('h-qty').value = qty;\n document.getElementById('h-total').value = total;\n document.getElementById('h-offer').value = label;<\/p>\n<p> const fmt = n => n.toLocaleString('fr-FR');\n document.getElementById('disp-price').textContent = fmt(total);\n document.getElementById('disp-old').textContent = fmt(oldTotal) + ' CFA';\n document.getElementById('sf-price').textContent = fmt(total) + ' CFA';\n}<\/p>\n<p>\/* ===== COUNTRY CHANGE ===== *\/\nfunction onCountryChange(sel) {\n const code = sel.value;\n const data = CITIES[code];\n const cityEl = document.getElementById('f-city');\n const prefixEl = document.getElementById('phone-prefix');<\/p>\n<p> \/\/ Update phone prefix\n if (prefixEl) {\n prefixEl.textContent = data ? data.prefix : '';\n const phoneInput = document.getElementById('f-phone');\n if (phoneInput) phoneInput.style.paddingLeft = data ? '86px' : '42px';\n }<\/p>\n<p> \/\/ Populate city dropdown\n cityEl.innerHTML = '<option value=\"\" disabled selected>\u2014 Choisissez votre ville \u2014<\/option>';\n if (data) {\n data.cities.forEach(city => {\n const opt = document.createElement('option');\n opt.value = city; opt.textContent = city;\n cityEl.appendChild(opt);\n });\n cityEl.disabled = false;\n } else {\n cityEl.disabled = true;\n }\n}<\/p>\n<p>\/* ===== STICKY FOOTER ===== *\/\nconst stickyEl = document.getElementById('sticky-footer');\nconst formEl = document.getElementById('form-section');<\/p>\n<p>const stickyObs = new IntersectionObserver(entries => {\n const visible = entries[0].isIntersecting;\n stickyEl.classList.toggle('up', !visible);\n}, { threshold: 0.1 });<\/p>\n<p>stickyObs.observe(formEl);<\/p>\n<p>function scrollToForm() {\n document.getElementById('form-section').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}<\/p>\n<p>\/* ===== FORM SUBMIT ===== *\/\nfunction submitOrder(e) {\n e.preventDefault();\n const name = document.getElementById('f-name').value.trim();\n const phone = document.getElementById('f-phone').value.trim();\n const address = document.getElementById('f-address').value.trim();\n const country = document.getElementById('f-country').value;\n const city = document.getElementById('f-city').value;<\/p>\n<p> if (!name || !phone || !address || !country || !city) {\n \/\/ Simple shake on missing\n const btn = document.getElementById('submit-btn');\n btn.style.animation = 'none';\n btn.offsetHeight; \/\/ reflow\n btn.style.animation = 'shake 0.4s ease';\n return;\n }<\/p>\n<p> const payload = {\n name, phone, address, country, city,\n qty: state.qty, total: state.total, offer: state.offer,\n store: 'SmartDeal'\n };\n console.log('\ud83d\udce6 Order:', payload);\n \/\/ \u2192 POST to your webhook \/ Google Sheet \/ CRM here<\/p>\n<p> document.getElementById('success-screen').classList.add('show');\n window.scrollTo(0, 0);\n}<\/p>\n<p>\/* ===== CAROUSEL ===== *\/\n(function() {\n const TOTAL = document.querySelectorAll('.carousel-slide').length;\n let cur = 0;\n let startX = 0;\n let isDragging = false;<\/p>\n<p> const track = document.getElementById('carousel-track');\n const dotsWrap = document.getElementById('carousel-dots');\n const thumbsWrap= document.getElementById('carousel-thumbs');\n const counter = document.getElementById('carousel-counter');<\/p>\n<p> \/\/ Build dots\n for (let i = 0; i < TOTAL; i++) {\n const d = document.createElement('div');\n d.className = 'carousel-dot' + (i === 0 ? ' active' : '');\n d.onclick = () => carouselGo(i);\n dotsWrap.appendChild(d);\n }<\/p>\n<p> function update() {\n track.style.transform = 'translateX(-' + (cur * 100) + '%)';\n counter.textContent = (cur + 1) + ' \/ ' + TOTAL;\n dotsWrap.querySelectorAll('.carousel-dot').forEach((d, i) => d.classList.toggle('active', i === cur));\n if (thumbsWrap) {\n thumbsWrap.querySelectorAll('.carousel-thumb').forEach((t, i) => {\n t.classList.toggle('active', i === cur);\n if (i === cur) t.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n });\n }\n }<\/p>\n<p> window.carouselMove = function(dir) {\n cur = (cur + dir + TOTAL) % TOTAL;\n update();\n };\n window.carouselGo = function(idx) {\n cur = idx;\n update();\n };<\/p>\n<p> \/\/ Touch \/ swipe\n const el = document.getElementById('carousel');\n el.addEventListener('touchstart', e => { startX = e.touches[0].clientX; isDragging = true; }, { passive: true });\n el.addEventListener('touchend', e => {\n if (!isDragging) return;\n const diff = startX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) carouselMove(diff > 0 ? 1 : -1);\n isDragging = false;\n });<\/p>\n<p> \/\/ Auto-play every 4s\n let timer = setInterval(() => carouselMove(1), 4000);\n el.addEventListener('touchstart', () => clearInterval(timer), { passive: true });\n})();<\/p>\n<p>\/* Shake animation *\/\nconst style = document.createElement('style');\nstyle.textContent = `@keyframes shake {\n 0%,100%{transform:translateX(0)}\n 20%{transform:translateX(-6px)}\n 40%{transform:translateX(6px)}\n 60%{transform:translateX(-4px)}\n 80%{transform:translateX(4px)}\n}`;\ndocument.head.appendChild(style);<\/p>\n<p>\/* ===== LIVE COUNTER (fake) ===== *\/\nconst liveEl = document.querySelector('.live-badge');\nif (liveEl) {\n let count = 23;\n setInterval(() => {\n const delta = Math.random() > 0.5 ? 1 : -1;\n count = Math.max(14, Math.min(42, count + delta));\n liveEl.innerHTML = `<span class=\"live-dot\"><\/span> ${count} vues`;\n }, 4000);\n}\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chaussons B\u00e9b\u00e9 Premium \u2013 Commandez maintenant \ud83d\ude9a Livraison Gratuite \ud83d\udcb5 Paiement \u00e0 la livraison \ud83d\udee1\ufe0f 100% S\u00e9curis\u00e9 \u26a1 Livraison 24\u201348h […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/onemartstore.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}