{"id":9969,"date":"2026-06-05T19:07:34","date_gmt":"2026-06-05T19:07:34","guid":{"rendered":"https:\/\/maisonomeor.fr\/?page_id=9969"},"modified":"2026-06-06T17:18:48","modified_gmt":"2026-06-06T17:18:48","slug":"livraison","status":"publish","type":"page","link":"https:\/\/maisonomeor.fr\/index.php\/livraison\/","title":{"rendered":"LIVRAISON"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9969\" class=\"elementor elementor-9969\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a93223 e-flex e-con-boxed e-con e-parent\" data-id=\"0a93223\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9ca4b elementor-widget elementor-widget-heading\" data-id=\"3d9ca4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">COMMANDE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0421b61 e-flex e-con-boxed e-con e-parent\" data-id=\"0421b61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edad3c8 elementor-widget elementor-widget-html\" data-id=\"edad3c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@500;600&display=swap\" rel=\"stylesheet\">\n\n<section class=\"checkout-progress\">\n\n    <div class=\"progress-line\"><\/div>\n\n    <div class=\"progress-step completed\">\n        <div class=\"circle\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M20 6L9 17L4 12\" \/>\n            <\/svg>\n        <\/div>\n        <span>INFORMATIONS<\/span>\n    <\/div>\n\n    <div class=\"progress-step active\">\n        <div class=\"circle\">2<\/div>\n        <span>LIVRAISON<\/span>\n    <\/div>\n\n    <div class=\"progress-step\">\n        <div class=\"circle\">3<\/div>\n        <span>PAIEMENT<\/span>\n    <\/div>\n\n    <div class=\"progress-step\">\n        <div class=\"circle\">4<\/div>\n        <span>CONFIRMATION<\/span>\n    <\/div>\n\n<\/section>\n\n<style>\n\n.checkout-progress{\n    max-width:1200px;\n    margin:35px auto 50px;\n    position:relative;\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    padding:0 40px;\n    background:#fff;\n}\n\n.progress-line{\n    position:absolute;\n    top:28px;\n    left:120px;\n    right:120px;\n    height:1px;\n    background:#8e8e8e;\n    z-index:1;\n}\n\n.progress-step{\n    position:relative;\n    z-index:2;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    flex:1;\n}\n\n.circle{\n    width:56px;\n    height:56px;\n    border-radius:50%;\n    border:1px solid #d6b178;\n    background:#fff;\n    color:#000;\n    font-family:'Cormorant Garamond', serif;\n    font-size:32px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:20px;\n}\n\n.progress-step.active .circle,\n.progress-step.completed .circle{\n    background:#32070b;\n    border-color:#32070b;\n    color:#fff;\n}\n\n.progress-step.completed svg{\n    width:26px;\n    height:26px;\n    stroke:#fff;\n    fill:none;\n    stroke-width:2;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.progress-step span{\n    font-family:'Montserrat',sans-serif;\n    font-size:15px;\n    font-weight:600;\n    color:#32070b;\n    text-transform:uppercase;\n    white-space:nowrap;\n}\n\n@media(max-width:768px){\n\n    .checkout-progress{\n        padding:0 10px;\n    }\n\n    .progress-line{\n        left:70px;\n        right:70px;\n        top:22px;\n    }\n\n    .circle{\n        width:44px;\n        height:44px;\n        font-size:24px;\n        margin-bottom:10px;\n    }\n\n    .progress-step span{\n        font-size:10px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bba748a e-flex e-con-boxed e-con e-parent\" data-id=\"bba748a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd0e79 elementor-widget elementor-widget-html\" data-id=\"8bd0e79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Commande \u2013 Bague Ga\u00efa<\/title>\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --cream:        #f5f0ea;\n      --cream-border: #e2d9cf;\n      --brown-dark:   #3b1f12;\n      --brown-mid:    #6b3f28;\n      --brown-btn:    #2c1507;\n      --brown-light:  #9b7b6a;\n      --text-main:    #2c1f14;\n      --text-muted:   #8a7265;\n      --input-bg:     #ffffff;\n      --input-border: #d6ccc3;\n      --input-focus:  #9b7b6a;\n      --radius:       6px;\n    }\n\n    html { font-size: 16px; }\n\n    body {\n      font-family: 'Lato', sans-serif;\n      font-weight: 400;\n      color: var(--text-main);\n      background: transparent;\n      min-height: 100vh;\n      padding: 32px 16px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       \u00c9TAPES \/ TABS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .checkout-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 48px;\n      max-width: 1060px;\n      margin: 0 auto 48px;\n      padding-bottom: 24px;\n      border-bottom: 1px solid var(--cream-border);\n    }\n\n    .tab-button {\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: 'Lato', sans-serif;\n      font-size: 0.85rem;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      padding: 8px 0;\n      transition: color 0.2s;\n      position: relative;\n    }\n\n    .tab-button.active {\n      color: var(--brown-dark);\n    }\n\n    .tab-button.active::after {\n      content: '';\n      position: absolute;\n      bottom: -24px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 24px;\n      height: 2px;\n      background: var(--brown-dark);\n    }\n\n    .tab-button:hover:not(.active) {\n      color: var(--brown-mid);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LAYOUT PRINCIPAL\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .checkout-wrapper {\n      display: grid;\n      grid-template-columns: 1fr 420px;\n      gap: 28px;\n      max-width: 1060px;\n      margin: 0 auto;\n      align-items: start;\n    }\n\n    @media (max-width: 860px) {\n      .checkout-wrapper { \n        grid-template-columns: 1fr; \n      }\n      .summary-col { \n        order: -1; \n      }\n      .checkout-tabs {\n        gap: 24px;\n        margin-bottom: 32px;\n      }\n    }\n\n    @media (max-width: 520px) {\n      .checkout-tabs {\n        gap: 16px;\n        font-size: 0.75rem;\n        margin-bottom: 24px;\n      }\n      .tab-button {\n        font-size: 0.75rem;\n      }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PANELS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .panel {\n      background: var(--cream);\n      border: 1px solid var(--cream-border);\n      border-radius: 10px;\n      padding: 36px;\n    }\n\n    @media (max-width: 520px) {\n      .panel { \n        padding: 24px 20px; \n      }\n    }\n\n    .panel + .panel {\n      margin-top: 24px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TITRES & LABELS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .section-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-weight: 700;\n      font-size: 1.35rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--brown-dark);\n      margin-bottom: 28px;\n    }\n\n    .sub-label {\n      font-family: 'Cormorant Garamond', serif;\n      font-weight: 700;\n      font-size: 1.1rem;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--brown-dark);\n      margin: 28px 0 20px;\n      display: block;\n    }\n\n    .field-label {\n      font-family: 'Lato', sans-serif;\n      font-size: 0.875rem;\n      font-weight: 400;\n      color: var(--text-main);\n      margin-bottom: 8px;\n      display: block;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RADIO BUTTONS & OPTIONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 16px 18px;\n      border: 1px solid var(--cream-border);\n      border-radius: 8px;\n      background: var(--input-bg);\n      margin-bottom: 14px;\n      cursor: pointer;\n      transition: border-color 0.2s, background 0.2s;\n    }\n\n    .radio-option:hover {\n      border-color: var(--brown-light);\n      background: #fdfbf8;\n    }\n\n    .radio-option input[type=\"radio\"] {\n      margin-top: 4px;\n      cursor: pointer;\n      accent-color: var(--brown-mid);\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n    }\n\n    .radio-option input[type=\"radio\"]:checked {\n      accent-color: var(--brown-dark);\n    }\n\n    .radio-label {\n      flex: 1;\n      cursor: pointer;\n    }\n\n    .radio-main {\n      font-size: 0.95rem;\n      font-weight: 500;\n      color: var(--text-main);\n      margin-bottom: 4px;\n      display: block;\n    }\n\n    .radio-sub {\n      font-size: 0.82rem;\n      color: var(--text-muted);\n      display: block;\n    }\n\n    .radio-price {\n      font-size: 0.95rem;\n      font-weight: 500;\n      color: var(--text-main);\n      text-align: right;\n      flex-shrink: 0;\n      margin-top: 4px;\n    }\n\n    .radio-price.free {\n      color: var(--text-muted);\n      font-style: italic;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FORMULAIRE\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n      margin-bottom: 14px;\n    }\n\n    .form-row.single {\n      grid-template-columns: 1fr;\n    }\n\n    @media (max-width: 520px) {\n      .form-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n\n    .form-group {\n      display: flex;\n      flex-direction: column;\n      margin-bottom: 0;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INPUTS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    input[type=\"text\"],\n    input[type=\"email\"],\n    input[type=\"tel\"],\n    select,\n    textarea {\n      width: 100%;\n      background: var(--input-bg);\n      border: 1px solid var(--input-border);\n      border-radius: var(--radius);\n      padding: 14px 16px;\n      font-family: 'Lato', sans-serif;\n      font-size: 0.95rem;\n      font-weight: 300;\n      color: var(--text-main);\n      outline: none;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      -webkit-appearance: none;\n      appearance: none;\n      display: block;\n    }\n\n    input::placeholder,\n    textarea::placeholder { \n      color: #b0a099; \n      font-weight: 300; \n    }\n\n    input:focus, \n    select:focus, \n    textarea:focus {\n      border-color: var(--input-focus);\n      box-shadow: 0 0 0 3px rgba(155,123,106,0.13);\n    }\n\n    \/* Select custom *\/\n    select {\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239b7b6a' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 14px center;\n      padding-right: 40px;\n      cursor: pointer;\n    }\n\n    select option {\n      color: var(--text-main);\n    }\n\n    textarea {\n      resize: vertical;\n      min-height: 100px;\n      line-height: 1.5;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BOUTON\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .btn-checkout {\n      display: block;\n      width: 100%;\n      padding: 17px 24px;\n      margin-top: 28px;\n      background: var(--brown-btn);\n      color: #fff;\n      font-family: 'Lato', sans-serif;\n      font-size: 0.82rem;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      border: none;\n      border-radius: var(--radius);\n      cursor: pointer;\n      transition: background 0.2s, transform 0.1s;\n    }\n\n    .btn-checkout:hover { \n      background: #3e1d08; \n    }\n\n    .btn-checkout:active { \n      transform: scale(0.99); \n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       MESSAGES D'ERREUR\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    input.invalid, \n    select.invalid, \n    textarea.invalid {\n      border-color: #c0392b;\n      box-shadow: 0 0 0 3px rgba(192,57,43,0.10);\n    }\n\n    .error-msg { \n      font-size: 0.75rem; \n      color: #c0392b; \n      margin-top: 4px; \n      display: none; \n    }\n\n    .error-msg.visible { \n      display: block; \n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       R\u00c9CAPITULATIF \/ SUMMARY\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .summary-col .panel {\n      padding: 36px 32px;\n    }\n\n    \/* Produit *\/\n    .product-row {\n      display: flex;\n      gap: 16px;\n      align-items: flex-start;\n      margin-bottom: 24px;\n    }\n\n    .product-img {\n      width: 100px;\n      height: 100px;\n      border-radius: 8px;\n      flex-shrink: 0;\n      overflow: hidden;\n      background: #e8ddd4;\n    }\n\n    .product-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      border-radius: 8px;\n      display: block;\n    }\n\n    .product-info { \n      flex: 1; \n      min-width: 0; \n    }\n\n    .product-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.3rem;\n      font-weight: 700;\n      color: var(--brown-dark);\n      line-height: 1.2;\n      margin-bottom: 6px;\n    }\n\n    .product-desc {\n      font-size: 0.85rem;\n      color: var(--text-muted);\n      line-height: 1.45;\n      margin-bottom: 8px;\n    }\n\n    .product-size {\n      font-size: 0.85rem;\n      color: var(--text-muted);\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .product-qty-row {\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .qty-box {\n      width: 42px;\n      height: 36px;\n      border: 1px solid var(--cream-border);\n      border-radius: 5px;\n      background: var(--input-bg);\n      text-align: center;\n      font-size: 0.9rem;\n      font-family: 'Lato', sans-serif;\n      color: var(--text-main);\n      padding: 0;\n      font-weight: 400;\n      -webkit-appearance: none;\n      -moz-appearance: textfield;\n      outline: none;\n    }\n\n    .qty-box::-webkit-inner-spin-button,\n    .qty-box::-webkit-outer-spin-button { \n      -webkit-appearance: none; \n      margin: 0; \n    }\n\n    \/* Dividers *\/\n    .divider { \n      border: none; \n      border-top: 1px solid var(--cream-border); \n      margin: 18px 0; \n    }\n\n    \/* Prix *\/\n    .price-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 0.9rem;\n      color: var(--text-main);\n      margin-bottom: 10px;\n    }\n\n    .price-free { \n      color: var(--text-muted); \n      font-size: 0.9rem;\n      font-style: italic;\n    }\n\n    .price-row.total {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.4rem;\n      font-weight: 700;\n      color: var(--brown-dark);\n      margin-top: 8px;\n      margin-bottom: 8px;\n    }\n\n    .price-row.total .label-col { \n      display: flex; \n      flex-direction: column; \n    }\n\n    .price-row.total .ttc {\n      font-family: 'Lato', sans-serif;\n      font-size: 0.72rem;\n      font-weight: 400;\n      color: var(--text-muted);\n      margin-top: 2px;\n    }\n\n    \/* Trust\/Avantages *\/\n    .trust-list { \n      list-style: none; \n      display: flex; \n      flex-direction: column; \n      gap: 16px; \n      margin-bottom: 20px; \n    }\n\n    .trust-item { \n      display: flex; \n      align-items: flex-start; \n      gap: 14px; \n    }\n\n    .trust-icon {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .trust-text strong { \n      display: block; \n      font-size: 0.85rem; \n      font-weight: 700; \n      color: var(--text-main); \n      line-height: 1.3;\n      margin-bottom: 2px;\n    }\n\n    .trust-text span { \n      font-size: 0.78rem; \n      color: var(--text-muted); \n    }\n\n    \/* Paiement *\/\n    .payment-section .section-title { \n      margin-bottom: 16px; \n      font-size: 1.1rem;\n      margin-top: 20px;\n    }\n\n    .payment-logos {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .pay-logo {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: none;\n      padding: 0;\n      cursor: pointer;\n      transition: transform 0.2s;\n    }\n\n    .pay-logo:hover {\n      transform: scale(1.05);\n    }\n\n    .pay-logo svg,\n    .pay-logo img {\n      height: 32px;\n      width: auto;\n      display: block;\n    }\n\n    \/* Note s\u00e9curit\u00e9 *\/\n    .security-note {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 18px;\n      font-size: 0.8rem;\n      color: var(--text-muted);\n    }\n\n    .security-note svg { \n      flex-shrink: 0; \n    }\n\n    \/* Info livraison *\/\n    .shipping-info {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 16px;\n      padding: 12px;\n      background: #f9f6f2;\n      border-radius: 6px;\n      font-size: 0.8rem;\n      color: var(--text-muted);\n    }\n\n    .shipping-info svg {\n      flex-shrink: 0;\n      width: 20px;\n      height: 20px;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE & MOBILE\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 860px) {\n      .checkout-tabs {\n        margin-bottom: 32px;\n      }\n\n      .panel {\n        padding: 28px;\n      }\n\n      .section-title {\n        font-size: 1.25rem;\n      }\n    }\n\n    @media (max-width: 520px) {\n      body {\n        padding: 20px 12px;\n      }\n\n      .panel {\n        padding: 20px 16px;\n      }\n\n      .section-title {\n        font-size: 1.15rem;\n        margin-bottom: 20px;\n      }\n\n      .sub-label {\n        font-size: 1rem;\n        margin: 20px 0 16px;\n      }\n\n      .btn-checkout {\n        margin-top: 20px;\n        padding: 15px 20px;\n        font-size: 0.78rem;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ONGLETS\/\u00c9TAPES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"checkout-tabs\">\n  \n<\/d\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CONTENU PRINCIPAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"checkout-wrapper\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FORMULAIRE LIVRAISON\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"form-col\">\n\n    <!-- ADRESSE DE LIVRAISON -->\n    <div class=\"panel\">\n      <h2 class=\"section-title\">Adresse de livraison<\/h2>\n\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"address-type\" value=\"billing\" checked \/>\n        <div class=\"radio-label\">\n          <span class=\"radio-main\">Utiliser l'adresse de facturation<\/span>\n          <span class=\"radio-sub\">Identique \u00e0 l'\u00e9tape pr\u00e9c\u00e9dente<\/span>\n        <\/div>\n      <\/label>\n\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"address-type\" value=\"other\" \/>\n        <div class=\"radio-label\">\n          <span class=\"radio-main\">Utiliser une autre adresse<\/span>\n        <\/div>\n      <\/label>\n      \n      \n      \n\n      <!-- Formulaire adresse (masqu\u00e9 par d\u00e9faut) -->\n      <div id=\"other-address-form\" style=\"display: none; margin-top: 20px;\">\n        <div class=\"form-group\">\n          <label class=\"field-label\" for=\"pays\">Pays \/ R\u00e9gion *<\/label>\n          <select id=\"pays\" name=\"pays\" autocomplete=\"country\">\n            <option value=\"\" disabled selected>S\u00e9lectionner un pays\u2026<\/option>\n            <option value=\"FR\" selected>France<\/option>\n            <option value=\"BE\">Belgique<\/option>\n            <option value=\"CH\">Suisse<\/option>\n            <option value=\"LU\">Luxembourg<\/option>\n            <option value=\"CA\">Canada<\/option>\n            <option value=\"DE\">Allemagne<\/option>\n            <option value=\"ES\">Espagne<\/option>\n            <option value=\"IT\">Italie<\/option>\n            <option value=\"PT\">Portugal<\/option>\n            <option value=\"NL\">Pays-Bas<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"field-label\" for=\"nom-complet\">Nom complet *<\/label>\n          <input type=\"text\" id=\"nom-complet\" name=\"nom-complet\" placeholder=\"Votre nom complet\" \/>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"field-label\" for=\"adresse-rue\">Adresse *<\/label>\n          <input type=\"text\" id=\"adresse-rue\" name=\"adresse-rue\" placeholder=\"Num\u00e9ro et nom de rue\" autocomplete=\"street-address\" \/>\n        <\/div>\n\n        <div class=\"form-group\">\n          <input type=\"text\" id=\"complement-adresse\" name=\"complement-adresse\" placeholder=\"Appartement, suite, etc. (optionnel)\" autocomplete=\"address-line2\" \/>\n        <\/div>\n\n        <div class=\"form-row\">\n          <div>\n            <input type=\"text\" id=\"codepostal\" name=\"codepostal\" placeholder=\"Code postal *\" autocomplete=\"postal-code\" \/>\n          <\/div>\n          <div>\n            <input type=\"text\" id=\"ville\" name=\"ville\" placeholder=\"Ville *\" autocomplete=\"address-level2\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n    <!-- OPTIONS LIVRAISON -->\n    <div class=\"panel\">\n      <h2 class=\"section-title\">Livraison<\/h2>\n\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"shipping\" value=\"standard\" checked \/>\n        <div class=\"radio-label\">\n          <span class=\"radio-main\">Livraison Standard<\/span>\n          <span class=\"radio-sub\">2 \u00e0 4 jours ouvr\u00e9s<\/span>\n        <\/div>\n        <div class=\"radio-price free\">Offerte<\/div>\n      <\/label>\n\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"shipping\" value=\"express\" \/>\n        <div class=\"radio-label\">\n          <span class=\"radio-main\">Livraison Express<\/span>\n          <span class=\"radio-sub\">1 \u00e0 2 jours ouvr\u00e9s<\/span>\n        <\/div>\n        <div class=\"radio-price\">6,90\u20ac<\/div>\n      <\/label>\n\n      <div class=\"shipping-info\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"2\" y=\"4\" width=\"20\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n          <path d=\"M4 8h16v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n          <circle cx=\"7\" cy=\"20\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n          <circle cx=\"17\" cy=\"20\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <\/svg>\n        <span>Un e-mail vous sera envoy\u00e9 d\u00e8s l'exp\u00e9dition de votre commande<\/span>\n      <\/div>\n\n      <button class=\"btn-checkout\" type=\"button\" id=\"btn-paiement\">\n        Continuer vers le paiement\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       R\u00c9CAPITULATIF\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"summary-col\">\n    <div class=\"panel\">\n\n      <h2 class=\"section-title\">R\u00e9capitulatif<\/h2>\n\n      <!-- Produit -->\n      <div class=\"product-row\">\n        <div class=\"product-img\">\n          <img decoding=\"async\" src=\"https:\/\/maisonomeor.fr\/wp-content\/uploads\/2026\/06\/bague-gaia-1.png\" alt=\"Bague Ga\u00efa\" \/>\n        <\/div>\n        <div class=\"product-info\">\n          <p class=\"product-name\">Bague Ga\u00efa<\/p>\n          <p class=\"product-desc\">Or jaune 9 carats &<br>Citrine naturelle<\/p>\n          <span class=\"product-size\">Taille : 52<\/span>\n          <div class=\"product-qty-row\">\n            <input\n              type=\"number\"\n              class=\"qty-box\"\n              id=\"qty-input\"\n              value=\"1\"\n              min=\"1\"\n              max=\"99\"\n              aria-label=\"Quantit\u00e9\"\n            \/>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <hr class=\"divider\" \/>\n\n      <div class=\"price-row\">\n        <span>Sous-total<\/span>\n        <span id=\"subtotal\">90,00\u20ac<\/span>\n      <\/div>\n      <div class=\"price-row\">\n        <span>Livraison<\/span>\n        <span class=\"price-free\" id=\"shipping-cost\">Offerte<\/span>\n      <\/div>\n\n      <hr class=\"divider\" \/>\n\n      <div class=\"price-row total\">\n        <div class=\"label-col\">\n          <span>Total<\/span>\n          <span class=\"ttc\">(TTC)<\/span>\n        <\/div>\n        <span id=\"total-price\">90,00\u20ac<\/span>\n      <\/div>\n\n      <hr class=\"divider\" \/>\n\n      <!-- Avantages -->\n      <ul class=\"trust-list\">\n        <li class=\"trust-item\">\n          <span class=\"trust-icon\">\n            <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"1\" y=\"2\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#6b3f28\" stroke-width=\"1.5\"\/>\n              <path d=\"M21 7h5.5l4.5 6v5h-10V7Z\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"7\" cy=\"20\" r=\"2.8\" stroke=\"#6b3f28\" stroke-width=\"1.5\"\/>\n              <circle cx=\"26\" cy=\"20\" r=\"2.8\" stroke=\"#6b3f28\" stroke-width=\"1.5\"\/>\n              <line x1=\"10\" y1=\"20\" x2=\"23\" y2=\"20\" stroke=\"#6b3f28\" stroke-width=\"1.5\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"trust-text\">\n            <strong>Livraison offerte d\u00e8s 80\u20ac d'achat<\/strong>\n            <span>2 \u00e0 4 jours ouvr\u00e9s<\/span>\n          <\/div>\n        <\/li>\n        <li class=\"trust-item\">\n          <span class=\"trust-icon\">\n            <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M5 11C7 5.5 11.8 2 17 2C23.6 2 29 7.4 29 14S23.6 26 17 26c-4.8 0-9-2.7-11.1-6.7\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <polyline points=\"1,7 5,11 9,7\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"trust-text\">\n            <strong>Retour sous 30 jours<\/strong>\n            <span>Satisfait ou rembours\u00e9<\/span>\n          <\/div>\n        <\/li>\n        <li class=\"trust-item\">\n          <span class=\"trust-icon\">\n            <svg width=\"28\" height=\"32\" viewBox=\"0 0 28 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M14 1L2 5.5V15c0 8 5.5 13.5 12 15.5C20.5 28.5 26 23 26 15V5.5L14 1Z\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n              <polyline points=\"8,16 12,20 20,12\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"trust-text\">\n            <strong>Paiement 100% s\u00e9curis\u00e9<\/strong>\n            <span>CB, Paypal, Apple Pay<\/span>\n          <\/div>\n        <\/li>\n        <li class=\"trust-item\">\n          <span class=\"trust-icon\">\n            <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M15 1l3.5 3.5H23l1 4.5 3.5 2.5-1.5 4.5 1.5 4.5L24 22.5 23 27h-4.5L15 30.5 11.5 27H7l-1-4.5-3.5-2L4 16l-1.5-4.5L6 9l1-4.5h4.5L15 1Z\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n              <polyline points=\"9,15 12,18 21,10\" stroke=\"#6b3f28\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"trust-text\">\n            <strong>Garantie authenticit\u00e9<\/strong>\n            <span>Sur tous nos bijoux<\/span>\n          <\/div>\n        <\/li>\n      <\/ul>\n\n      <hr class=\"divider\" \/>\n\n      <!-- Logos paiement -->\n      <div class=\"payment-section\">\n        <h3 class=\"section-title\">Nous acceptons<\/h3>\n        <div class=\"payment-logos\">\n\n          \n            <\/svg>\n          <\/button>\n\n          <!-- Apple Pay -->\n          <button class=\"pay-logo\" title=\"Apple Pay\" type=\"button\">\n            <svg viewBox=\"0 0 72 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"72\" height=\"34\" rx=\"4\" fill=\"#000\"\/>\n              <path d=\"M22 11.8c.6-.7 1.4-1.2 2.2-1.2.1.9-.3 1.7-.9 2.3-.6.6-1.4 1.1-2.2 1-.1-.8.3-1.5.9-2.1Z\" fill=\"#fff\"\/>\n              <path d=\"M24.4 14.1c-1.3 0-2.4.7-3 .7-.7 0-1.7-.7-2.8-.7-1.5.1-2.8.9-3.5 2.1-1.5 2.3-.4 5.7.9 7.6.6.9 1.3 1.8 2.2 1.8.9 0 1.2-.5 2.3-.5 1.1 0 1.4.5 2.3.5 1 0 1.6-1 2.2-1.8.4-.7.7-1.4.9-2.1-.9-.3-1.6-1.1-1.6-2.3 0-1 .6-1.9 1.5-2.3-.6-.8-1.5-1.3-2.4-1Z\" fill=\"#fff\"\/>\n              <text x=\"32\" y=\"23\" font-size=\"13\" font-family=\"-apple-system,Helvetica,Arial,sans-serif\" fill=\"#fff\" font-weight=\"500\">Pay<\/text>\n            <\/svg>\n          <\/button>\n\n          <!-- Mastercard -->\n          <button class=\"pay-logo\" title=\"Mastercard\" type=\"button\">\n            <svg viewBox=\"0 0 54 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"54\" height=\"34\" rx=\"4\" fill=\"#f9f9f9\"\/>\n              <circle cx=\"21\" cy=\"17\" r=\"10\" fill=\"#eb001b\"\/>\n              <circle cx=\"33\" cy=\"17\" r=\"10\" fill=\"#f79e1b\"\/>\n              <path d=\"M27 9.5a10 10 0 0 1 0 15 10 10 0 0 1 0-15Z\" fill=\"#ff5f00\"\/>\n            <\/svg>\n          <\/button>\n\n          <!-- PayPal -->\n          <button class=\"pay-logo\" title=\"PayPal\" type=\"button\">\n            <svg viewBox=\"0 0 70 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"70\" height=\"34\" rx=\"4\" fill=\"#f5f5f5\"\/>\n              <text x=\"8\" y=\"23\" font-size=\"14\" font-family=\"Arial,Helvetica,sans-serif\" fill=\"#003087\" font-weight=\"900\">Pay<\/text>\n              <text x=\"32\" y=\"23\" font-size=\"14\" font-family=\"Arial,Helvetica,sans-serif\" fill=\"#009cde\" font-weight=\"900\">Pal<\/text>\n            <\/svg>\n          <\/button>\n\n          <!-- Visa -->\n          <button class=\"pay-logo\" title=\"Visa\" type=\"button\">\n            <svg viewBox=\"0 0 70 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"70\" height=\"34\" rx=\"4\" fill=\"#1a1f71\"\/>\n              <text x=\"8\" y=\"24\" font-size=\"18\" font-family=\"Arial,Helvetica,sans-serif\" fill=\"#fff\" font-weight=\"900\" font-style=\"italic\">VISA<\/text>\n              <text x=\"44\" y=\"16\" font-size=\"7\" font-family=\"Arial\" fill=\"#fff\" opacity=\"0.85\">Electron<\/text>\n            <\/svg>\n          <\/button>\n\n          <!-- Alma -->\n          <button class=\"pay-logo\" title=\"Alma \u2013 paiement en plusieurs fois\" type=\"button\">\n            <svg viewBox=\"0 0 66 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"66\" height=\"34\" rx=\"4\" fill=\"#fff\"\/>\n              <text x=\"7\" y=\"24\" font-size=\"17\" font-family=\"Georgia,Times New Roman,serif\" fill=\"#fa5022\" font-weight=\"700\">alma<\/text>\n            <\/svg>\n          <\/button>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/checkout-wrapper -->\n\n<script>\n  \/* \u2500\u2500 Prix dynamique \u2500\u2500 *\/\n  const UNIT_PRICE = 90;\n  const qtyInput = document.getElementById('qty-input');\n  const subtotalEl = document.getElementById('subtotal');\n  const totalEl = document.getElementById('total-price');\n  const shippingCostEl = document.getElementById('shipping-cost');\n\n  function formatPrice(n) {\n    return n.toFixed(2).replace('.', ',') + '\u20ac';\n  }\n\n  function updatePrice() {\n    const qty = Math.max(1, parseInt(qtyInput.value, 10) || 1);\n    qtyInput.value = qty;\n    \n    const subtotal = UNIT_PRICE * qty;\n    let shippingCost = 0;\n    const shippingMethod = document.querySelector('input[name=\"shipping\"]:checked').value;\n    \n    if (shippingMethod === 'express') {\n      shippingCost = 6.90;\n    }\n    \n    const total = subtotal + shippingCost;\n    \n    subtotalEl.textContent = formatPrice(subtotal);\n    shippingCostEl.textContent = shippingCost === 0 ? 'Offerte' : formatPrice(shippingCost);\n    totalEl.textContent = formatPrice(total);\n  }\n\n  qtyInput.addEventListener('input', updatePrice);\n  qtyInput.addEventListener('change', updatePrice);\n\n  \/\/ Mise \u00e0 jour prix lors du changement de livraison\n  document.querySelectorAll('input[name=\"shipping\"]').forEach(radio => {\n    radio.addEventListener('change', updatePrice);\n  });\n\n  \/* \u2500\u2500 Affichage\/Masquage formulaire adresse \u2500\u2500 *\/\n  const addressRadios = document.querySelectorAll('input[name=\"address-type\"]');\n  const otherAddressForm = document.getElementById('other-address-form');\n\n  addressRadios.forEach(radio => {\n    radio.addEventListener('change', function() {\n      if (this.value === 'other') {\n        otherAddressForm.style.display = 'block';\n      } else {\n        otherAddressForm.style.display = 'none';\n      }\n    });\n  });\n\n  \/* \u2500\u2500 Navigation onglets \u2500\u2500 *\/\n  document.querySelectorAll('.tab-button').forEach(button => {\n    button.addEventListener('click', function() {\n      document.querySelectorAll('.tab-button').forEach(b => b.classList.remove('active'));\n      this.classList.add('active');\n    });\n  });\n\n  \/* \u2500\u2500 Bouton continuer \u2500\u2500 *\/\n  document.getElementById('btn-paiement').addEventListener('click', function() {\n    alert('Redirection vers l\\'\u00e9tape paiement...');\n  });\n\n  \/* \u2500\u2500 Initialisation \u2500\u2500 *\/\n  updatePrice();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32f7888 e-flex e-con-boxed e-con e-parent\" data-id=\"32f7888\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66dcb99 elementor-widget elementor-widget-html\" data-id=\"66dcb99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<section class=\"omeor-guarantees\">\n\n    <div class=\"guarantee\">\n\n        <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <rect x=\"1\" y=\"7\" width=\"15\" height=\"9\"><\/rect>\n                <path d=\"M16 10h4l3 3v3h-7z\"><\/path>\n                <circle cx=\"6\" cy=\"18\" r=\"2\"><\/circle>\n                <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\n            <\/svg>\n        <\/div>\n\n        <h3>LIVRAISON OFFERTE<\/h3>\n        <p>D\u00e8s 80\u20ac d'achat<\/p>\n\n    <\/div>\n\n    <div class=\"separator\"><\/div>\n\n    <div class=\"guarantee\">\n\n        <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M21 12a9 9 0 1 1-3-6.7\"><\/path>\n                <path d=\"M21 3v6h-6\"><\/path>\n            <\/svg>\n        <\/div>\n\n        <h3>RETOUR SOUS 30 JOURS<\/h3>\n        <p>Satisfait ou rembours\u00e9<\/p>\n\n    <\/div>\n\n    <div class=\"separator\"><\/div>\n\n    <div class=\"guarantee\">\n\n        <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M12 2l7 3v6c0 5-3 8-7 11c-4-3-7-6-7-11V5z\"><\/path>\n                <path d=\"M9 12l2 2l4-4\"><\/path>\n            <\/svg>\n        <\/div>\n\n        <h3>PAIEMENT S\u00c9CURIS\u00c9<\/h3>\n        <p>CB, Paypal, Apple Pay<\/p>\n\n    <\/div>\n\n    <div class=\"separator\"><\/div>\n\n    <div class=\"guarantee\">\n\n        <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                <path d=\"M12 2l2 2.2l3-.2l1 2.8l2.8 1l-.2 3L23 12l-2.2 2l.2 3l-2.8 1l-1 2.8l-3-.2L12 23l-2-2.2l-3 .2l-1-2.8l-2.8-1l.2-3L1 12l2.2-2l-.2-3l2.8-1l1-2.8l3 .2z\"><\/path>\n                <path d=\"M8.5 12l2.2 2.2L15.5 9.5\"><\/path>\n            <\/svg>\n        <\/div>\n\n        <h3>GARANTIE AUTHENTICIT\u00c9<\/h3>\n        <p>Sur tous nos bijoux<\/p>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.omeor-guarantees{\n\n    width:100%;\n\n    display:grid;\n    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;\n\n    align-items:center;\n\n    background:#f5f1ec;\n\n    border:1px solid #d8c29b;\n\n    border-radius:14px;\n\n    padding:18px 14px;\n\n    box-sizing:border-box;\n\n}\n\n\/* BLOCS *\/\n\n.guarantee{\n\n    text-align:center;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n}\n\n\/* IC\u00d4NES *\/\n\n.icon{\n\n    width:30px;\n    height:30px;\n\n    color:#3d0c0c;\n\n    margin-bottom:8px;\n\n}\n\n.icon svg{\n\n    width:100%;\n    height:100%;\n\n    stroke-width:1.4;\n\n}\n\n\/* TITRES *\/\n\n.guarantee h3{\n\n    margin:0 0 3px;\n\n    font-family:'Montserrat',sans-serif;\n    font-size:10px;\n    font-weight:600;\n\n    color:#3d0c0c;\n\n    letter-spacing:.2px;\n\n}\n\n\/* TEXTE *\/\n\n.guarantee p{\n\n    margin:0;\n\n    font-family:'Montserrat',sans-serif;\n    font-size:9px;\n    font-weight:400;\n\n    color:#3d0c0c;\n\n}\n\n\/* S\u00c9PARATEURS *\/\n\n.separator{\n\n    width:1px;\n    height:65px;\n\n    background:#6f3b34;\n\n    opacity:.5;\n\n    margin:0 10px;\n\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1024px){\n\n    .omeor-guarantees{\n\n        grid-template-columns:1fr;\n        gap:20px;\n\n        padding:24px;\n\n    }\n\n    .separator{\n        display:none;\n    }\n\n}\n\n<\/style>\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>COMMANDE INFORMATIONS 2 LIVRAISON 3 PAIEMENT 4 CONFIRMATION Commande \u2013 Bague Ga\u00efa<\/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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-9969","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/pages\/9969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/comments?post=9969"}],"version-history":[{"count":16,"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/pages\/9969\/revisions"}],"predecessor-version":[{"id":10038,"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/pages\/9969\/revisions\/10038"}],"wp:attachment":[{"href":"https:\/\/maisonomeor.fr\/index.php\/wp-json\/wp\/v2\/media?parent=9969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}