{"id":9064,"date":"2026-03-15T00:38:01","date_gmt":"2026-03-15T00:38:01","guid":{"rendered":"https:\/\/digitalsecurity-dz.com\/bodystar\/?page_id=9064"},"modified":"2026-03-15T14:48:39","modified_gmt":"2026-03-15T14:48:39","slug":"commander-2","status":"publish","type":"page","link":"https:\/\/digitalsecurity-dz.com\/bodystar\/commander-2\/","title":{"rendered":"Commander"},"content":{"rendered":"<div id=\"co-root\">\n\n  <div id=\"co-bread\"><div class=\"co-w\">\n    <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/\">Accueil<\/a>\n    <i>\u203a<\/i><a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/shopping\/\">Boutique<\/a>\n    <i>\u203a<\/i><span>Commander<\/span>\n  <\/div><\/div>\n\n  <div id=\"co-steps\">\n    <div class=\"co-step done\"><div class=\"co-sn\">\u2713<\/div><span>Produit<\/span><\/div>\n    <div class=\"co-sl\"><\/div>\n    <div class=\"co-step active\"><div class=\"co-sn\">2<\/div><span>Vos infos<\/span><\/div>\n    <div class=\"co-sl\"><\/div>\n    <div class=\"co-step\"><div class=\"co-sn\">3<\/div><span>Confirmation<\/span><\/div>\n  <\/div>\n\n  <div class=\"co-w co-layout\" id=\"co-form-section\">\n\n    <div class=\"co-form-col\">\n      <div class=\"co-card\">\n        <div class=\"co-card-hd\"><span>\ud83d\udccb<\/span> Informations de livraison<\/div>\n        <div id=\"co-alert\" class=\"co-alert\" style=\"display:none\"><\/div>\n\n        <div class=\"co-field\">\n          <label>Nom et Pr\u00e9nom <span class=\"co-req\">*<\/span><\/label>\n          <div class=\"co-input-wrap\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n            <input type=\"text\" id=\"co-nom\" placeholder=\"Ex : Ahmed Bensalem\" autocomplete=\"name\">\n          <\/div>\n        <\/div>\n\n        <div class=\"co-field\">\n          <label>T\u00e9l\u00e9phone <span class=\"co-req\">*<\/span><\/label>\n          <div class=\"co-input-wrap co-tel-wrap\">\n            <div class=\"co-tel-prefix\">\ud83c\udde9\ud83c\uddff +213<\/div>\n            <input type=\"tel\" id=\"co-tel\" placeholder=\"0XXXXXXXXX\" maxlength=\"10\">\n          <\/div>\n        <\/div>\n\n        <div class=\"co-field\">\n          <label>Wilaya <span class=\"co-req\">*<\/span><\/label>\n          <div class=\"co-select-wrap\">\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.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n            <select id=\"co-wilaya\">\n              <option value=\"\">\u2014 S\u00e9lectionnez votre wilaya \u2014<\/option>\n                            <option value=\"01 - Adrar\">01 - Adrar<\/option>\n                            <option value=\"02 - Chlef\">02 - Chlef<\/option>\n                            <option value=\"03 - Laghouat\">03 - Laghouat<\/option>\n                            <option value=\"04 - Oum El Bouaghi\">04 - Oum El Bouaghi<\/option>\n                            <option value=\"05 - Batna\">05 - Batna<\/option>\n                            <option value=\"06 - B\u00e9ja\u00efa\">06 - B\u00e9ja\u00efa<\/option>\n                            <option value=\"07 - Biskra\">07 - Biskra<\/option>\n                            <option value=\"08 - B\u00e9char\">08 - B\u00e9char<\/option>\n                            <option value=\"09 - Blida\">09 - Blida<\/option>\n                            <option value=\"10 - Bouira\">10 - Bouira<\/option>\n                            <option value=\"11 - Tamanrasset\">11 - Tamanrasset<\/option>\n                            <option value=\"12 - T\u00e9bessa\">12 - T\u00e9bessa<\/option>\n                            <option value=\"13 - Tlemcen\">13 - Tlemcen<\/option>\n                            <option value=\"14 - Tiaret\">14 - Tiaret<\/option>\n                            <option value=\"15 - Tizi Ouzou\">15 - Tizi Ouzou<\/option>\n                            <option value=\"16 - Alger\">16 - Alger<\/option>\n                            <option value=\"17 - Djelfa\">17 - Djelfa<\/option>\n                            <option value=\"18 - Jijel\">18 - Jijel<\/option>\n                            <option value=\"19 - S\u00e9tif\">19 - S\u00e9tif<\/option>\n                            <option value=\"20 - Sa\u00efda\">20 - Sa\u00efda<\/option>\n                            <option value=\"21 - Skikda\">21 - Skikda<\/option>\n                            <option value=\"22 - Sidi Bel Abb\u00e8s\">22 - Sidi Bel Abb\u00e8s<\/option>\n                            <option value=\"23 - Annaba\">23 - Annaba<\/option>\n                            <option value=\"24 - Guelma\">24 - Guelma<\/option>\n                            <option value=\"25 - Constantine\">25 - Constantine<\/option>\n                            <option value=\"26 - M\u00e9d\u00e9a\">26 - M\u00e9d\u00e9a<\/option>\n                            <option value=\"27 - Mostaganem\">27 - Mostaganem<\/option>\n                            <option value=\"28 - M&#039;Sila\">28 - M&#039;Sila<\/option>\n                            <option value=\"29 - Mascara\">29 - Mascara<\/option>\n                            <option value=\"30 - Ouargla\">30 - Ouargla<\/option>\n                            <option value=\"31 - Oran\">31 - Oran<\/option>\n                            <option value=\"32 - El Bayadh\">32 - El Bayadh<\/option>\n                            <option value=\"33 - Illizi\">33 - Illizi<\/option>\n                            <option value=\"34 - Bordj Bou Arr\u00e9ridj\">34 - Bordj Bou Arr\u00e9ridj<\/option>\n                            <option value=\"35 - Boumerd\u00e8s\">35 - Boumerd\u00e8s<\/option>\n                            <option value=\"36 - El Tarf\">36 - El Tarf<\/option>\n                            <option value=\"37 - Tindouf\">37 - Tindouf<\/option>\n                            <option value=\"38 - Tissemsilt\">38 - Tissemsilt<\/option>\n                            <option value=\"39 - El Oued\">39 - El Oued<\/option>\n                            <option value=\"40 - Khenchela\">40 - Khenchela<\/option>\n                            <option value=\"41 - Souk Ahras\">41 - Souk Ahras<\/option>\n                            <option value=\"42 - Tipaza\">42 - Tipaza<\/option>\n                            <option value=\"43 - Mila\">43 - Mila<\/option>\n                            <option value=\"44 - A\u00efn Defla\">44 - A\u00efn Defla<\/option>\n                            <option value=\"45 - Na\u00e2ma\">45 - Na\u00e2ma<\/option>\n                            <option value=\"46 - A\u00efn T\u00e9mouchent\">46 - A\u00efn T\u00e9mouchent<\/option>\n                            <option value=\"47 - Gharda\u00efa\">47 - Gharda\u00efa<\/option>\n                            <option value=\"48 - Relizane\">48 - Relizane<\/option>\n                            <option value=\"49 - Timimoun\">49 - Timimoun<\/option>\n                            <option value=\"50 - Bordj Badji Mokhtar\">50 - Bordj Badji Mokhtar<\/option>\n                            <option value=\"51 - Ouled Djellal\">51 - Ouled Djellal<\/option>\n                            <option value=\"52 - B\u00e9ni Abb\u00e8s\">52 - B\u00e9ni Abb\u00e8s<\/option>\n                            <option value=\"53 - In Salah\">53 - In Salah<\/option>\n                            <option value=\"54 - In Guezzam\">54 - In Guezzam<\/option>\n                            <option value=\"55 - Touggourt\">55 - Touggourt<\/option>\n                            <option value=\"56 - Djanet\">56 - Djanet<\/option>\n                            <option value=\"57 - El M&#039;Ghair\">57 - El M&#039;Ghair<\/option>\n                            <option value=\"58 - El Meniaa\">58 - El Meniaa<\/option>\n                          <\/select>\n            <svg class=\"co-chev\" viewBox=\"0 0 10 6\"><path d=\"M0 0l5 6 5-6z\"\/><\/svg>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-field\">\n          <label>Commune <span class=\"co-req\">*<\/span><\/label>\n          <div class=\"co-input-wrap\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15 11V5l-3-3-3 3v2H3v14h18V11h-6zm-8 8H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm6 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm6 12h-2v-2h2v2zm0-4h-2v-2h2v2z\"\/><\/svg>\n            <input type=\"text\" id=\"co-commune\" placeholder=\"Votre commune \/ ville\">\n          <\/div>\n        <\/div>\n\n        <div class=\"co-field\">\n          <label>Type de livraison <span class=\"co-req\">*<\/span><\/label>\n          <div class=\"co-liv-grid\">\n            <label class=\"co-liv-opt\">\n              <input type=\"radio\" name=\"co-liv\" value=\"domicile\" checked>\n              <div class=\"co-liv-box\">\n                <div class=\"co-liv-ico\">\ud83c\udfe0<\/div>\n                <div class=\"co-liv-txt\"><strong>\u00c0 domicile<\/strong><span>Livr\u00e9 chez vous<\/span><\/div>\n                <div class=\"co-liv-radio\"><\/div>\n              <\/div>\n            <\/label>\n            <label class=\"co-liv-opt\">\n              <input type=\"radio\" name=\"co-liv\" value=\"stopdesk\">\n              <div class=\"co-liv-box\">\n                <div class=\"co-liv-ico\">\ud83d\udce6<\/div>\n                <div class=\"co-liv-txt\"><strong>Stop Desk<\/strong><span>Retrait en bureau<\/span><\/div>\n                <div class=\"co-liv-radio\"><\/div>\n              <\/div>\n            <\/label>\n          <\/div>\n          <div class=\"co-liv-note\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n            Les frais de livraison seront communiqu\u00e9s par notre \u00e9quipe.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button id=\"co-submit\">\n        <span class=\"co-btn-txt\">\u2705 CONFIRMER MA COMMANDE<\/span>\n        <div class=\"co-spin\" style=\"display:none\"><\/div>\n      <\/button>\n      <p class=\"co-secure\">\ud83d\udd12 Paiement \u00e0 la livraison \u00b7 Confirmation par t\u00e9l\u00e9phone<\/p>\n    <\/div>\n\n    <aside class=\"co-aside\">\n      <div class=\"co-card co-summary\">\n        <div class=\"co-card-hd\">\n          <span>\ud83d\udecd\ufe0f<\/span> Votre commande\n                  <\/div>\n                <div class=\"co-empty\"><span>\ud83d\uded2<\/span><p>Aucun produit.<br><a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/shopping\/\">Retour \u00e0 la boutique \u2192<\/a><\/p><\/div>\n              <\/div>\n      <div class=\"co-card co-guas\">\n        <div class=\"co-gua\"><span>\ud83d\udee1\ufe0f<\/span><div><b>Produits 100% authentiques<\/b><small>Importateur officiel<\/small><\/div><\/div>\n        <div class=\"co-gua\"><span>\ud83d\udcde<\/span><div><b>Paiement \u00e0 la livraison<\/b><small>Aucun risque<\/small><\/div><\/div>\n        <div class=\"co-gua\"><span>\ud83d\ude80<\/span><div><b>Livraison partout en Alg\u00e9rie<\/b><small>Rapide et fiable<\/small><\/div><\/div>\n      <\/div>\n    <\/aside>\n  <\/div>\n\n  <div id=\"co-confirm\" style=\"display:none\">\n    <div class=\"co-w co-confirm-inner\">\n      <div class=\"co-confirm-emoji\">\ud83c\udf89<\/div>\n      <h1>COMMANDE <span>CONFIRM\u00c9E<\/span> !<\/h1>\n      <p class=\"co-confirm-sub\">Merci <strong id=\"co-cn-nom\"><\/strong> ! Votre commande a bien \u00e9t\u00e9 enregistr\u00e9e.<\/p>\n      <div class=\"co-confirm-box\">\n        <div class=\"co-cr\"><span>\ud83d\udccb Commande<\/span><strong id=\"co-cn-num\" class=\"co-gold\">\u2014<\/strong><\/div>\n        <div class=\"co-cr\"><span>\ud83d\udccd Wilaya<\/span><strong id=\"co-cn-wilaya\">\u2014<\/strong><\/div>\n        <div class=\"co-cr\"><span>\ud83d\ude9a Livraison<\/span><strong id=\"co-cn-liv\">\u2014<\/strong><\/div>\n      <\/div>\n      <div class=\"co-confirm-note\">\n        <span>\ud83d\udcde<\/span>\n        <p>Notre \u00e9quipe va vous contacter pour <b>confirmer votre commande<\/b> et vous communiquer les <b>frais de livraison<\/b>.<\/p>\n      <\/div>\n      <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/shopping\/\" class=\"co-confirm-btn\">\ud83d\udecd\ufe0f Continuer mes achats<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');\n\n#co-root{--gd:#e07700;--gd2:#ffa500;--dk:#f5f5f7;--dk1:#ffffff;--dk2:#f0f0f4;--bd:rgba(224,119,0,.18);--bd2:rgba(224,119,0,.35);--tx:#1a1a2e;--mu:#6b6987;--lg:#2e2c4a;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw!important;font-family:'DM Sans',sans-serif;background:var(--dk);color:var(--tx);overflow-x:hidden;padding-bottom:80px;}\n#co-root *,#co-root *::before,#co-root *::after{box-sizing:border-box;}\n#co-root a{text-decoration:none;}\n#co-root p{margin:0;line-height:1.7;color:var(--mu);}\n#co-root button{cursor:pointer;font-family:inherit;}\n.co-w{max-width:1100px;margin:0 auto;padding:0 28px;}\n#co-bread{background:#ffffff;border-bottom:1px solid rgba(0,0,0,.08);padding:13px 0;}\n#co-bread .co-w{display:flex;align-items:center;gap:8px;}\n#co-bread a{font-size:12.5px;color:var(--mu);transition:color .2s;}\n#co-bread a:hover{color:var(--gd);}\n#co-bread i{font-style:normal;font-size:12px;color:rgba(0,0,0,.2);}\n#co-bread span{font-size:12.5px;color:var(--lg);font-weight:500;}\n#co-steps{display:flex;align-items:center;justify-content:center;padding:28px 0 36px;}\n.co-step{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--mu);}\n.co-step.done{color:#16a34a;}.co-step.active{color:var(--gd);}\n.co-sn{width:30px;height:30px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-family:'Bebas Neue',sans-serif;flex-shrink:0;}\n.co-step.done .co-sn{background:#16a34a;border-color:#16a34a;color:#fff;}\n.co-step.active .co-sn{background:var(--gd);border-color:var(--gd);color:#fff;}\n.co-sl{width:60px;height:1px;background:rgba(0,0,0,.12);margin:0 8px;}\n.co-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start;}\n.co-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px 22px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);}\n.co-card-hd{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:#1a1a2e;text-transform:uppercase;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:10px;}\n.co-badge{margin-left:auto;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;background:rgba(224,119,0,.08);border:1px solid var(--bd);color:var(--gd);padding:3px 10px;border-radius:20px;}\n.co-field{margin-bottom:18px;}\n.co-field label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mu);margin-bottom:8px;}\n.co-req{color:var(--gd);}\n.co-input-wrap{display:flex;align-items:center;gap:10px;background:#f7f7fb;border:1.5px solid rgba(0,0,0,.1);border-radius:11px;padding:0 14px;transition:border-color .2s,box-shadow .2s;}\n.co-input-wrap:focus-within{border-color:var(--gd);box-shadow:0 0 0 3px rgba(224,119,0,.1);background:#fff;}\n.co-input-wrap svg{width:18px;height:18px;fill:#9997b0;flex-shrink:0;}\n.co-input-wrap input{flex:1;background:none;border:none;outline:none;color:var(--tx);font-size:14.5px;padding:13px 0;font-family:'DM Sans',sans-serif;}\n.co-input-wrap input::placeholder{color:rgba(0,0,0,.25);}\n.co-tel-wrap{padding:0;}\n.co-tel-prefix{padding:0 14px;font-size:13px;font-weight:600;color:var(--mu);border-right:1px solid rgba(0,0,0,.08);white-space:nowrap;align-self:stretch;display:flex;align-items:center;}\n.co-tel-wrap input{padding:13px 14px;}\n.co-select-wrap{position:relative;display:flex;align-items:center;}\n.co-select-wrap>svg:first-child{position:absolute;left:14px;width:18px;height:18px;fill:#9997b0;pointer-events:none;z-index:1;}\n.co-select-wrap select{width:100%;background:#f7f7fb;border:1.5px solid rgba(0,0,0,.1);border-radius:11px;color:var(--tx);font-size:14.5px;padding:13px 40px 13px 42px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:border-color .2s;}\n.co-select-wrap select:focus{border-color:var(--gd);box-shadow:0 0 0 3px rgba(224,119,0,.1);}\n.co-select-wrap select option{background:#fff;color:var(--tx);}\n.co-chev{position:absolute;right:14px;width:10px;height:6px;fill:var(--gd);pointer-events:none;}\n.co-liv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}\n.co-liv-opt input[type=\"radio\"]{display:none;}\n.co-liv-box{display:flex;align-items:center;gap:12px;padding:14px;background:#f7f7fb;border:2px solid rgba(0,0,0,.09);border-radius:12px;cursor:pointer;transition:all .2s;}\n.co-liv-opt input:checked~.co-liv-box{border-color:var(--gd);background:rgba(224,119,0,.05);}\n.co-liv-ico{font-size:26px;flex-shrink:0;}\n.co-liv-txt{flex:1;}\n.co-liv-txt strong{display:block;font-size:13.5px;font-weight:700;color:#1a1a2e;margin-bottom:2px;}\n.co-liv-txt span{font-size:11.5px;color:var(--mu);}\n.co-liv-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}\n.co-liv-opt input:checked~.co-liv-box .co-liv-radio{border-color:var(--gd);}\n.co-liv-opt input:checked~.co-liv-box .co-liv-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gd);display:block;}\n.co-liv-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:rgba(224,119,0,.04);border:1px solid var(--bd);border-radius:9px;font-size:12px;color:rgba(0,0,0,.4);}\n.co-liv-note svg{width:16px;height:16px;fill:var(--gd);flex-shrink:0;margin-top:1px;}\n.co-alert{padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;margin-bottom:16px;}\n.co-alert.err{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.18);color:#dc2626;}\n.co-alert.ok{background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.18);color:#16a34a;}\n#co-submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,#c45c00,#e07700);border:none;border-radius:12px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:#fff;text-transform:uppercase;transition:all .25s;box-shadow:0 4px 24px rgba(224,119,0,.25);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;}\n#co-submit:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(224,119,0,.38);}\n#co-submit:disabled{opacity:.6;transform:none;cursor:not-allowed;}\n.co-spin{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:coSpin .7s linear infinite;}\n@keyframes coSpin{to{transform:rotate(360deg)}}\n.co-secure{font-size:12px;color:rgba(0,0,0,.3);text-align:center;}\n.co-aside .co-card{position:sticky;top:20px;}\n.co-items{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;}\n.co-item{display:flex;align-items:center;gap:12px;}\n.co-item-img{width:54px;height:54px;border-radius:10px;overflow:hidden;background:#f0f0f4;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.co-item-img img{width:100%;height:100%;object-fit:contain;padding:4px;}\n.co-item-img span{font-size:22px;}\n.co-item-info{flex:1;}\n.co-item-name{font-size:13px;font-weight:600;color:var(--tx);line-height:1.3;margin-bottom:3px;}\n.co-item-qty{font-size:11px;color:var(--mu);}\n.co-item-pts{\n  display:inline-flex;align-items:center;gap:4px;\n  margin-top:5px;\n  font-size:11px;font-weight:700;\n  color:#b45309;\n  background:rgba(251,191,36,.12);\n  border:1px solid rgba(251,191,36,.3);\n  border-radius:20px;\n  padding:2px 8px;\n  width:fit-content;\n}\n.co-pts-row span:first-child{color:#b45309;font-weight:600;}\n.co-pts-badge{\n  font-size:12px;font-weight:700;\n  color:#b45309;\n  background:rgba(251,191,36,.12);\n  border:1px solid rgba(251,191,36,.3);\n  border-radius:20px;\n  padding:3px 10px;\n}\n.co-item-price{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--gd);white-space:nowrap;}\n.co-item-price .woocommerce-Price-amount{font-family:'Bebas Neue',sans-serif;}\n.co-totals{border-top:1px solid rgba(0,0,0,.07);padding-top:14px;display:flex;flex-direction:column;gap:9px;}\n.co-total-row{display:flex;justify-content:space-between;font-size:13px;}\n.co-total-row span:first-child{color:var(--mu);}\n.co-total-row span:last-child{color:var(--lg);font-weight:500;}\n.co-liv-tag{font-size:11px;font-weight:700;padding:2px 9px;background:rgba(224,119,0,.07);border:1px solid var(--bd);border-radius:9px;color:var(--gd);}\n.co-total-final{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#1a1a2e;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);margin-top:4px;}\n.co-total-final span:last-child{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--gd);}\n.co-total-final .woocommerce-Price-amount{font-family:'Bebas Neue',sans-serif;}\n.co-empty{text-align:center;padding:20px 0;}\n.co-empty span{font-size:36px;display:block;margin-bottom:10px;}\n.co-empty a{color:var(--gd);}\n.co-guas{display:flex;flex-direction:column;gap:12px;}\n.co-gua{display:flex;align-items:center;gap:12px;}\n.co-gua>span{font-size:22px;flex-shrink:0;}\n.co-gua div{display:flex;flex-direction:column;}\n.co-gua b{font-size:12.5px;color:var(--tx);font-weight:600;}\n.co-gua small{font-size:11.5px;color:var(--mu);}\n#co-confirm{padding:60px 0 80px;}\n.co-confirm-inner{max-width:580px;margin:0 auto;text-align:center;}\n.co-confirm-emoji{font-size:68px;display:block;margin-bottom:18px;animation:coPop .5s cubic-bezier(.175,.885,.32,1.275) both;}\n@keyframes coPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}\n#co-confirm h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,6vw,58px);color:#1a1a2e;letter-spacing:1px;margin:0 0 12px;}\n#co-confirm h1 span{background:linear-gradient(90deg,var(--gd),var(--gd2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}\n.co-confirm-sub{font-size:15px;color:var(--mu);margin-bottom:28px;}\n.co-confirm-sub strong{color:var(--tx);}\n.co-confirm-box{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px 22px;margin-bottom:22px;text-align:left;display:flex;flex-direction:column;gap:11px;box-shadow:0 2px 10px rgba(0,0,0,.05);}\n.co-cr{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;}\n.co-cr span{color:var(--mu);}\n.co-cr strong{color:var(--lg);font-weight:600;}\n.co-gold{color:var(--gd)!important;font-family:'Bebas Neue',sans-serif;font-size:20px!important;}\n.co-confirm-note{display:flex;align-items:flex-start;gap:14px;background:rgba(224,119,0,.05);border:1px solid var(--bd2);border-radius:14px;padding:18px;margin-bottom:28px;text-align:left;}\n.co-confirm-note>span{font-size:26px;flex-shrink:0;}\n.co-confirm-note p{font-size:13.5px;color:rgba(0,0,0,.5);line-height:1.7;margin:0;}\n.co-confirm-note b{color:var(--tx);}\n.co-confirm-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:linear-gradient(135deg,#c45c00,#e07700);border-radius:12px;color:#fff;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;transition:all .25s;box-shadow:0 4px 22px rgba(224,119,0,.25);}\n.co-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(224,119,0,.38);color:#fff;}\n@media(max-width:820px){.co-layout{grid-template-columns:1fr;}.co-aside .co-card{position:static;}.co-aside{order:-1;}}\n@media(max-width:500px){.co-w{padding:0 16px;}.co-liv-grid{grid-template-columns:1fr;}#co-steps .co-step span{display:none;}.co-sl{width:30px;}}\n<\/style>\n\n<script>\n(function(){\n  var AJAX  = 'https:\/\/digitalsecurity-dz.com\/bodystar\/wp-admin\/admin-ajax.php';\n  var NONCE = '8865d83cd5';\n\n  function alert_(msg,type){\n    var el=document.getElementById('co-alert');\n    el.className='co-alert '+type;el.textContent=msg;el.style.display='block';\n    el.scrollIntoView({behavior:'smooth',block:'nearest'});\n  }\n  function hideAlert(){ document.getElementById('co-alert').style.display='none'; }\n\n  document.getElementById('co-submit').addEventListener('click',function(){\n    hideAlert();\n    var btn=this;\n    var nom=document.getElementById('co-nom').value.trim();\n    var tel=document.getElementById('co-tel').value.trim().replace(\/\\s+\/g,'');\n    var wilaya=document.getElementById('co-wilaya').value;\n    var commune=document.getElementById('co-commune').value.trim();\n    var livEl=document.querySelector('input[name=\"co-liv\"]:checked');\n    var livraison=livEl?livEl.value:'';\n\n    if(!nom)       {alert_('\u26a0\ufe0f Entrez votre nom et pr\u00e9nom.','err');return;}\n    if(!tel)       {alert_('\u26a0\ufe0f Entrez votre num\u00e9ro de t\u00e9l\u00e9phone.','err');return;}\n    if(!\/^[0-9]{9,10}$\/.test(tel)){alert_('\u26a0\ufe0f Num\u00e9ro invalide (9 ou 10 chiffres).','err');return;}\n    if(!wilaya)    {alert_('\u26a0\ufe0f S\u00e9lectionnez votre wilaya.','err');return;}\n    if(!commune)   {alert_('\u26a0\ufe0f Entrez votre commune.','err');return;}\n    if(!livraison) {alert_('\u26a0\ufe0f Choisissez le type de livraison.','err');return;}\n\n    btn.disabled=true;\n    btn.querySelector('.co-btn-txt').style.display='none';\n    btn.querySelector('.co-spin').style.display='block';\n\n    var fd=new FormData();\n    fd.append('action','bsch3_order');fd.append('nonce',NONCE);\n    fd.append('nom_prenom',nom);fd.append('tel',tel);\n    fd.append('wilaya',wilaya);fd.append('commune',commune);\n    fd.append('livraison',livraison);\n\n    var buyPid=document.getElementById('co-buy-pid')?document.getElementById('co-buy-pid').value:'';\n    var buyQty=document.getElementById('co-buy-qty')?document.getElementById('co-buy-qty').value:'1';\n    if(buyPid&&buyPid!=='0'){\n      fd.append('buy_pid',buyPid);fd.append('buy_qty',buyQty);\n    } else {\n      try{\n        var items=JSON.parse(document.getElementById('co-items-json')?document.getElementById('co-items-json').textContent||'[]':'[]');\n        items.forEach(function(it,i){fd.append('items['+i+'][pid]',it.pid);fd.append('items['+i+'][qty]',it.qty);});\n      }catch(e){}\n    }\n    var up=new URLSearchParams(window.location.search);\n    if((!buyPid||buyPid==='0')&&up.get('buy_pid')){\n      fd.append('buy_pid',up.get('buy_pid'));fd.append('buy_qty',up.get('buy_qty')||'1');\n    }\n\n    fetch(AJAX,{method:'POST',credentials:'same-origin',body:fd})\n      .then(function(r){return r.json();})\n      .then(function(r){\n        btn.disabled=false;\n        btn.querySelector('.co-btn-txt').style.display='';\n        btn.querySelector('.co-spin').style.display='none';\n        if(r.success){\n          document.getElementById('co-form-section').style.display='none';\n          document.getElementById('co-steps').style.display='none';\n          var c=document.getElementById('co-confirm');c.style.display='block';\n          document.getElementById('co-cn-nom').textContent=r.data.nom;\n          document.getElementById('co-cn-num').textContent='#'+r.data.order_num;\n          document.getElementById('co-cn-wilaya').textContent=r.data.wilaya;\n          document.getElementById('co-cn-liv').textContent=r.data.livraison;\n          document.getElementById('co-root').scrollIntoView({behavior:'smooth'});\n        } else {\n          alert_('\u274c '+r.data,'err');\n        }\n      })\n      .catch(function(){\n        btn.disabled=false;\n        btn.querySelector('.co-btn-txt').style.display='';\n        btn.querySelector('.co-spin').style.display='none';\n        alert_('\u274c Erreur r\u00e9seau. R\u00e9essayez.','err');\n      });\n  });\n\n  ['co-nom','co-tel','co-commune'].forEach(function(id){\n    var el=document.getElementById(id);\n    if(el)el.addEventListener('keydown',function(e){if(e.key==='Enter')document.getElementById('co-submit').click();});\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-9064","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/comments?post=9064"}],"version-history":[{"count":1,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9064\/revisions"}],"predecessor-version":[{"id":9065,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9064\/revisions\/9065"}],"wp:attachment":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/media?parent=9064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}