{"id":16603,"date":"2026-09-01T20:34:51","date_gmt":"2026-09-01T20:34:51","guid":{"rendered":"https:\/\/azurnatur.com\/?page_id=16603"},"modified":"2026-09-01T21:17:11","modified_gmt":"2026-09-01T21:17:11","slug":"gasaa","status":"publish","type":"page","link":"https:\/\/azurnatur.com\/?page_id=16603","title":{"rendered":"Gasaa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16603\" class=\"elementor elementor-16603\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-df32d86 e-flex e-con-boxed e-con e-parent\" data-id=\"df32d86\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe2bed elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"6fe2bed\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   AZURNATUR \u2014 MOBILE ONLY\r\n========================================================= *\/\r\n\r\n:root{\r\n  --brand:#C28E4E;\r\n  --brand-dark:#8C6530;\r\n  --brand-soft:#F6EBDA;\r\n\r\n  --walnut:#4A3020;\r\n  --walnut-dark:#24170F;\r\n\r\n  --cream:#F8F4EC;\r\n  --cream-2:#EFE7D8;\r\n\r\n  --white:#FFFFFF;\r\n  --text:#251D17;\r\n  --muted:#756A60;\r\n\r\n  --danger:#B33A3A;\r\n  --success:#39704E;\r\n\r\n  --radius:16px;\r\n  --shadow:0 10px 30px rgba(36,23,15,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n*{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n  width:100%;\r\n  min-width:320px;\r\n  overflow-x:hidden;\r\n\r\n  background:var(--cream);\r\n  color:var(--text);\r\n\r\n  font-family:'Tajawal',sans-serif;\r\n  line-height:1.7;\r\n}\r\n\r\nimg{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\nbutton,\r\ninput,\r\ntextarea{\r\n  font-family:'Tajawal',sans-serif;\r\n}\r\n\r\nbutton{\r\n  cursor:pointer;\r\n}\r\n\r\na{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3{\r\n  font-family:'Tajawal',sans-serif;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.anvdou-page{\r\n  width:100%;\r\n  max-width:600px;\r\n  margin:0 auto;\r\n  background:var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP BAR\r\n========================================================= *\/\r\n\r\n.announce{\r\n  width:100%;\r\n  background:var(--brand);\r\n  color:#fff;\r\n\r\n  text-align:center;\r\n\r\n  padding:9px 12px;\r\n\r\n  font-size:12px;\r\n  font-weight:600;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n.announce strong{\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.site-header{\r\n  height:66px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(248,244,236,.98);\r\n\r\n  border-bottom:1px solid rgba(194,142,78,.10);\r\n}\r\n\r\n.site-header img{\r\n  width:auto;\r\n  height:48px;\r\n  object-fit:contain;\r\n}\r\n\r\n.site-header .text-logo{\r\n  color:var(--brand-dark);\r\n\r\n  font-family:'Tajawal',sans-serif;\r\n\r\n  font-size:26px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hero{\r\n  padding:12px 12px 0;\r\n\r\n  background:var(--cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n========================================================= *\/\r\n\r\n.gallery{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#E8DED0;\r\n\r\n  box-shadow:var(--shadow);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.gallery-slides{\r\n  display:flex;\r\n\r\n  transition:\r\n    transform .4s\r\n    cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.gallery-slides img{\r\n  width:100%;\r\n  flex:0 0 100%;\r\n\r\n  height:auto;\r\n\r\n  object-fit:cover;\r\n}\r\n\r\n.discount-ribbon{\r\n  position:absolute;\r\n\r\n  top:12px;\r\n  left:12px;\r\n\r\n  z-index:6;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  padding:6px 13px;\r\n\r\n  border-radius:8px;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:0 6px 14px rgba(194,142,78,.30);\r\n}\r\n\r\n\r\n\/* arrows *\/\r\n\r\n.gallery-arrow{\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n\r\n  width:38px;\r\n  height:38px;\r\n\r\n  border:1px solid rgba(255,255,255,.35);\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(0,0,0,.28);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:23px;\r\n\r\n  z-index:5;\r\n}\r\n\r\n.gallery-prev{\r\n  right:9px;\r\n}\r\n\r\n.gallery-next{\r\n  left:9px;\r\n}\r\n\r\n\r\n\/* dots *\/\r\n\r\n.gallery-dots{\r\n  position:absolute;\r\n\r\n  bottom:10px;\r\n\r\n  left:0;\r\n  right:0;\r\n\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  z-index:5;\r\n}\r\n\r\n.gallery-dot{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.55);\r\n\r\n  transition:.2s;\r\n}\r\n\r\n.gallery-dot.active{\r\n  width:18px;\r\n  border-radius:20px;\r\n  background:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THUMBNAILS\r\n========================================================= *\/\r\n\r\n.thumbnails{\r\n  display:flex;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:9px;\r\n\r\n  overflow-x:auto;\r\n\r\n  padding-bottom:2px;\r\n\r\n  scrollbar-width:none;\r\n}\r\n\r\n.thumbnails::-webkit-scrollbar{\r\n  display:none;\r\n}\r\n\r\n.thumbnail{\r\n  width:54px;\r\n  height:54px;\r\n\r\n  flex:0 0 54px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:9px;\r\n\r\n  border:2px solid transparent;\r\n\r\n  background:#fff;\r\n}\r\n\r\n.thumbnail.active{\r\n  border-color:var(--brand);\r\n}\r\n\r\n.thumbnail img{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RATING ROW\r\n========================================================= *\/\r\n\r\n.rating-row{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n.rating-row .stars{\r\n  display:flex;\r\n\r\n  gap:1px;\r\n\r\n  color:var(--brand);\r\n\r\n  font-size:14px;\r\n\r\n  letter-spacing:1px;\r\n}\r\n\r\n.rating-row .rating-text{\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   URGENCY BAR\r\n========================================================= *\/\r\n\r\n.urgency-bar{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  margin:14px 0;\r\n\r\n  padding:10px 12px;\r\n\r\n  background:var(--brand-soft);\r\n\r\n  border:1px solid rgba(194,142,78,.25);\r\n\r\n  border-radius:11px;\r\n\r\n  color:var(--brand-dark);\r\n\r\n  font-size:11.5px;\r\n\r\n  font-weight:800;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO CTA\r\n========================================================= *\/\r\n\r\n.hero-cta{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  width:100%;\r\n\r\n  height:52px;\r\n\r\n  border:0;\r\n\r\n  border-radius:11px;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:0 10px 24px rgba(194,142,78,.30);\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT INFO\r\n========================================================= *\/\r\n\r\n.product-info{\r\n  padding:0 2px;\r\n}\r\n\r\n.eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  margin-top:16px;\r\n  margin-bottom:6px;\r\n\r\n  color:var(--brand-dark);\r\n\r\n  font-size:11.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.eyebrow svg{\r\n  width:13px;\r\n  height:13px;\r\n}\r\n\r\n.headline{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:31px;\r\n\r\n  line-height:1.22;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.headline span{\r\n  color:var(--brand);\r\n}\r\n\r\n.description{\r\n  color:var(--muted);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.75;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRICE\r\n========================================================= *\/\r\n\r\n.price-row{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n.price-now{\r\n  color:var(--brand-dark);\r\n\r\n  font-size:27px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n}\r\n\r\n.price-old{\r\n  color:#9A8F84;\r\n\r\n  font-size:14px;\r\n\r\n  text-decoration:line-through;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGES\r\n========================================================= *\/\r\n\r\n.badges{\r\n  display:flex;\r\n\r\n  gap:6px;\r\n\r\n  overflow-x:auto;\r\n\r\n  padding-bottom:2px;\r\n\r\n  scrollbar-width:none;\r\n\r\n  margin-bottom:19px;\r\n}\r\n\r\n.badges::-webkit-scrollbar{\r\n  display:none;\r\n}\r\n\r\n.badge{\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid rgba(194,142,78,.14);\r\n\r\n  border-radius:100px;\r\n\r\n  padding:6px 10px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:10.5px;\r\n\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIZE TITLE\r\n========================================================= *\/\r\n\r\n.section-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:14px;\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n.section-label::before{\r\n  content:\"\";\r\n\r\n  width:3px;\r\n  height:16px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--brand);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIZE CARDS \u2014 PROFESSIONAL\r\n========================================================= *\/\r\n\r\n.sizes{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:10px;\r\n\r\n  margin-bottom:18px;\r\n\r\n  padding-top:4px;\r\n}\r\n\r\n.size-card{\r\n  position:relative;\r\n\r\n  min-height:128px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-align:center;\r\n\r\n  background:#fff;\r\n\r\n  border:1.5px solid rgba(36,23,15,.12);\r\n\r\n  border-radius:15px;\r\n\r\n  padding:17px 9px 12px;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    border-color .2s ease,\r\n    background .2s ease,\r\n    box-shadow .2s ease,\r\n    transform .15s ease;\r\n}\r\n\r\n.size-card:hover{\r\n  border-color:rgba(194,142,78,.45);\r\n}\r\n\r\n.size-card:active{\r\n  transform:scale(.98);\r\n}\r\n\r\n.size-card.selected{\r\n  border-color:var(--brand);\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(194,142,78,.10),\r\n      rgba(194,142,78,.03)\r\n    ),\r\n    #fff;\r\n\r\n  box-shadow:\r\n    0 0 0 2px rgba(194,142,78,.10),\r\n    0 7px 18px rgba(194,142,78,.10);\r\n}\r\n\r\n.size-card.selected::after{\r\n  content:\"\u2713\";\r\n\r\n  position:absolute;\r\n\r\n  top:8px;\r\n  left:8px;\r\n\r\n  width:21px;\r\n  height:21px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 3px 7px rgba(194,142,78,.24);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIZE INFO\r\n========================================================= *\/\r\n\r\n.size-info{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:100%;\r\n}\r\n\r\n.size-title{\r\n  display:block;\r\n\r\n  color:var(--walnut-dark);\r\n\r\n  font-family:'Tajawal',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.3;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n.size-desc{\r\n  display:block;\r\n\r\n  color:#8B8076;\r\n\r\n  font-size:9.5px;\r\n\r\n  line-height:1.4;\r\n\r\n  margin-top:4px;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIZE PRICE\r\n========================================================= *\/\r\n\r\n.size-price{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:6px;\r\n\r\n  margin-top:8px;\r\n}\r\n\r\n.size-price .now{\r\n  color:var(--brand-dark);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.size-price .old{\r\n  color:#A89D92;\r\n\r\n  font-size:9px;\r\n\r\n  text-decoration:line-through;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEST SELLER\r\n========================================================= *\/\r\n\r\n.best-tag{\r\n  position:absolute;\r\n\r\n  top:-8px;\r\n\r\n  right:50%;\r\n\r\n  transform:translateX(50%);\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  border-radius:100px;\r\n\r\n  padding:3px 10px;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 3px 9px rgba(194,142,78,.24);\r\n\r\n  z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER BOX\r\n========================================================= *\/\r\n\r\n.order-box{\r\n  background:#fff;\r\n\r\n  border:1px solid rgba(194,142,78,.14);\r\n\r\n  border-radius:17px;\r\n\r\n  padding:16px;\r\n\r\n  box-shadow:var(--shadow);\r\n\r\n  margin-bottom:20px;\r\n}\r\n\r\n.order-head{\r\n  padding-bottom:12px;\r\n\r\n  margin-bottom:13px;\r\n\r\n  border-bottom:1px solid rgba(36,23,15,.07);\r\n}\r\n\r\n.order-head h3{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:2px;\r\n}\r\n\r\n.order-head p{\r\n  color:var(--muted);\r\n\r\n  font-size:10.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.field{\r\n  margin-bottom:10px;\r\n}\r\n\r\n.field label{\r\n  display:block;\r\n\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:11.5px;\r\n\r\n  font-weight:700;\r\n\r\n  margin-bottom:4px;\r\n}\r\n\r\n.field input{\r\n  width:100%;\r\n\r\n  height:45px;\r\n\r\n  border:1.5px solid rgba(36,23,15,.13);\r\n\r\n  border-radius:9px;\r\n\r\n  background:#FCFAF6;\r\n\r\n  padding:0 12px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:13px;\r\n\r\n  outline:none;\r\n\r\n  transition:.2s;\r\n}\r\n\r\n.field input::placeholder{\r\n  color:#B0A59B;\r\n}\r\n\r\n.field input:focus{\r\n  background:#fff;\r\n\r\n  border-color:var(--brand);\r\n\r\n  box-shadow:\r\n    0 0 0 3px rgba(194,142,78,.10);\r\n}\r\n\r\n.field.invalid input{\r\n  border-color:var(--danger);\r\n}\r\n\r\n.field .err{\r\n  display:none;\r\n\r\n  color:var(--danger);\r\n\r\n  font-size:9.5px;\r\n\r\n  margin-top:2px;\r\n}\r\n\r\n.field.invalid .err{\r\n  display:block;\r\n}\r\n\r\n\r\n\/* hidden spam field *\/\r\n\r\n.hp{\r\n  position:absolute;\r\n\r\n  left:-9999px;\r\n\r\n  opacity:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER SUMMARY\r\n========================================================= *\/\r\n\r\n.order-summary{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:10px;\r\n\r\n  background:var(--cream);\r\n\r\n  border-radius:9px;\r\n\r\n  padding:9px 11px;\r\n\r\n  margin:12px 0;\r\n}\r\n\r\n.order-summary small{\r\n  display:block;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:8.5px;\r\n}\r\n\r\n.order-summary strong{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:11.5px;\r\n}\r\n\r\n.order-summary-price{\r\n  color:var(--brand-dark)!important;\r\n\r\n  font-size:13px!important;\r\n\r\n  font-weight:800!important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.submit-btn{\r\n  width:100%;\r\n\r\n  height:50px;\r\n\r\n  border:0;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(194,142,78,.28);\r\n\r\n  transition:.2s;\r\n}\r\n\r\n.submit-btn:active{\r\n  transform:scale(.98);\r\n}\r\n\r\n.submit-btn:disabled{\r\n  opacity:.6;\r\n}\r\n\r\n.payment-note{\r\n  text-align:center;\r\n\r\n  color:#82776D;\r\n\r\n  font-size:9px;\r\n\r\n  margin-top:7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUCCESS\r\n========================================================= *\/\r\n\r\n.success-box{\r\n  display:none;\r\n\r\n  text-align:center;\r\n\r\n  padding:25px 10px;\r\n}\r\n\r\n.success-box.show{\r\n  display:block;\r\n}\r\n\r\n.success-check{\r\n  width:55px;\r\n  height:55px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0 auto 10px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--success);\r\n\r\n  color:#fff;\r\n\r\n  font-size:25px;\r\n}\r\n\r\n.success-box h3{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:21px;\r\n\r\n  margin-bottom:4px;\r\n}\r\n\r\n.success-box p{\r\n  color:var(--muted);\r\n\r\n  font-size:11.5px;\r\n}\r\n\r\n.order-num{\r\n  color:var(--brand-dark);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.content{\r\n  padding:35px 12px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND STORY\r\n========================================================= *\/\r\n\r\n.brand-story{\r\n  background:#fff;\r\n\r\n  border-radius:17px;\r\n\r\n  border:1px solid rgba(194,142,78,.12);\r\n\r\n  padding:21px 16px;\r\n\r\n  box-shadow:\r\n    0 7px 22px rgba(36,23,15,.06);\r\n}\r\n\r\n.story-icon{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0 auto 8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--brand-soft);\r\n\r\n  color:var(--brand-dark);\r\n\r\n  font-size:17px;\r\n}\r\n\r\n.brand-story h2{\r\n  color:var(--walnut-dark);\r\n\r\n  text-align:center;\r\n\r\n  font-size:26px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.brand-story p{\r\n  color:var(--muted);\r\n\r\n  text-align:center;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TITLE\r\n========================================================= *\/\r\n\r\n.kicker{\r\n  color:var(--brand-dark);\r\n\r\n  text-align:center;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:2px;\r\n}\r\n\r\n.section-title{\r\n  color:var(--walnut-dark);\r\n\r\n  text-align:center;\r\n\r\n  font-size:26px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:5px;\r\n}\r\n\r\n.section-description{\r\n  color:var(--muted);\r\n\r\n  text-align:center;\r\n\r\n  font-size:11.5px;\r\n\r\n  margin-bottom:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.features{\r\n  display:grid;\r\n\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  gap:8px;\r\n}\r\n\r\n.feature{\r\n  background:#fff;\r\n\r\n  border-radius:13px;\r\n\r\n  border:1px solid rgba(36,23,15,.07);\r\n\r\n  padding:12px 9px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.feature-icon{\r\n  width:31px;\r\n  height:31px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0 auto 6px;\r\n\r\n  border-radius:9px;\r\n\r\n  background:var(--brand-soft);\r\n\r\n  color:var(--brand-dark);\r\n\r\n  font-size:15px;\r\n}\r\n\r\n.feature h3{\r\n  font-family:'Tajawal',sans-serif;\r\n\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:11px;\r\n\r\n  margin-bottom:2px;\r\n}\r\n\r\n.feature p{\r\n  color:var(--muted);\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARE\r\n========================================================= *\/\r\n\r\n.care-box{\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(194,142,78,.09),\r\n      rgba(74,48,32,.04)\r\n    );\r\n\r\n  border:1px solid rgba(194,142,78,.14);\r\n\r\n  border-radius:17px;\r\n\r\n  padding:20px 15px;\r\n}\r\n\r\n.care-box h2{\r\n  color:var(--walnut-dark);\r\n\r\n  text-align:center;\r\n\r\n  font-size:26px;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n.care-list{\r\n  list-style:none;\r\n}\r\n\r\n.care-list li{\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:9px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:11.5px;\r\n}\r\n\r\n.care-list svg{\r\n  width:16px;\r\n  height:16px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  color:var(--brand-dark);\r\n\r\n  margin-top:2px;\r\n}\r\n\r\n.care-warning{\r\n  display:flex;\r\n\r\n  gap:7px;\r\n\r\n  background:rgba(179,58,58,.05);\r\n\r\n  border-radius:9px;\r\n\r\n  padding:9px;\r\n\r\n  color:#9D3838;\r\n\r\n  font-size:10.5px;\r\n}\r\n\r\n.care-note{\r\n  color:var(--muted);\r\n\r\n  text-align:center;\r\n\r\n  font-size:9.5px;\r\n\r\n  font-style:italic;\r\n\r\n  margin-top:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GUARANTEE\r\n========================================================= *\/\r\n\r\n.guarantee{\r\n  margin:35px 12px 0;\r\n\r\n  padding:25px 16px;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  text-align:center;\r\n\r\n  color:#fff;\r\n\r\n  background:var(--brand);\r\n\r\n  border-radius:18px;\r\n}\r\n\r\n.guarantee-icon{\r\n  width:40px;\r\n  height:40px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0 auto 8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.16);\r\n\r\n  font-size:18px;\r\n}\r\n\r\n.guarantee h2{\r\n  color:#fff;\r\n\r\n  font-size:27px;\r\n\r\n  margin-bottom:5px;\r\n}\r\n\r\n.guarantee p{\r\n  color:rgba(255,255,255,.90);\r\n\r\n  font-size:11.5px;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n.guarantee strong{\r\n  display:block;\r\n\r\n  color:#fff;\r\n\r\n  font-size:11.5px;\r\n\r\n  margin-top:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.divider{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  margin:35px 0 20px;\r\n}\r\n\r\n.divider::before,\r\n.divider::after{\r\n  content:\"\";\r\n\r\n  width:50px;\r\n\r\n  height:1px;\r\n\r\n  background:rgba(194,142,78,.24);\r\n}\r\n\r\n.divider span{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border:2px solid var(--brand);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.video-section{\r\n  padding:0 12px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.video-section h2{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:27px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:3px;\r\n}\r\n\r\n.video-section p{\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n\r\n  margin-bottom:13px;\r\n}\r\n\r\n.video-wrap{\r\n  width:100%;\r\n\r\n  aspect-ratio:9\/16;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:17px;\r\n\r\n  background:#1D1510;\r\n\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.video-wrap video{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVIEWS\r\n========================================================= *\/\r\n\r\n.reviews-section{\r\n  padding:0 12px;\r\n}\r\n\r\n.reviews-title{\r\n  color:var(--walnut-dark);\r\n\r\n  text-align:center;\r\n\r\n  font-size:27px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:3px;\r\n}\r\n\r\n.reviews-subtitle{\r\n  color:var(--muted);\r\n\r\n  text-align:center;\r\n\r\n  font-size:11px;\r\n\r\n  margin-bottom:14px;\r\n}\r\n\r\n.reviews{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.review-card{\r\n  overflow:hidden;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:13px;\r\n\r\n  border:1px solid rgba(36,23,15,.06);\r\n\r\n  box-shadow:\r\n    0 6px 20px rgba(36,23,15,.05);\r\n}\r\n\r\n.review-card img{\r\n  width:100%;\r\n  height:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.final-cta{\r\n  padding:38px 15px 25px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.final-label{\r\n  color:var(--brand-dark);\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:3px;\r\n}\r\n\r\n.final-cta h2{\r\n  color:var(--walnut-dark);\r\n\r\n  font-size:29px;\r\n\r\n  line-height:1.2;\r\n\r\n  margin-bottom:5px;\r\n}\r\n\r\n.final-cta p{\r\n  color:var(--muted);\r\n\r\n  font-size:11.5px;\r\n\r\n  margin-bottom:14px;\r\n}\r\n\r\n.final-button{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:7px;\r\n\r\n  min-width:190px;\r\n\r\n  height:48px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(194,142,78,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.site-footer{\r\n  background:var(--walnut-dark);\r\n\r\n  color:rgba(255,255,255,.65);\r\n\r\n  text-align:center;\r\n\r\n  padding:24px 15px 85px;\r\n\r\n  font-size:9.5px;\r\n}\r\n\r\n.site-footer .footer-logo{\r\n  color:#fff;\r\n\r\n  font-family:'Tajawal',sans-serif;\r\n\r\n  font-weight:900;\r\n\r\n  font-size:23px;\r\n\r\n  margin-bottom:3px;\r\n}\r\n\r\n.site-footer a{\r\n  color:rgba(255,255,255,.78);\r\n\r\n  margin:0 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE STICKY CTA\r\n========================================================= *\/\r\n\r\n.sticky-cta{\r\n  position:fixed;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  z-index:999;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  padding:\r\n    8px\r\n    10px\r\n    calc(8px + env(safe-area-inset-bottom));\r\n\r\n  background:rgba(255,255,255,.97);\r\n\r\n  backdrop-filter:blur(12px);\r\n\r\n  border-top:1px solid rgba(36,23,15,.10);\r\n\r\n  box-shadow:\r\n    0 -8px 25px rgba(36,23,15,.12);\r\n}\r\n\r\n.sticky-info{\r\n  flex:1;\r\n\r\n  min-width:0;\r\n}\r\n\r\n.sticky-info strong{\r\n  display:block;\r\n\r\n  color:var(--brand-dark);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n.sticky-info span{\r\n  display:block;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:8.5px;\r\n}\r\n\r\n.sticky-button{\r\n  width:125px;\r\n\r\n  height:43px;\r\n\r\n  border:0;\r\n\r\n  border-radius:9px;\r\n\r\n  background:var(--brand);\r\n\r\n  color:#fff;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(194,142,78,.24);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL PHONES\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n  .content{\r\n    padding-left:10px;\r\n    padding-right:10px;\r\n  }\r\n\r\n  .headline{\r\n    font-size:28px;\r\n  }\r\n\r\n  .sizes{\r\n    gap:7px;\r\n  }\r\n\r\n  .size-card{\r\n    min-height:124px;\r\n    padding-left:6px;\r\n    padding-right:6px;\r\n  }\r\n\r\n  .size-title{\r\n    font-size:14px;\r\n  }\r\n\r\n  .size-desc{\r\n    font-size:9px;\r\n  }\r\n\r\n  .features{\r\n    gap:6px;\r\n  }\r\n\r\n  .order-box{\r\n    padding:14px;\r\n  }\r\n\r\n  .sticky-button{\r\n    width:112px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREVENT DESKTOP LAYOUT\r\n========================================================= *\/\r\n\r\n@media(min-width:601px){\r\n\r\n  .anvdou-page{\r\n    max-width:600px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div\r\n  class=\"anvdou-page\"\r\n  dir=\"rtl\"\r\n>\r\n\r\n\r\n<!-- ======================================================\r\n     ANNOUNCEMENT\r\n======================================================= -->\r\n\r\n<div class=\"announce\">\r\n  <strong>\ud83d\ude9a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628<\/strong>\r\n<\/div>\r\n\r\n\r\n<!-- ======================================================\r\n     HEADER\r\n======================================================= -->\r\n\r\n<header class=\"site-header\">\r\n\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-15-oct.-2025-00_53_14-removebg-preview.png\"\r\n    alt=\"Azurnatur\"\r\n  >\r\n\r\n<\/header>\r\n\r\n\r\n<!-- ======================================================\r\n     HERO\r\n======================================================= -->\r\n\r\n<section class=\"hero\">\r\n\r\n\r\n  <!-- GALLERY -->\r\n\r\n  <div\r\n    class=\"gallery\"\r\n    id=\"mainGallery\"\r\n  >\r\n\r\n    <div\r\n      class=\"gallery-slides\"\r\n      id=\"gallerySlides\"\r\n    >\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/2-15.png\"\r\n        alt=\"Gas3a Azurnatur \u0645\u0646 \u062e\u0634\u0628 \u0627\u0644\u062c\u0648\u0632 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\"\r\n      >\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/3-14.png\"\r\n      >\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-01-at-20.45.20.jpeg\"\r\n        alt=\"Gas3a Azurnatur\"\r\n      >\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/4.\"\r\n        alt=\"Gas3a Azurnatur\"\r\n      >\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"gallery-arrow gallery-prev\"\r\n      id=\"navPrev\"\r\n      aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\r\n    >\r\n      \u203a\r\n    <\/button>\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"gallery-arrow gallery-next\"\r\n      id=\"navNext\"\r\n      aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\"\r\n    >\r\n      \u2039\r\n    <\/button>\r\n\r\n\r\n    <div\r\n      class=\"gallery-dots\"\r\n      id=\"galleryDots\"\r\n    ><\/div>\r\n\r\n\r\n    <div class=\"discount-ribbon\">\r\n      \u062e\u0635\u0645 20%\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- THUMBNAILS -->\r\n\r\n  <div\r\n    class=\"thumbnails\"\r\n    id=\"thumbList\"\r\n  ><\/div>\r\n\r\n\r\n  <!-- RATING -->\r\n\r\n  <div class=\"rating-row\">\r\n\r\n    <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n\r\n    <span class=\"rating-text\">\r\n      4.9\/5 \u00b7 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- PRODUCT INFO -->\r\n\r\n  <div class=\"product-info\">\r\n\r\n\r\n    <div class=\"eyebrow\">\r\n\r\n      <svg\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"currentColor\"\r\n      >\r\n        <path d=\"M12 2l2.4 7.2H22l-6 4.6 2.3 7.2L12 16.4 5.7 21l2.3-7.2-6-4.6h7.6z\"\/>\r\n      <\/svg>\r\n\r\n      \u0645\u0646 \u062e\u0634\u0628 \u0627\u0644\u062c\u0648\u0632 \u0627\u0644\u0637\u0628\u064a\u0639\u064a (\u0627\u0644\u0643\u0631\u0643\u0627\u0639) \u00b7 \u0628\u062f\u0648\u0646 \u0645\u0648\u0627\u062f \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629\r\n\r\n    <\/div>\r\n\r\n\r\n    <h1 class=\"headline\">\r\n\r\n      \u0644\u064e\u0645\u0651\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u0645\u0627 \u062a\u062d\u0644\u0649 \u063a\u064a\u0631 \u0639\u0644\u0649 \u0642\u0635\u0639\u0629 \u0623\u0635\u064a\u0644\u0629\r\n\r\n    <\/h1>\r\n\r\n\r\n    <div class=\"price-row\" style=\"\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 14px;\r\n      width: fit-content;\r\n      margin: 0 auto;\r\n      padding: 10px 22px;\r\n      border: 2px solid rgba(194, 142, 78, 0.25);\r\n      border-radius: 14px;\r\n      background: #ffffff;\r\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\r\n    \">\r\n\r\n      <span\r\n        class=\"price-now\"\r\n        id=\"heroPriceNow\"\r\n        style=\"\r\n          font-size: 28px;\r\n          font-weight: 800;\r\n          color: #C28E4E;\r\n        \"\r\n      >\r\n        419 \u062f\u0631\u0647\u0645\r\n      <\/span>\r\n\r\n      <span\r\n        class=\"price-old\"\r\n        id=\"heroPriceOld\"\r\n        style=\"\r\n          font-size: 18px;\r\n          color: #999;\r\n          text-decoration: line-through;\r\n        \"\r\n      >\r\n        519 \u062f\u0631\u0647\u0645\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"hero-cta\"\r\n      onclick=\"\r\n        document.getElementById('orderBox')\r\n        .scrollIntoView({\r\n          behavior:'smooth',\r\n          block:'center'\r\n        });\r\n      \"\r\n    >\r\n      \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u0642\u0628\u0644 \u0646\u0641\u0627\u062f \u0627\u0644\u0643\u0645\u064a\u0629\r\n      <span>\u2190<\/span>\r\n    <\/button>\r\n\r\n\r\n\r\n\r\n    <div\r\n      class=\"badges\"\r\n      style=\"\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n      \"\r\n    >\r\n\r\n      <span class=\"badge\">\r\n        \ud83d\ude9a \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a\r\n      <\/span>\r\n\r\n      <span class=\"badge\">\r\n        \ud83d\udcb5 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SIZES -->\r\n\r\n    <div class=\"section-label\">\r\n      \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643\r\n    <\/div>\r\n\r\n\r\n    <div\r\n      class=\"sizes\"\r\n      id=\"sizeList\"\r\n    >\r\n\r\n      <div class=\"size-card\" data-size-id=\"s25\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 25 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0634\u062e\u0635 \u0648\u0627\u062d\u062f<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">229 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">289 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card\" data-size-id=\"s30\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 30 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0634\u062e\u0635\u064a\u0646<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">279 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">339 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card\" data-size-id=\"s35\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 35 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 4 \u0623\u0634\u062e\u0627\u0635<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">329 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">399 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card selected\" data-size-id=\"s40\">\r\n        <span class=\"best-tag\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/span>\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 40 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 6 \u0623\u0634\u062e\u0627\u0635<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">419 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">519 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card\" data-size-id=\"s45\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 45 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 8 \u0623\u0634\u062e\u0627\u0635<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">519 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">619 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card\" data-size-id=\"s50\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 50 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 10 \u0623\u0634\u062e\u0627\u0635<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">579 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">699 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"size-card\" data-size-id=\"s55\">\r\n        <div class=\"size-info\">\r\n          <b class=\"size-title\">\u0643\u0635\u0639\u0629 55 \u0633\u0645<\/b>\r\n          <span class=\"size-desc\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 12 \u0634\u062e\u0635\u0627\u064b \u0623\u0648 \u0623\u0643\u062b\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"size-price\">\r\n          <span class=\"now\">699 \u062f\u0631\u0647\u0645<\/span>\r\n          <span class=\"old\">899 \u062f\u0631\u0647\u0645<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ORDER BOX -->\r\n\r\n    <div\r\n      class=\"order-box\"\r\n      id=\"orderBox\"\r\n    >\r\n\r\n\r\n      <div class=\"order-head\">\r\n\r\n        <h3>\r\n          \u0623\u0643\u0645\u0644 \u0637\u0644\u0628\u0643\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0623\u062f\u062e\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0648\u0633\u0646\u062a\u0635\u0644 \u0628\u0643 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <form\r\n        id=\"orderForm\"\r\n        novalidate\r\n      >\r\n\r\n\r\n        <div\r\n          class=\"field\"\r\n          data-field=\"name\"\r\n        >\r\n\r\n          <label for=\"fullName\">\r\n            \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"fullName\"\r\n            name=\"fullName\"\r\n            autocomplete=\"name\"\r\n            placeholder=\"\u0645\u062b\u0627\u0644: \u0633\u0639\u064a\u062f \u0623\u0632\u0648\u0631\"\r\n          >\r\n\r\n          <div class=\"err\">\r\n            \u0627\u0644\u0645\u0631\u062c\u0648 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"field\"\r\n          data-field=\"phone\"\r\n        >\r\n\r\n          <label for=\"phone\">\r\n            \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"tel\"\r\n            id=\"phone\"\r\n            name=\"phone\"\r\n            autocomplete=\"tel\"\r\n            placeholder=\"06XXXXXXXX\"\r\n          >\r\n\r\n          <div class=\"err\">\r\n            \u0627\u0644\u0645\u0631\u062c\u0648 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0645\u063a\u0631\u0628\u064a \u0635\u062d\u064a\u062d.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"field\"\r\n          data-field=\"city\"\r\n        >\r\n\r\n          <label for=\"city\">\r\n            \u0627\u0644\u0645\u062f\u064a\u0646\u0629\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"city\"\r\n            name=\"city\"\r\n            autocomplete=\"address-level2\"\r\n            placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u0631\u0627\u0643\u0634\"\r\n          >\r\n\r\n          <div class=\"err\">\r\n            \u0627\u0644\u0645\u0631\u062c\u0648 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u062f\u064a\u0646\u0629.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"field\"\r\n          data-field=\"address\"\r\n        >\r\n\r\n          <label for=\"address\">\r\n            \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"address\"\r\n            name=\"address\"\r\n            autocomplete=\"street-address\"\r\n            placeholder=\"\u0627\u0644\u062d\u064a\u060c \u0627\u0644\u0634\u0627\u0631\u0639 ...\"\r\n          >\r\n\r\n          <div class=\"err\">\r\n            \u0627\u0644\u0645\u0631\u062c\u0648 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0639\u0646\u0648\u0627\u0646.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- HONEYPOT -->\r\n\r\n        <div class=\"field hp\">\r\n\r\n          <label for=\"website\">\r\n            Website\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"website\"\r\n            name=\"website\"\r\n            tabindex=\"-1\"\r\n            autocomplete=\"off\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUMMARY -->\r\n\r\n        <div class=\"order-summary\">\r\n\r\n          <div>\r\n\r\n            <small>\r\n              \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\r\n            <\/small>\r\n\r\n            <strong id=\"summarySize\">\r\n              \u0643\u0635\u0639\u0629 40 \u0633\u0645\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div style=\"text-align:left;\">\r\n\r\n            <small>\r\n              \u0627\u0644\u0645\u0628\u0644\u063a\r\n            <\/small>\r\n\r\n            <strong\r\n              class=\"order-summary-price\"\r\n              id=\"summaryPrice\"\r\n            >\r\n              419 \u062f\u0631\u0647\u0645\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n          type=\"submit\"\r\n          class=\"submit-btn\"\r\n          id=\"submitBtn\"\r\n        >\r\n          \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646\r\n        <\/button>\r\n\r\n        <div class=\"payment-note\">\r\n          \ud83d\udd12 \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u062f\u0641\u0639 \u0645\u0633\u0628\u0642\u0627\u064b\r\n        <\/div>\r\n\r\n      <\/form>\r\n\r\n\r\n      <!-- SUCCESS -->\r\n\r\n      <div\r\n        class=\"success-box\"\r\n        id=\"successBox\"\r\n      >\r\n\r\n        <div class=\"success-check\">\r\n          \u2713\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0634\u0643\u0631\u0627\u064b \u0644\u0643!\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d.\r\n        <\/p>\r\n\r\n        <p>\r\n          \u0631\u0642\u0645 \u0627\u0644\u0637\u0644\u0628:\r\n          <span\r\n            class=\"order-num\"\r\n            id=\"orderNum\"\r\n          >\r\n            \u2014\r\n          <\/span>\r\n        <\/p>\r\n\r\n        <p>\r\n          \u0633\u064a\u062a\u0635\u0644 \u0628\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0642\u0631\u064a\u0628\u0627\u064b \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     BRAND STORY\r\n======================================================= -->\r\n\r\n<section class=\"content\">\r\n\r\n  <div class=\"brand-story\">\r\n\r\n    <div class=\"story-icon\">\r\n      \u2726\r\n    <\/div>\r\n\r\n    <h2>\r\n      \u0623\u0643\u062b\u0631 \u0645\u0646 \u0642\u0635\u0639\u0629...\r\n      <br>\r\n      \u0625\u0646\u0647\u0627 \u0631\u0648\u062d \u0627\u0644\u0645\u0627\u0626\u062f\u0629 \u0627\u0644\u0645\u063a\u0631\u0628\u064a\u0629.\r\n    <\/h2>\r\n\r\n    <p>\r\n      \u0641\u064a Azurnatur \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0623\u0634\u064a\u0627\u0621 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u062a\u062d\u0645\u0644 \u0642\u064a\u0645\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0634\u0643\u0644\u0647\u0627.\r\n      \u0627\u062e\u062a\u0631\u0646\u0627 \u062e\u0634\u0628 \u0627\u0644\u062c\u0648\u0632 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062d\u0631\u0641\u064a\u064a\u0646 \u0627\u0644\u0645\u063a\u0627\u0631\u0628\u0629\r\n      \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0642\u0637\u0639\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     FEATURES\r\n======================================================= -->\r\n\r\n<section class=\"content\">\r\n\r\n  <h2 class=\"section-title\">\r\n    \u0644\u0645\u0627\u0630\u0627 Gas3a \u0645\u0646 Azurnatur\u061f\r\n  <\/h2>\r\n\r\n  <p class=\"section-description\">\r\n    \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u062a\u0643\u0648\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0645\u0627\u0626\u062f\u062a\u0643.\r\n  <\/p>\r\n\r\n\r\n  <div class=\"features\">\r\n\r\n\r\n    <div class=\"feature\">\r\n\r\n      <div class=\"feature-icon\">\r\n        \ud83c\udf30\r\n      <\/div>\r\n\r\n      <h3>\r\n        \u062e\u0634\u0628 \u0627\u0644\u062c\u0648\u0632 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\r\n      <\/h3>\r\n\r\n      <p>\r\n        \u062e\u0634\u0628 \u0637\u0628\u064a\u0639\u064a \u0628\u062a\u0641\u0627\u0635\u064a\u0644\u0647 \u0648\u0645\u0644\u0645\u0633\u0647 \u0627\u0644\u0645\u0645\u064a\u0632.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"feature\">\r\n\r\n      <div class=\"feature-icon\">\r\n        \u270b\r\n      <\/div>\r\n\r\n      <h3>\r\n        \u0635\u0646\u0627\u0639\u0629 \u0645\u063a\u0631\u0628\u064a\u0629\r\n      <\/h3>\r\n\r\n      <p>\r\n        \u0645\u0635\u0646\u0648\u0639\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0639\u0644\u0649 \u064a\u062f \u062d\u0631\u0641\u064a\u064a\u0646 \u0645\u063a\u0627\u0631\u0628\u0629.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"feature\">\r\n\r\n      <div class=\"feature-icon\">\r\n        \u2661\r\n      <\/div>\r\n\r\n      <h3>\r\n        \u0644\u0644\u0651\u0645\u0629 \u0627\u0644\u0645\u063a\u0631\u0628\u064a\u0629\r\n      <\/h3>\r\n\r\n      <p>\r\n        \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0623\u0637\u0628\u0627\u0642 \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0627\u0644\u0639\u0627\u0626\u0644\u0629.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"feature\">\r\n\r\n      <div class=\"feature-icon\">\r\n        \u2713\r\n      <\/div>\r\n\r\n      <h3>\r\n        \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062f\u0648\u0645\r\n      <\/h3>\r\n\r\n      <p>\r\n        \u0645\u062a\u064a\u0646\u0629 \u0648\u0623\u0646\u064a\u0642\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     CARE\r\n======================================================= -->\r\n\r\n<section class=\"content\">\r\n\r\n  <div class=\"care-box\">\r\n\r\n    <div class=\"kicker\">\r\n      \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u062e\u0634\u0628\r\n    <\/div>\r\n\r\n    <h2>\r\n      \u0643\u064a\u0641 \u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u062c\u0645\u0627\u0644 \u0642\u0635\u0639\u062a\u0643\u061f\r\n    <\/h2>\r\n\r\n\r\n    <ul class=\"care-list\">\r\n\r\n      <li>\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2.4\"\r\n        >\r\n          <path d=\"M20 6L9 17l-5-5\"\/>\r\n        <\/svg>\r\n\r\n        \u063a\u0633\u0644 \u064a\u062f\u0648\u064a \u0644\u0637\u064a\u0641 \u0628\u0625\u0633\u0641\u0646\u062c\u0629 \u0646\u0627\u0639\u0645\u0629.\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2.4\"\r\n        >\r\n          <path d=\"M20 6L9 17l-5-5\"\/>\r\n        <\/svg>\r\n\r\n        \u062a\u062c\u0641\u064a\u0641\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u0639\u062f \u0643\u0644 \u0627\u0633\u062a\u0639\u0645\u0627\u0644.\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2.4\"\r\n        >\r\n          <path d=\"M20 6L9 17l-5-5\"\/>\r\n        <\/svg>\r\n\r\n        \u062a\u0631\u0637\u064a\u0628 \u0627\u0644\u062e\u0634\u0628 \u0628\u0627\u0644\u0632\u064a\u062a \u0627\u0644\u0646\u0628\u0627\u062a\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0645\u0646 \u062d\u064a\u0646 \u0644\u0622\u062e\u0631.\r\n\r\n      <\/li>\r\n\r\n    <\/ul>\r\n\r\n\r\n    <div class=\"care-warning\">\r\n\r\n      <span>\r\n        \ud83d\udeab\r\n      <\/span>\r\n\r\n      <span>\r\n        \u062a\u062c\u0646\u0628 \u063a\u0633\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u0648\u0646 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629 \u0648\u0627\u0644\u0646\u0642\u0639 \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p class=\"care-note\">\r\n      \u0639\u0646\u0627\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0644\u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0642\u0637\u0639\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0635\u0646\u0639\u062a \u0644\u062a\u062f\u0648\u0645.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     GUARANTEE\r\n======================================================= -->\r\n\r\n<div class=\"guarantee\">\r\n\r\n  <div class=\"guarantee-icon\">\r\n    \u2713\r\n  <\/div>\r\n\r\n  <h2>\r\n    \u0636\u0645\u0627\u0646 \u0627\u0644\u0631\u0636\u0627 \u0623\u0648 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0627\u0644\u0645\u0627\u0644\r\n  <\/h2>\r\n\r\n  <p>\r\n    \u062c\u0631\u0651\u0628 Gas3a \u0645\u0646 Azurnatur \u0644\u0645\u062f\u0629 7 \u0623\u064a\u0627\u0645.\r\n    \u0625\u0630\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0631\u0627\u0636\u064a\u0627\u064b \u0639\u0646 \u062c\u0648\u062f\u062a\u0647\u0627\u060c \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0627\u0633\u062a\u0631\u062c\u0627\u0639 \u0623\u0645\u0648\u0627\u0644\u0643.\r\n  <\/p>\r\n\r\n  <strong>\r\n    \u062b\u0642\u062a\u0643 \u0628\u0646\u0627 \u0623\u0647\u0645 \u0645\u0646 \u0645\u062c\u0631\u062f \u0639\u0645\u0644\u064a\u0629 \u0628\u064a\u0639.\r\n  <\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ======================================================\r\n     VIDEO\r\n======================================================= -->\r\n\r\n<div class=\"divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n\r\n<section class=\"video-section\">\r\n\r\n  <div class=\"kicker\">\r\n    \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\r\n  <\/div>\r\n\r\n  <h2>\r\n    \u0634\u0648\u0641 \u0627\u0644\u0642\u0635\u0639\u0629 \u0639\u0646 \u0642\u0631\u0628\r\n  <\/h2>\r\n\r\n  <p>\r\n    \u0634\u0648\u0641 \u0627\u0644\u062e\u0634\u0628 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u0644\u0645\u0633\u0629 \u0627\u0644\u062d\u0631\u0641\u064a\u0629.\r\n  <\/p>\r\n\r\n\r\n  <div class=\"video-wrap\">\r\n\r\n    <video\r\n      controls\r\n      playsinline\r\n      preload=\"metadata\"\r\n      poster=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-01-at-20.45.24-1.jpeg\"\r\n    >\r\n\r\n      <source\r\n        src=\"https:\/\/azurnatur.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Video-2026-09-01-at-20.57.30.mp4\"\r\n      >\r\n\r\n      \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648.\r\n\r\n    <\/video>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     REVIEWS\r\n======================================================= -->\r\n\r\n<div class=\"divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n\r\n<section class=\"reviews-section\">\r\n\r\n  <div class=\"kicker\">\r\n    \u0645\u0646 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\r\n  <\/div>\r\n\r\n  <h2 class=\"reviews-title\">\r\n    \u062a\u062c\u0627\u0631\u0628 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0639 Azurnatur\r\n  <\/h2>\r\n\r\n  <p class=\"reviews-subtitle\">\r\n    \u0623\u062c\u0645\u0644 \u062f\u0644\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0647\u0648 \u0645\u0627 \u064a\u0642\u0648\u0644\u0647 \u0639\u0645\u0644\u0627\u0624\u0646\u0627.\r\n  <\/p>\r\n\r\n\r\n  <div class=\"reviews\">\r\n\r\n\r\n    <div class=\"review-card\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/4-1.png\"\r\n        alt=\"\u062a\u0642\u064a\u064a\u0645 \u0639\u0645\u064a\u0644 Azurnatur\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"review-card\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/5-1.png\"\r\n        alt=\"\u062a\u0642\u064a\u064a\u0645 \u0639\u0645\u064a\u0644 Azurnatur\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"review-card\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/6-1.png\"\r\n        alt=\"\u062a\u0642\u064a\u064a\u0645 \u0639\u0645\u064a\u0644 Azurnatur\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"review-card\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/2.png\"\r\n        alt=\"\u062a\u0642\u064a\u064a\u0645 \u0639\u0645\u064a\u0644 Azurnatur\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"review-card\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/anvdou.com\/wp-content\/uploads\/2026\/08\/1.png\"\r\n        alt=\"\u062a\u0642\u064a\u064a\u0645 \u0639\u0645\u064a\u0644 Azurnatur\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     FINAL CTA\r\n======================================================= -->\r\n\r\n<section class=\"final-cta\">\r\n\r\n  <div class=\"final-label\">\r\n    AZURNATUR \u00b7 \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0625\u0644\u0649 \u0645\u0627\u0626\u062f\u062a\u0643\r\n  <\/div>\r\n\r\n  <h2>\r\n    \u0627\u062c\u0639\u0644 \u0645\u0627\u0626\u062f\u062a\u0643 \u0623\u0642\u0631\u0628 \u0625\u0644\u0649 \u0627\u0644\u0637\u0628\u064a\u0639\u0629.\r\n  <\/h2>\r\n\r\n  <p>\r\n    \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643 \u0648\u0627\u0637\u0644\u0628 Gas3a \u0627\u0644\u0622\u0646.\r\n  <\/p>\r\n\r\n\r\n  <a\r\n    href=\"#orderBox\"\r\n    class=\"final-button\"\r\n    onclick=\"\r\n      document.getElementById('orderBox')\r\n      .scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'center'\r\n      });\r\n    \"\r\n  >\r\n    \u0627\u0637\u0644\u0628 Gas3a \u0627\u0644\u0622\u0646\r\n    <span>\u2190<\/span>\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ======================================================\r\n     FOOTER\r\n======================================================= -->\r\n\r\n<style>\r\n\r\n.footer-site {\r\n  background:#C28E4E;\r\n\r\n  color:rgba(255,255,255,.90);\r\n\r\n  text-align:center;\r\n\r\n  padding:27px 20px 90px;\r\n\r\n  font-size:11.5px;\r\n\r\n  margin-top:30px;\r\n}\r\n\r\n.footer-site a {\r\n  color:#FFFFFF;\r\n\r\n  margin:0 5px;\r\n\r\n  text-decoration:none;\r\n}\r\n\r\n.footer-logo {\r\n  color:#FFFFFF;\r\n\r\n  font-family:'Tajawal',sans-serif;\r\n\r\n  font-size:24px;\r\n\r\n  font-weight:900;\r\n\r\n  margin-bottom:7px;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<footer class=\"footer-site\">\r\n\r\n  <div class=\"footer-logo\">\r\n    azurnatur\r\n  <\/div>\r\n\r\n  <div>\r\n\r\n    <a href=\"#\">\r\n      \u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n    <\/a>\r\n\r\n    \u00b7\r\n\r\n    <a href=\"#\">\r\n      \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div style=\"margin-top:7px;\">\r\n    \u00a9\ufe0f 2026 azurnatur \u2014 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- ======================================================\r\n     STICKY CTA\r\n======================================================= -->\r\n\r\n<div class=\"sticky-cta\">\r\n\r\n  <div class=\"sticky-info\">\r\n\r\n    <strong id=\"stickyPriceNow\">\r\n      419 \u062f\u0631\u0647\u0645\r\n    <\/strong>\r\n\r\n    <span>\r\n      \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u00b7 \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"sticky-button\"\r\n    onclick=\"\r\n      document.getElementById('orderBox')\r\n      .scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'center'\r\n      });\r\n    \"\r\n  >\r\n    \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   PRODUCT SIZES\r\n========================================================= *\/\r\n\r\nconst SIZE_DATA = [\r\n\r\n  {\r\n    id:'s25',\r\n    label:'25',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0634\u062e\u0635 \u0648\u0627\u062d\u062f',\r\n    price:229,\r\n    oldPrice:289\r\n  },\r\n\r\n  {\r\n    id:'s30',\r\n    label:'30',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0634\u062e\u0635\u064a\u0646',\r\n    price:279,\r\n    oldPrice:339\r\n  },\r\n\r\n  {\r\n    id:'s35',\r\n    label:'35',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 4 \u0623\u0634\u062e\u0627\u0635',\r\n    price:329,\r\n    oldPrice:399\r\n  },\r\n\r\n  {\r\n    id:'s40',\r\n    label:'40',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 6 \u0623\u0634\u062e\u0627\u0635',\r\n    price:419,\r\n    oldPrice:519,\r\n    best:true\r\n  },\r\n\r\n  {\r\n    id:'s45',\r\n    label:'45',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 8 \u0623\u0634\u062e\u0627\u0635',\r\n    price:519,\r\n    oldPrice:619\r\n  },\r\n\r\n  {\r\n    id:'s50',\r\n    label:'50',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 10 \u0623\u0634\u062e\u0627\u0635',\r\n    price:579,\r\n    oldPrice:699\r\n  },\r\n\r\n  {\r\n    id:'s55',\r\n    label:'55',\r\n    unit:'\u0633\u0645',\r\n    desc:'\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0640 12 \u0634\u062e\u0635\u0627\u064b \u0623\u0648 \u0623\u0643\u062b\u0631',\r\n    price:699,\r\n    oldPrice:899\r\n  }\r\n\r\n];\r\n\r\n\r\n\/* =========================================================\r\n   CONFIG\r\n========================================================= *\/\r\n\r\nconst APPS_SCRIPT_URL =\r\n  'https:\/\/script.google.com\/macros\/s\/AKfycbxYQykuN3JzE425UL9uV1mOtPDVCkALLtxfAIqzPD2oFKAZHMEXeC47pb5YQBKRjrOh\/exec';\r\n\r\nconst STORE_PHONE =\r\n  '+212717740319';\r\n\r\n\r\n\/* =========================================================\r\n   SELECTED SIZE\r\n========================================================= *\/\r\n\r\nlet selectedSize =\r\n  SIZE_DATA.find(\r\n    size => size.best\r\n  ) || SIZE_DATA[0];\r\n\r\n\r\n\/* =========================================================\r\n   FORMAT PRICE\r\n========================================================= *\/\r\n\r\nfunction fmt(number){\r\n\r\n  return number.toLocaleString('en-US')\r\n    + ' \u062f\u0631\u0647\u0645';\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RENDER SIZES\r\n========================================================= *\/\r\n\r\nfunction renderSizes(){\r\n\r\n  \/* The size cards already exist as static HTML in the\r\n     page (id=\"sizeList\"). This just syncs the \"selected\"\r\n     highlight \u2014 it no longer builds the cards from\r\n     scratch, so the section still shows even if this\r\n     script fails to run. *\/\r\n\r\n  document\r\n    .querySelectorAll('.size-card')\r\n    .forEach(card => {\r\n\r\n      card.classList.toggle(\r\n        'selected',\r\n        card.dataset.sizeId === selectedSize.id\r\n      );\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ATTACH SIZE CLICK HANDLERS\r\n========================================================= *\/\r\n\r\nfunction attachSizeHandlers(){\r\n\r\n  document\r\n    .querySelectorAll('.size-card')\r\n    .forEach(card => {\r\n\r\n      card.addEventListener(\r\n        'click',\r\n        () => {\r\n\r\n          const size =\r\n            SIZE_DATA.find(\r\n              s => s.id === card.dataset.sizeId\r\n            );\r\n\r\n          if(!size){\r\n            return;\r\n          }\r\n\r\n          selectedSize = size;\r\n\r\n          renderSizes();\r\n\r\n          updatePrice();\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE PRICE\r\n========================================================= *\/\r\n\r\nfunction updatePrice(){\r\n\r\n  document.getElementById(\r\n    'heroPriceNow'\r\n  ).textContent =\r\n    fmt(selectedSize.price);\r\n\r\n\r\n  document.getElementById(\r\n    'heroPriceOld'\r\n  ).textContent =\r\n    selectedSize.oldPrice\r\n      ? fmt(selectedSize.oldPrice)\r\n      : '';\r\n\r\n\r\n  document.getElementById(\r\n    'stickyPriceNow'\r\n  ).textContent =\r\n    fmt(selectedSize.price);\r\n\r\n\r\n  document.getElementById(\r\n    'summarySize'\r\n  ).textContent =\r\n    `\u0643\u0635\u0639\u0629 ${selectedSize.label} ${selectedSize.unit}`;\r\n\r\n\r\n  document.getElementById(\r\n    'summaryPrice'\r\n  ).textContent =\r\n    fmt(selectedSize.price);\r\n\r\n}\r\n\r\n\r\nattachSizeHandlers();\r\n\r\nrenderSizes();\r\n\r\nupdatePrice();\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n========================================================= *\/\r\n\r\nconst slides =\r\n  document.getElementById(\r\n    'gallerySlides'\r\n  );\r\n\r\nconst images =\r\n  Array.from(\r\n    slides.querySelectorAll('img')\r\n  );\r\n\r\nconst dots =\r\n  document.getElementById(\r\n    'galleryDots'\r\n  );\r\n\r\nconst thumbs =\r\n  document.getElementById(\r\n    'thumbList'\r\n  );\r\n\r\nlet currentSlide = 0;\r\n\r\n\r\n\/* =========================================================\r\n   BUILD THUMBS\r\n========================================================= *\/\r\n\r\nfunction buildThumbs(){\r\n\r\n  thumbs.innerHTML = '';\r\n\r\n\r\n  images.forEach(\r\n    (img,index) => {\r\n\r\n      const thumb =\r\n        document.createElement('div');\r\n\r\n\r\n      thumb.className =\r\n        'thumbnail' +\r\n        (\r\n          index === currentSlide\r\n            ? ' active'\r\n            : ''\r\n        );\r\n\r\n\r\n      thumb.innerHTML = `\r\n        <img decoding=\"async\"\r\n          src=\"${img.src}\"\r\n          alt=\"\u0635\u0648\u0631\u0629 ${index + 1}\"\r\n        >\r\n      `;\r\n\r\n\r\n      thumb.onclick =\r\n        () => goToSlide(index);\r\n\r\n\r\n      thumbs.appendChild(\r\n        thumb\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUILD DOTS\r\n========================================================= *\/\r\n\r\nfunction buildDots(){\r\n\r\n  dots.innerHTML = '';\r\n\r\n\r\n  images.forEach(\r\n    (_,index) => {\r\n\r\n      const dot =\r\n        document.createElement(\r\n          'div'\r\n        );\r\n\r\n\r\n      dot.className =\r\n        'gallery-dot' +\r\n        (\r\n          index === currentSlide\r\n            ? ' active'\r\n            : ''\r\n        );\r\n\r\n\r\n      dot.onclick =\r\n        () => goToSlide(index);\r\n\r\n\r\n      dots.appendChild(dot);\r\n\r\n    }\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GO TO SLIDE\r\n========================================================= *\/\r\n\r\nfunction goToSlide(index){\r\n\r\n  currentSlide =\r\n    (index + images.length)\r\n    % images.length;\r\n\r\n\r\n  slides.style.transform =\r\n    `translateX(${-currentSlide * 100}%)`;\r\n\r\n\r\n  document\r\n    .querySelectorAll('.thumbnail')\r\n    .forEach(\r\n      (thumb,i) => {\r\n\r\n        thumb.classList.toggle(\r\n          'active',\r\n          i === currentSlide\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n  document\r\n    .querySelectorAll('.gallery-dot')\r\n    .forEach(\r\n      (dot,i) => {\r\n\r\n        dot.classList.toggle(\r\n          'active',\r\n          i === currentSlide\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\ndocument\r\n  .getElementById('navNext')\r\n  .onclick =\r\n  () => goToSlide(\r\n    currentSlide + 1\r\n  );\r\n\r\n\r\ndocument\r\n  .getElementById('navPrev')\r\n  .onclick =\r\n  () => goToSlide(\r\n    currentSlide - 1\r\n  );\r\n\r\n\r\n\/* =========================================================\r\n   SWIPE\r\n========================================================= *\/\r\n\r\nlet startX = null;\r\n\r\n\r\ndocument\r\n  .getElementById('mainGallery')\r\n  .addEventListener(\r\n    'touchstart',\r\n    e => {\r\n\r\n      startX =\r\n        e.touches[0].clientX;\r\n\r\n    },\r\n    {passive:true}\r\n  );\r\n\r\n\r\ndocument\r\n  .getElementById('mainGallery')\r\n  .addEventListener(\r\n    'touchend',\r\n    e => {\r\n\r\n      if(startX === null){\r\n        return;\r\n      }\r\n\r\n\r\n      const endX =\r\n        e.changedTouches[0].clientX;\r\n\r\n\r\n      const difference =\r\n        endX - startX;\r\n\r\n\r\n      if(Math.abs(difference) > 40){\r\n\r\n        if(difference > 0){\r\n\r\n          goToSlide(\r\n            currentSlide - 1\r\n          );\r\n\r\n        }else{\r\n\r\n          goToSlide(\r\n            currentSlide + 1\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startX = null;\r\n\r\n    },\r\n    {passive:true}\r\n  );\r\n\r\n\r\nbuildThumbs();\r\n\r\nbuildDots();\r\n\r\ngoToSlide(0);\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\nconst form =\r\n  document.getElementById(\r\n    'orderForm'\r\n  );\r\n\r\nconst submitBtn =\r\n  document.getElementById(\r\n    'submitBtn'\r\n  );\r\n\r\nconst successBox =\r\n  document.getElementById(\r\n    'successBox'\r\n  );\r\n\r\nconst orderNum =\r\n  document.getElementById(\r\n    'orderNum'\r\n  );\r\n\r\n\r\n\/* =========================================================\r\n   PHONE VALIDATION\r\n========================================================= *\/\r\n\r\nfunction isValidMoroccanPhone(value){\r\n\r\n  const clean =\r\n    value.replace(\r\n      \/\\s|-\/g,\r\n      ''\r\n    );\r\n\r\n\r\n  return \/^(0|\\+212)(5|6|7)\\d{8}$\/\r\n    .test(clean);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INVALID FIELD\r\n========================================================= *\/\r\n\r\nfunction setInvalid(\r\n  field,\r\n  invalid\r\n){\r\n\r\n  const element =\r\n    form.querySelector(\r\n      `[data-field=\"${field}\"]`\r\n    );\r\n\r\n\r\n  if(element){\r\n\r\n    element.classList.toggle(\r\n      'invalid',\r\n      invalid\r\n    );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLEAR ERRORS\r\n========================================================= *\/\r\n\r\n[\r\n  'fullName',\r\n  'phone',\r\n  'city',\r\n  'address'\r\n]\r\n.forEach(id => {\r\n\r\n  const input =\r\n    document.getElementById(id);\r\n\r\n\r\n  if(!input){\r\n    return;\r\n  }\r\n\r\n\r\n  input.addEventListener(\r\n    'input',\r\n    function(){\r\n\r\n      this\r\n        .closest('.field')\r\n        .classList\r\n        .remove('invalid');\r\n\r\n    }\r\n  );\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT ORDER\r\n========================================================= *\/\r\n\r\nform.addEventListener(\r\n  'submit',\r\n  async function(e){\r\n\r\n    e.preventDefault();\r\n\r\n\r\n    \/* -----------------------------------------\r\n       PREVENT DOUBLE SUBMISSION\r\n    ----------------------------------------- *\/\r\n\r\n    if(submitBtn.disabled){\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       BOT PROTECTION\r\n    ----------------------------------------- *\/\r\n\r\n    const website =\r\n      document\r\n        .getElementById('website')\r\n        .value\r\n        .trim();\r\n\r\n\r\n    if(website !== ''){\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       GET FORM DATA\r\n    ----------------------------------------- *\/\r\n\r\n    const name =\r\n      document\r\n        .getElementById('fullName')\r\n        .value\r\n        .trim();\r\n\r\n\r\n    const phone =\r\n      document\r\n        .getElementById('phone')\r\n        .value\r\n        .trim();\r\n\r\n\r\n    const city =\r\n      document\r\n        .getElementById('city')\r\n        .value\r\n        .trim();\r\n\r\n\r\n    const address =\r\n      document\r\n        .getElementById('address')\r\n        .value\r\n        .trim();\r\n\r\n\r\n    \/* -----------------------------------------\r\n       VALIDATION\r\n    ----------------------------------------- *\/\r\n\r\n    let valid = true;\r\n\r\n\r\n    if(!name){\r\n\r\n      setInvalid(\r\n        'name',\r\n        true\r\n      );\r\n\r\n      valid = false;\r\n\r\n    }\r\n\r\n\r\n    if(!isValidMoroccanPhone(phone)){\r\n\r\n      setInvalid(\r\n        'phone',\r\n        true\r\n      );\r\n\r\n      valid = false;\r\n\r\n    }\r\n\r\n\r\n    if(!city){\r\n\r\n      setInvalid(\r\n        'city',\r\n        true\r\n      );\r\n\r\n      valid = false;\r\n\r\n    }\r\n\r\n\r\n    if(!address){\r\n\r\n      setInvalid(\r\n        'address',\r\n        true\r\n      );\r\n\r\n      valid = false;\r\n\r\n    }\r\n\r\n\r\n    if(!valid){\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------\r\n       LOADING\r\n    ----------------------------------------- *\/\r\n\r\n    submitBtn.disabled = true;\r\n\r\n    submitBtn.textContent =\r\n      '\u062c\u0627\u0631\u064a \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643...';\r\n\r\n\r\n    \/* -----------------------------------------\r\n       ORDER NUMBER\r\n    ----------------------------------------- *\/\r\n\r\n    const orderNumber =\r\n      'ORD-' +\r\n      Date.now()\r\n        .toString()\r\n        .slice(-8);\r\n\r\n\r\n    \/* -----------------------------------------\r\n       PAYLOAD\r\n    ----------------------------------------- *\/\r\n\r\n    const payload = {\r\n\r\n      orderNumber: orderNumber,\r\n\r\n      name: name,\r\n\r\n      phone: phone,\r\n\r\n      city: city,\r\n\r\n      address: address,\r\n\r\n      size:\r\n        `${selectedSize.label}${selectedSize.unit}`,\r\n\r\n      price:\r\n        selectedSize.price,\r\n\r\n      date:\r\n        new Date().toISOString()\r\n\r\n    };\r\n\r\n\r\n    \/* -----------------------------------------\r\n       GOOGLE SHEETS\r\n    ----------------------------------------- *\/\r\n\r\n    try{\r\n\r\n      if(\r\n        !APPS_SCRIPT_URL ||\r\n        APPS_SCRIPT_URL.indexOf('PASTE_') !== -1\r\n      ){\r\n\r\n        throw new Error(\r\n          'Google Apps Script URL is missing.'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      await fetch(\r\n        APPS_SCRIPT_URL,\r\n        {\r\n          method:'POST',\r\n\r\n          mode:'no-cors',\r\n\r\n          headers:{\r\n            'Content-Type':\r\n              'text\/plain;charset=utf-8'\r\n          },\r\n\r\n          body:\r\n            JSON.stringify(payload)\r\n        }\r\n      );\r\n\r\n\r\n      \/* -----------------------------------------\r\n         SUCCESS\r\n      ----------------------------------------- *\/\r\n\r\n      form.style.display =\r\n        'none';\r\n\r\n\r\n      orderNum.textContent =\r\n        orderNumber;\r\n\r\n\r\n      successBox.classList.add(\r\n        'show'\r\n      );\r\n\r\n\r\n      \/* -----------------------------------------\r\n         TRACKING \u2014 APPEND ORDER SUCCESS TO URL\r\n         (useful for URL-based custom conversions,\r\n         and it also survives a page refresh)\r\n         Must run BEFORE the Pixel event fires, so\r\n         a \"URL contains order_success=1\" custom\r\n         conversion rule has something to match.\r\n      ----------------------------------------- *\/\r\n\r\n      try {\r\n\r\n        const trackingUrl =\r\n          new URL(window.location.href);\r\n\r\n        trackingUrl.searchParams.set('order_success', '1');\r\n        trackingUrl.searchParams.set('order_id', orderNumber);\r\n\r\n        window.history.pushState(\r\n          {},\r\n          '',\r\n          trackingUrl.toString()\r\n        );\r\n\r\n      } catch (urlError) {\r\n\r\n        console.error(\r\n          'URL tracking update error:',\r\n          urlError\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* -----------------------------------------\r\n         META PIXEL \u2014 PURCHASE EVENT\r\n         (requires the Pixel base code to already\r\n         be installed on the page \u2014 this call only\r\n         fires it, it doesn't load the Pixel itself)\r\n      ----------------------------------------- *\/\r\n\r\n      if (typeof fbq !== 'undefined') {\r\n\r\n        fbq('track', 'Purchase', {\r\n          value: selectedSize.price,\r\n          currency: 'MAD',\r\n          content_name: `Gas3a ${selectedSize.label}${selectedSize.unit}`,\r\n          content_ids: [selectedSize.id],\r\n          content_type: 'product',\r\n          num_items: 1\r\n        });\r\n\r\n      }\r\n\r\n\r\n      \/* -----------------------------------------\r\n         SCROLL TO SUCCESS\r\n      ----------------------------------------- *\/\r\n\r\n      setTimeout(\r\n        function(){\r\n\r\n          successBox.scrollIntoView({\r\n            behavior:'smooth',\r\n            block:'center'\r\n          });\r\n\r\n        },\r\n        100\r\n      );\r\n\r\n\r\n    }catch(error){\r\n\r\n      console.error(\r\n        'Order submission error:',\r\n        error\r\n      );\r\n\r\n\r\n      \/* -----------------------------------------\r\n         ERROR MESSAGE\r\n      ----------------------------------------- *\/\r\n\r\n      alert(\r\n        '\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628. \u0627\u0644\u0645\u0631\u062c\u0648 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.'\r\n      );\r\n\r\n\r\n      submitBtn.disabled =\r\n        false;\r\n\r\n\r\n      submitBtn.textContent =\r\n        '\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646';\r\n\r\n    }\r\n\r\n  }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude9a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u203a \u2039 \u062e\u0635\u0645 20% \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d \u0645\u0646<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16603","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gasaa - azurnatur.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/azurnatur.com\/?page_id=16603\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gasaa - azurnatur.com\" \/>\n<meta property=\"og:description\" content=\"\ud83d\ude9a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u203a \u2039 \u062e\u0635\u0645 20% \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d \u0645\u0646\" \/>\n<meta property=\"og:url\" content=\"https:\/\/azurnatur.com\/?page_id=16603\" \/>\n<meta property=\"og:site_name\" content=\"azurnatur.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-01T21:17:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/azurnatur.com\/?page_id=16603\",\"url\":\"https:\/\/azurnatur.com\/?page_id=16603\",\"name\":\"Gasaa - azurnatur.com\",\"isPartOf\":{\"@id\":\"https:\/\/azurnatur.com\/#website\"},\"datePublished\":\"2026-09-01T20:34:51+00:00\",\"dateModified\":\"2026-09-01T21:17:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/azurnatur.com\/?page_id=16603#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/azurnatur.com\/?page_id=16603\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/azurnatur.com\/?page_id=16603#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/azurnatur.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gasaa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/azurnatur.com\/#website\",\"url\":\"https:\/\/azurnatur.com\/\",\"name\":\"azurnatur.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/azurnatur.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/azurnatur.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/azurnatur.com\/#organization\",\"name\":\"azurnatur.com\",\"url\":\"https:\/\/azurnatur.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/azurnatur.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/Ajouter_un_sous-titre-removebg-preview.png\",\"contentUrl\":\"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/Ajouter_un_sous-titre-removebg-preview.png\",\"width\":500,\"height\":500,\"caption\":\"azurnatur.com\"},\"image\":{\"@id\":\"https:\/\/azurnatur.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gasaa - azurnatur.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/azurnatur.com\/?page_id=16603","og_locale":"en_US","og_type":"article","og_title":"Gasaa - azurnatur.com","og_description":"\ud83d\ude9a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u203a \u2039 \u062e\u0635\u0645 20% \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d \u0645\u0646","og_url":"https:\/\/azurnatur.com\/?page_id=16603","og_site_name":"azurnatur.com","article_modified_time":"2026-09-01T21:17:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/azurnatur.com\/?page_id=16603","url":"https:\/\/azurnatur.com\/?page_id=16603","name":"Gasaa - azurnatur.com","isPartOf":{"@id":"https:\/\/azurnatur.com\/#website"},"datePublished":"2026-09-01T20:34:51+00:00","dateModified":"2026-09-01T21:17:11+00:00","breadcrumb":{"@id":"https:\/\/azurnatur.com\/?page_id=16603#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/azurnatur.com\/?page_id=16603"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/azurnatur.com\/?page_id=16603#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/azurnatur.com\/"},{"@type":"ListItem","position":2,"name":"Gasaa"}]},{"@type":"WebSite","@id":"https:\/\/azurnatur.com\/#website","url":"https:\/\/azurnatur.com\/","name":"azurnatur.com","description":"","publisher":{"@id":"https:\/\/azurnatur.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/azurnatur.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/azurnatur.com\/#organization","name":"azurnatur.com","url":"https:\/\/azurnatur.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/azurnatur.com\/#\/schema\/logo\/image\/","url":"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/Ajouter_un_sous-titre-removebg-preview.png","contentUrl":"https:\/\/azurnatur.com\/wp-content\/uploads\/2025\/06\/Ajouter_un_sous-titre-removebg-preview.png","width":500,"height":500,"caption":"azurnatur.com"},"image":{"@id":"https:\/\/azurnatur.com\/#\/schema\/logo\/image\/"}}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/pages\/16603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azurnatur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16603"}],"version-history":[{"count":5,"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/pages\/16603\/revisions"}],"predecessor-version":[{"id":16634,"href":"https:\/\/azurnatur.com\/index.php?rest_route=\/wp\/v2\/pages\/16603\/revisions\/16634"}],"wp:attachment":[{"href":"https:\/\/azurnatur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}