{"id":61,"date":"2026-05-22T18:26:44","date_gmt":"2026-05-22T18:26:44","guid":{"rendered":"https:\/\/alhurmat.xyz\/?cartflows_step=farinhijab-2"},"modified":"2026-05-24T05:55:31","modified_gmt":"2026-05-24T05:55:31","slug":"farinhijab-2","status":"publish","type":"cartflows_step","link":"https:\/\/alhurmat.xyz\/?cartflows_step=farinhijab-2","title":{"rendered":"farinhijab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"61\" class=\"elementor elementor-61\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a25eeec e-con-full e-flex e-con e-parent\" data-id=\"a25eeec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c8fc7 elementor-widget elementor-widget-html\" data-id=\"61c8fc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"bn\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Special Farin Hijab \u2014 Premium Quality<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    \/* ====== TOKENS ====== *\/\n    :root {\n      --p:      #6B21A8;\n      --p-d:    #4C1D95;\n      --p-l:    #9333EA;\n      --gold:   #D97706;\n      --gold-l: #F59E0B;\n      --green:  #059669;\n      --green-l:#10B981;\n      --red:    #DC2626;\n      --txt:    #111827;\n      --txt-m:  #6B7280;\n      --bdr:    #E5E7EB;\n      --bg:     #F9FAFB;\n      --wht:    #FFFFFF;\n      --r:      14px;\n      --r-l:    20px;\n      --sh:     0 4px 18px rgba(0,0,0,.09);\n      --sh-l:   0 10px 40px rgba(0,0,0,.14);\n    }\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: 'Hind Siliguri', -apple-system, sans-serif;\n      background: var(--bg);\n      color: var(--txt);\n      font-size: 16px;\n      line-height: 1.65;\n      -webkit-font-smoothing: antialiased;\n      padding-bottom: 72px;\n    }\n    img { display: block; max-width: 100%; }\n    a   { text-decoration: none; }\n    button { cursor: pointer; font-family: inherit; }\n    \/* ====== LAYOUT ====== *\/\n    .wrap { max-width: 680px; margin: 0 auto; padding: 0 16px; }\n    section { padding: 44px 0; }\n    \/* ====== TYPOGRAPHY ====== *\/\n    .chip-label {\n      display: inline-block;\n      background: rgba(107,33,168,.10);\n      color: var(--p);\n      font-size: .72rem;\n      font-weight: 700;\n      letter-spacing: 1.6px;\n      text-transform: uppercase;\n      padding: 4px 12px;\n      border-radius: 50px;\n      margin-bottom: 10px;\n    }\n    .sec-title {\n      font-size: clamp(1.15rem, 4.5vw, 1.5rem);\n      font-weight: 700;\n      line-height: 1.4;\n      color: var(--txt);\n      margin-bottom: 6px;\n    }\n    .sec-sub {\n      font-size: .9rem;\n      color: var(--txt-m);\n      margin-bottom: 24px;\n    }\n    \/* ====== DIVIDER ====== *\/\n    .hr { height: 5px; background: linear-gradient(90deg, var(--p), var(--gold-l), var(--p-l)); }\n    \/* ====== ANNOUNCE ====== *\/\n    .announce {\n      background: var(--p-d);\n      color: rgba(255,255,255,.88);\n      text-align: center;\n      padding: 9px 16px;\n      font-size: .8rem;\n      font-weight: 500;\n      letter-spacing: .5px;\n    }\n    \/* ====== HERO ====== *\/\n    .hero {\n      background: linear-gradient(155deg, var(--p-d) 0%, var(--p) 55%, #A855F7 100%);\n      color: #fff;\n      padding: 38px 20px 34px;\n      text-align: center;\n    }\n    .hero-tag {\n      display: inline-block;\n      background: rgba(255,255,255,.16);\n      border: 1px solid rgba(255,255,255,.28);\n      color: rgba(255,255,255,.92);\n      font-size: .72rem;\n      font-weight: 700;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      padding: 5px 14px;\n      border-radius: 50px;\n      margin-bottom: 14px;\n    }\n    .hero h1 {\n      font-size: clamp(1.3rem, 5.5vw, 2rem);\n      font-weight: 700;\n      line-height: 1.45;\n    }\n    .hero h1 em { font-style: normal; color: #FDE68A; }\n    .hero-sub { font-size: .9rem; color: rgba(255,255,255,.78); margin-top: 10px; }\n    \/* ====== ORDER BUTTON (main CTA) ====== *\/\n    .order-btn {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      margin: 28px auto 0;\n      padding: 15px 28px;\n      width: 100%;\n      max-width: 360px;\n      background: linear-gradient(135deg, var(--p) 0%, var(--p-l) 100%);\n      color: #fff;\n      border: none;\n      border-radius: 12px;\n      font-size: 1.05rem;\n      font-weight: 700;\n      letter-spacing: .3px;\n      overflow: hidden;\n      box-shadow: 0 4px 22px rgba(107,33,168,.38);\n      transition: transform .18s, box-shadow .18s;\n    }\n    .order-btn::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n      transform: translateX(-120%);\n      transition: transform .55s ease;\n    }\n    .order-btn:hover  { transform: translateY(-3px); box-shadow: 0 9px 32px rgba(107,33,168,.52); }\n    .order-btn:hover::after { transform: translateX(120%); }\n    .order-btn:active { transform: translateY(-1px); }\n    .btn-icon {\n      display: flex; align-items: center; justify-content: center;\n      width: 28px; height: 28px;\n      background: rgba(255,255,255,.18);\n      border-radius: 7px;\n      font-size: 1rem;\n      flex-shrink: 0;\n    }\n    \/* gold variant *\/\n    .order-btn-gold {\n      background: linear-gradient(135deg, #D97706, #F59E0B);\n      color: #7C2D12;\n      box-shadow: 0 4px 22px rgba(217,119,6,.38);\n    }\n    .order-btn-gold:hover { box-shadow: 0 9px 32px rgba(217,119,6,.52); }\n    .order-btn-gold .btn-icon { background: rgba(124,45,18,.14); }\n    \/* ====== VIDEO \u2014 9:16 REELS ====== *\/\n    .video-sec {\n      background: #0d0d0d;\n      padding: 36px 16px;\n    }\n    .reel-frame {\n      width: min(255px, 70vw);\n      margin: 0 auto;\n      position: relative;\n      background: #000;\n      border-radius: 22px;\n      overflow: hidden;\n      box-shadow: 0 14px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.07);\n    }\n    .reel-frame::before { content: ''; display: block; padding-top: 177.78%; }\n    .reel-frame iframe {\n      position: absolute; inset: 0;\n      width: 100%; height: 100%;\n      border: none;\n    }\n    .reel-label {\n      text-align: center;\n      color: rgba(255,255,255,.38);\n      font-size: .7rem;\n      font-weight: 600;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      margin-top: 16px;\n    }\n    .video-sec .order-btn { margin-top: 28px; }\n    \/* ====== COLOR SLIDER ====== *\/\n    .slider-sec { background: var(--wht); padding: 44px 0; }\n    .slider-outer {\n      position: relative;\n      overflow: hidden;\n      border-radius: var(--r-l);\n      margin: 0 16px;\n      background: #000;\n      box-shadow: var(--sh-l);\n    }\n    .slider-track {\n      display: flex;\n      transition: transform .55s cubic-bezier(.25,.46,.45,.94);\n      will-change: transform;\n    }\n    .slide { min-width: 100%; position: relative; flex-shrink: 0; }\n    .slide img {\n      width: 100%;\n      aspect-ratio: 3\/4;\n      object-fit: cover;\n      object-position: top center;\n      display: block;\n    }\n    .slide-swatch {\n      aspect-ratio: 3\/4;\n      display: flex; align-items: center; justify-content: center;\n    }\n\n    \/* \u2500\u2500 MOBILE: slider height fix \u2500\u2500 *\/\n    @media (max-width: 559px) {\n      .slider-outer { max-height: 360px; }\n      .slide img {\n        aspect-ratio: unset;\n        height: 360px;\n        object-fit: cover;\n        object-position: top center;\n      }\n      .slide-swatch {\n        aspect-ratio: unset;\n        height: 360px;\n      }\n    }\n\n    .slide-swatch-circle {\n      width: 110px; height: 110px;\n      border-radius: 50%;\n      box-shadow: 0 10px 40px rgba(0,0,0,.25);\n    }\n    .slide-info {\n      position: absolute; bottom: 0; left: 0; right: 0;\n      background: linear-gradient(to top, rgba(0,0,0,.80) 0%, transparent 65%);\n      padding: 32px 20px 18px;\n      color: #fff;\n    }\n    .slide-badge {\n      font-size: .68rem; font-weight: 600;\n      letter-spacing: 1.5px; text-transform: uppercase;\n      opacity: .7; margin-bottom: 5px;\n    }\n    .slide-name {\n      font-size: 1.25rem; font-weight: 700;\n      display: flex; align-items: center; gap: 9px;\n    }\n    .slide-dot {\n      width: 14px; height: 14px; border-radius: 50%;\n      border: 2px solid rgba(255,255,255,.5);\n      flex-shrink: 0;\n    }\n    .slide-price { font-size: .95rem; font-weight: 600; color: #FDE68A; margin-top: 3px; }\n    \/* arrows *\/\n    .sl-arrow {\n      position: absolute; top: 50%; transform: translateY(-50%);\n      width: 40px; height: 40px;\n      background: rgba(255,255,255,.14);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n      border: 1px solid rgba(255,255,255,.22);\n      border-radius: 50%;\n      color: #fff; font-size: 1.15rem;\n      display: flex; align-items: center; justify-content: center;\n      cursor: pointer; z-index: 10;\n      transition: background .2s;\n    }\n    .sl-arrow:hover { background: rgba(255,255,255,.28); }\n    .sl-arrow.prev { left: 12px; }\n    .sl-arrow.next { right: 12px; }\n    \/* progress *\/\n    .sl-progress {\n      height: 3px; background: rgba(107,33,168,.12);\n      border-radius: 0 0 var(--r-l) var(--r-l);\n      margin: 0 16px; overflow: hidden;\n    }\n    .sl-progress-fill {\n      height: 100%;\n      background: linear-gradient(90deg, var(--p), var(--p-l));\n      width: 0%;\n    }\n    \/* dots *\/\n    .sl-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }\n    .dot {\n      width: 8px; height: 8px; border-radius: 50%;\n      background: var(--bdr); border: none; padding: 0; cursor: pointer;\n      transition: all .25s;\n    }\n    .dot.on { background: var(--p); width: 24px; border-radius: 4px; }\n    \/* ====== PRICE CARD ====== *\/\n    .price-sec { background: var(--bg); padding: 32px 0; }\n    .price-card {\n      background: linear-gradient(135deg, var(--gold) 0%, #B45309 100%);\n      color: #fff; border-radius: var(--r-l); padding: 28px 24px;\n      text-align: center;\n      box-shadow: 0 8px 30px rgba(180,83,9,.32);\n    }\n    .price-lbl  { font-size: .85rem; opacity: .85; font-weight: 500; }\n    .price-amt  { font-size: 2.9rem; font-weight: 800; line-height: 1.05; }\n    .price-note { font-size: .83rem; opacity: .85; margin-top: 7px; }\n    \/* ====== FEATURES ====== *\/\n    .features-sec { background: var(--wht); }\n    .feat-card {\n      display: flex; align-items: flex-start; gap: 14px;\n      padding: 15px 16px;\n      background: #FAFAFF;\n      border: 1px solid rgba(107,33,168,.09);\n      border-radius: var(--r);\n      margin-bottom: 11px;\n    }\n    .feat-ic {\n      width: 40px; height: 40px; flex-shrink: 0;\n      background: linear-gradient(135deg, var(--p), var(--p-l));\n      border-radius: 10px;\n      display: flex; align-items: center; justify-content: center;\n      color: #fff; font-size: 1rem; font-weight: 800;\n    }\n    .feat-txt { font-size: .92rem; line-height: 1.65; }\n    .feat-txt strong { color: var(--p-d); }\n    \/* ====== TRUST ====== *\/\n    .trust-sec {\n      background: linear-gradient(160deg, #1E1B4B 0%, #312E81 55%, #1E1B4B 100%);\n      color: rgba(255,255,255,.82);\n    }\n    .trust-sec .sec-title { color: #FDE68A; }\n    .trust-sec .chip-label { background: rgba(253,230,138,.14); color: #FDE68A; }\n    .trust-card {\n      display: flex; align-items: flex-start; gap: 14px;\n      padding: 15px 16px;\n      background: rgba(255,255,255,.07);\n      border: 1px solid rgba(255,255,255,.1);\n      border-radius: var(--r);\n      margin-bottom: 11px;\n    }\n    .trust-ic {\n      width: 40px; height: 40px; flex-shrink: 0;\n      background: linear-gradient(135deg, #FDE68A, #F59E0B);\n      border-radius: 10px;\n      display: flex; align-items: center; justify-content: center;\n      color: #78350F; font-size: 1rem;\n    }\n    \/* ====== REVIEWS ====== *\/\n    .reviews-sec { background: var(--bg); }\n    .rev-grid {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\n    }\n    .rev-card {\n      border-radius: var(--r); overflow: hidden;\n      box-shadow: var(--sh); transition: transform .2s;\n    }\n    .rev-card:hover { transform: scale(1.02); }\n    .rev-card img { width: 100%; display: block; }\n    .rev-stars {\n      background: #FFFBEB; text-align: center;\n      padding: 7px; color: #D97706;\n      font-size: .95rem; letter-spacing: 2px;\n    }\n    \/* ====== FAQ ====== *\/\n    .faq-sec { background: var(--wht); }\n    .faq-item {\n      border: 1px solid var(--bdr); border-radius: var(--r);\n      margin-bottom: 10px; overflow: hidden;\n    }\n    .faq-q {\n      display: flex; justify-content: space-between; align-items: center;\n      padding: 14px 18px; background: var(--bg);\n      font-weight: 600; font-size: .92rem; cursor: pointer; gap: 12px;\n      user-select: none;\n    }\n    .faq-ic {\n      width: 26px; height: 26px; flex-shrink: 0;\n      background: var(--p); color: #fff; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      font-size: .8rem; font-weight: 700;\n      transition: transform .3s;\n    }\n    .faq-item.open .faq-ic { transform: rotate(45deg); }\n    .faq-a {\n      max-height: 0; overflow: hidden;\n      transition: max-height .35s ease, padding .3s;\n      font-size: .9rem; line-height: 1.7;\n      color: var(--txt-m); padding: 0 18px;\n    }\n    .faq-a.open { max-height: 200px; padding: 14px 18px; }\n    \/* ====== CONTACT ====== *\/\n    .contact-sec {\n      background: linear-gradient(135deg, var(--green), var(--green-l));\n      color: #fff; text-align: center; padding: 28px 16px;\n    }\n    .contact-lbl { font-size: .85rem; opacity: .88; margin-bottom: 10px; }\n    .contact-phone {\n      display: inline-flex; align-items: center; gap: 12px;\n      font-size: 1.65rem; font-weight: 800; color: #fff; letter-spacing: .5px;\n    }\n    .phone-ic {\n      width: 46px; height: 46px; background: rgba(255,255,255,.2);\n      border-radius: 50%; display: flex; align-items: center;\n      justify-content: center; font-size: 1.15rem;\n    }\n    .contact-sub { font-size: .8rem; opacity: .82; margin-top: 10px; }\n    \/* ====== CHECKOUT ====== *\/\n    #checkout { scroll-margin-top: 0; }\n    .checkout-sec { background: var(--wht); padding: 0 0 48px; }\n    .co-header {\n      background: linear-gradient(135deg, var(--p-d), var(--p));\n      color: #fff; padding: 28px 20px; text-align: center;\n    }\n    .co-header h2 { font-size: 1.45rem; font-weight: 700; }\n    .co-header p  { font-size: .87rem; opacity: .82; margin-top: 6px; }\n    .co-notice {\n      background: #FFFBEB;\n      border-left: 4px solid var(--gold);\n      margin: 20px 16px 0;\n      border-radius: 0 var(--r) var(--r) 0;\n      padding: 12px 16px;\n      font-size: .84rem; color: #92400E; font-weight: 500; line-height: 1.55;\n    }\n    \/* color chips *\/\n    .co-section-lbl {\n      font-size: .82rem; font-weight: 700;\n      letter-spacing: 1px; text-transform: uppercase;\n      color: var(--p); margin: 26px 16px 12px;\n      padding-bottom: 8px;\n      border-bottom: 2px solid rgba(107,33,168,.1);\n    }\n    .color-chips {\n      display: flex; gap: 10px;\n      padding: 2px 16px 4px;\n      overflow-x: auto; scrollbar-width: none;\n    }\n    .color-chips::-webkit-scrollbar { display: none; }\n    .c-chip {\n      flex-shrink: 0; display: flex; flex-direction: column;\n      align-items: center; gap: 6px;\n      padding: 10px 11px; min-width: 74px;\n      border: 2px solid var(--bdr); border-radius: 12px;\n      cursor: pointer; background: var(--wht);\n      transition: border-color .2s, background .2s, transform .15s;\n      position: relative;\n    }\n    .c-chip:hover { transform: translateY(-2px); }\n    .c-chip.on {\n      border-color: var(--p);\n      background: rgba(107,33,168,.05);\n    }\n    .c-swatch {\n      width: 38px; height: 38px; border-radius: 50%;\n      overflow: hidden; border: 2px solid rgba(0,0,0,.08);\n    }\n    .c-swatch img { width: 100%; height: 100%; object-fit: cover; object-position: top; }\n    .c-name { font-size: .74rem; font-weight: 600; color: var(--txt); text-align: center; line-height: 1.3; }\n    .c-check {\n      display: none; position: absolute; top: -6px; right: -6px;\n      width: 18px; height: 18px; background: var(--p); border-radius: 50%;\n      color: #fff; font-size: .65rem; font-weight: 800;\n      align-items: center; justify-content: center;\n      border: 2px solid var(--wht);\n    }\n    .c-chip.on .c-check { display: flex; }\n    \/* quantity *\/\n    .qty-row { padding: 0 16px; }\n    .qty-lbl { font-size: .82rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--p); margin-bottom: 10px; }\n    .qty-ctrl {\n      display: inline-flex; align-items: center;\n      border: 2px solid var(--bdr); border-radius: var(--r);\n      overflow: hidden;\n    }\n    .qty-btn {\n      width: 46px; height: 46px; background: var(--bg); border: none;\n      font-size: 1.25rem; font-weight: 700; color: var(--p);\n      transition: background .15s;\n    }\n    .qty-btn:hover { background: rgba(107,33,168,.1); }\n    .qty-num {\n      width: 58px; height: 46px;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 1.15rem; font-weight: 800;\n      border-left: 1px solid var(--bdr); border-right: 1px solid var(--bdr);\n    }\n    \/* form *\/\n    .co-form { padding: 0 16px; margin-top: 24px; }\n    .field { margin-bottom: 16px; }\n    .field label {\n      display: block; font-size: .86rem; font-weight: 600;\n      color: var(--txt); margin-bottom: 6px;\n    }\n    .field input,\n    .field select,\n    .field textarea {\n      width: 100%; padding: 13px 14px;\n      border: 2px solid var(--bdr); border-radius: var(--r);\n      font-family: 'Hind Siliguri', sans-serif;\n      font-size: .95rem; color: var(--txt);\n      background: var(--wht); outline: none;\n      transition: border-color .2s, box-shadow .2s;\n      appearance: none; -webkit-appearance: none;\n    }\n    .field input:focus,\n    .field select:focus,\n    .field textarea:focus {\n      border-color: var(--p);\n      box-shadow: 0 0 0 3px rgba(107,33,168,.1);\n    }\n    .field textarea { resize: none; }\n    .field.err input,\n    .field.err select,\n    .field.err textarea { border-color: var(--red); }\n    .field-err { font-size: .76rem; color: var(--red); margin-top: 4px; display: none; }\n    .field.err .field-err { display: block; }\n    .sel-wrap { position: relative; }\n    .sel-wrap::after {\n      content: '\u25be'; position: absolute; right: 14px; top: 50%;\n      transform: translateY(-50%); color: var(--txt-m); pointer-events: none; font-size: .88rem;\n    }\n    \/* summary *\/\n    .co-summary {\n      margin: 24px 16px 0;\n      border: 1px solid var(--bdr); border-radius: var(--r); overflow: hidden;\n    }\n    .sum-head {\n      padding: 11px 16px; background: rgba(107,33,168,.06);\n      font-size: .76rem; font-weight: 700; letter-spacing: 1.2px;\n      text-transform: uppercase; color: var(--p);\n      border-bottom: 1px solid var(--bdr);\n    }\n    .sum-row {\n      display: flex; justify-content: space-between; align-items: center;\n      padding: 12px 16px; font-size: .91rem;\n      border-bottom: 1px solid var(--bdr);\n    }\n    .sum-row:last-child { border: none; }\n    .sum-row.tot { font-weight: 800; font-size: 1.05rem; }\n    .sum-val { font-weight: 700; color: var(--p); }\n    .sum-row.tot .sum-val { color: var(--red); font-size: 1.15rem; }\n    \/* payment *\/\n    .co-pay { padding: 22px 16px 0; }\n    .pay-card {\n      display: flex; align-items: center; gap: 14px;\n      padding: 15px 16px;\n      border: 2px solid var(--green); border-radius: var(--r);\n      background: #ECFDF5;\n    }\n    .pay-card input { width: 20px; height: 20px; accent-color: var(--green); }\n    .pay-title { font-weight: 700; font-size: .95rem; }\n    .pay-sub   { font-size: .78rem; color: var(--txt-m); margin-top: 2px; }\n    \/* submit *\/\n    .co-submit { padding: 22px 16px 0; }\n    .sub-btn {\n      display: flex; align-items: center; justify-content: center; gap: 10px;\n      width: 100%; padding: 18px 24px;\n      background: linear-gradient(135deg, var(--green), var(--green-l));\n      color: #fff; border: none; border-radius: 12px;\n      font-size: 1.15rem; font-weight: 800; letter-spacing: .3px;\n      cursor: pointer; overflow: hidden; position: relative;\n      box-shadow: 0 6px 26px rgba(5,150,105,.38);\n      transition: transform .18s, box-shadow .18s;\n    }\n    .sub-btn::after {\n      content: ''; position: absolute; inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);\n      transform: translateX(-120%); transition: transform .55s;\n    }\n    .sub-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 34px rgba(5,150,105,.52); }\n    .sub-btn:hover::after { transform: translateX(120%); }\n    .sub-btn:active { transform: none; }\n    .sub-btn:disabled { background: #9CA3AF; box-shadow: none; transform: none; cursor: not-allowed; }\n    .sub-ic {\n      display: flex; align-items: center; justify-content: center;\n      width: 30px; height: 30px; background: rgba(255,255,255,.2);\n      border-radius: 8px; font-size: 1.05rem; flex-shrink: 0;\n    }\n    \/* ====== STICKY ====== *\/\n    .sticky {\n      position: fixed; bottom: 0; left: 0; right: 0;\n      background: var(--wht); border-top: 1px solid var(--bdr);\n      padding: 10px 16px; z-index: 100;\n      box-shadow: 0 -4px 24px rgba(0,0,0,.09);\n    }\n    .sticky-inner {\n      max-width: 680px; margin: 0 auto;\n      display: flex; align-items: center; gap: 14px;\n    }\n    .sticky-info { flex: 1; }\n    .sticky-lbl  { font-size: .7rem; color: var(--txt-m); font-weight: 500; }\n    .sticky-amt  { font-size: 1.15rem; font-weight: 800; color: var(--p-d); line-height: 1.1; }\n    .sticky-btn {\n      flex-shrink: 0; padding: 12px 22px;\n      background: linear-gradient(135deg, var(--p), var(--p-l));\n      color: #fff; border: none; border-radius: 10px;\n      font-size: .95rem; font-weight: 700;\n      box-shadow: 0 4px 16px rgba(107,33,168,.4);\n      white-space: nowrap;\n      transition: box-shadow .2s, transform .15s;\n    }\n    .sticky-btn:hover { box-shadow: 0 7px 22px rgba(107,33,168,.55); transform: translateY(-1px); }\n    \/* ====== SUCCESS ====== *\/\n    #successLayer {\n      display: none; position: fixed; inset: 0;\n      background: rgba(0,0,0,.52); z-index: 200;\n      place-items: center; padding: 20px;\n    }\n    #successLayer.show { display: grid; }\n    .success-card {\n      background: var(--wht); border-radius: var(--r-l);\n      padding: 38px 28px; text-align: center;\n      max-width: 340px; width: 100%; box-shadow: var(--sh-l);\n    }\n    .success-ic {\n      width: 72px; height: 72px; background: #ECFDF5; border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      margin: 0 auto 16px; font-size: 2rem; color: var(--green);\n    }\n    .success-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 8px; }\n    .success-msg   { font-size: .88rem; color: var(--txt-m); line-height: 1.65; }\n    .success-close {\n      margin-top: 26px; width: 100%; padding: 13px;\n      background: var(--green); color: #fff; border: none;\n      border-radius: 10px; font-size: .96rem; font-weight: 700;\n      cursor: pointer;\n    }\n    \/* ====== FOOTER ====== *\/\n    footer {\n      background: #111827; color: #6B7280;\n      text-align: center; padding: 22px 16px; font-size: .78rem;\n    }\n    footer a { color: #9CA3AF; }\n    \/* ====== RESPONSIVE ====== *\/\n    @media (min-width: 560px) {\n      .rev-grid { gap: 16px; }\n      .reel-frame { width: min(290px, 60vw); }\n    }\n    @media (max-width: 360px) {\n      .c-chip { min-width: 66px; }\n      .slider-outer { max-height: 300px; }\n      .slide img { height: 300px; aspect-ratio: unset; }\n      .slide-swatch { height: 300px; aspect-ratio: unset; }\n    }\n  <\/style>\n<\/head>\n<body>\n<!-- \u2550\u2550\u2550 ANNOUNCEMENT \u2550\u2550\u2550 -->\n<div class=\"announce\">\u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09af\u09bc\u09c7\u09b0 \u0985\u09ab\u09be\u09b0 \u2014 \u09b8\u09cd\u099f\u0995 \u09b6\u09c7\u09b7 \u09b9\u0993\u09af\u09bc\u09be\u09b0 \u0986\u0997\u09c7\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/div>\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<header class=\"hero\">\n  <div class=\"hero-tag\">Premium Farin Hijab<\/div>\n  <h1>\u09aa\u09b0\u09cd\u09a6\u09be, \u0986\u09b0\u09be\u09ae \u098f\u09ac\u0982 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09c7<br\/><em>\u09b8\u09ac\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09ab\u09be\u09b0\u09bf\u09a8 \u09b9\u09bf\u099c\u09be\u09ac\u09c7<\/em><\/h1>\n  <p class=\"hero-sub\">\u09b8\u09b0\u09cd\u09ac\u09cb\u099a\u09cd\u099a \u09ae\u09be\u09a8\u09c7\u09b0 \u0995\u09be\u09aa\u09a1\u09bc \u2014 \u09b8\u09be\u09b0\u09be\u09a6\u09c7\u09b6\u09c7 \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/p>\n<\/header>\n<!-- \u2550\u2550\u2550 REELS VIDEO (9:16) \u2550\u2550\u2550 -->\n<section class=\"video-sec\">\n  <div class=\"reel-frame\">\n    <iframe\n      src=\"https:\/\/www.youtube.com\/embed\/FbGTRJ01xQI?rel=0&modestbranding=1\"\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowfullscreen loading=\"lazy\" title=\"Farin Hijab Product Video\">\n    <\/iframe>\n  <\/div>\n  <p class=\"reel-label\">Product Video<\/p>\n  <div class=\"wrap\">\n    <a href=\"#checkout\" class=\"order-btn\">\n      <span class=\"btn-icon\">&#8595;<\/span>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n    <\/a>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 COLOR SLIDER \u2550\u2550\u2550 -->\n<section class=\"slider-sec\">\n  <div class=\"wrap\" style=\"text-align:center; margin-bottom:22px;\">\n    <span class=\"chip-label\">All Colors<\/span>\n    <h2 class=\"sec-title\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09ab\u09be\u09b0\u09bf\u09a8 \u09b9\u09bf\u099c\u09be\u09ac\u09c7\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09b8\u09ae\u09c2\u09b9<\/h2>\n    <p class=\"sec-sub\">\u09ee\u099f\u09bf \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09b0\u0999\u09c7 \u09aa\u09be\u0993\u09af\u09bc\u09be \u09af\u09be\u099a\u09cd\u099b\u09c7 \u2014 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09b0\u0999\u099f\u09bf \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8<\/p>\n  <\/div>\n  <div class=\"slider-outer\" id=\"sliderOuter\">\n    <div class=\"slider-track\" id=\"sliderTrack\">\n      <!-- \u2550 Product image slides (5 colors with images) \u2550 -->\n      <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/D52Bd4L4WnIiLrJGU6Ec6sLBUbCUM6va.jpg\" alt=\"Black\" \/>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#1a1a1a\"><\/span>Black<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/MaOo1piiee2GnEDEuTPk8yBMe54Fv4sa.jpg\" alt=\"Mulberry\" \/>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#6D1439\"><\/span>Mulberry<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/kDRFoYgvUfVQ0Mnv5DzyWr96yGV4kf8U.jpg\" alt=\"Paste\" \/>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#93C5D5\"><\/span>Paste<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/f9A9CUCxuLRQfLQdX4wOoRhBpfAW4Uxl.jpg\" alt=\"Milk Coffee\" \/>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#C49A6C\"><\/span>Milk Coffee<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/01KPE4Y2E3CF8KKK2ZVE3QHYYT.jpg\" alt=\"White\" \/>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#EDE8E3;border-color:rgba(255,255,255,.3)\"><\/span>White<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <div class=\"slide-swatch\" style=\"background:#00736B18;\">\n          <div class=\"slide-swatch-circle\" style=\"background:#00736B;\"><\/div>\n        <\/div>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#00736B\"><\/span>Teal<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <div class=\"slide-swatch\" style=\"background:#6B7A2F18;\">\n          <div class=\"slide-swatch-circle\" style=\"background:#6B7A2F;\"><\/div>\n        <\/div>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#6B7A2F\"><\/span>Olive<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slide\">\n        <div class=\"slide-swatch\" style=\"background:#F4A47C18;\">\n          <div class=\"slide-swatch-circle\" style=\"background:#F4A47C;\"><\/div>\n        <\/div>\n        <div class=\"slide-info\">\n          <div class=\"slide-badge\">Special Farin Hijab<\/div>\n          <div class=\"slide-name\"><span class=\"slide-dot\" style=\"background:#F4A47C\"><\/span>Peach<\/div>\n          <div class=\"slide-price\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <button class=\"sl-arrow prev\" onclick=\"slNav(-1)\" aria-label=\"Previous\">&#8249;<\/button>\n    <button class=\"sl-arrow next\" onclick=\"slNav(1)\"  aria-label=\"Next\">&#8250;<\/button>\n  <\/div>\n  <div class=\"sl-progress\"><div class=\"sl-progress-fill\" id=\"progFill\"><\/div><\/div>\n  <div class=\"sl-dots\" id=\"slDots\"><\/div>\n  <div class=\"wrap\">\n    <a href=\"#checkout\" class=\"order-btn\">\n      <span class=\"btn-icon\">&#8595;<\/span>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n    <\/a>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 PRICE \u2550\u2550\u2550 -->\n<section class=\"price-sec\">\n  <div class=\"wrap\">\n    <div class=\"price-card\">\n      <div class=\"price-lbl\">Special Farin Hijab \u2014 \u09ae\u09be\u09a4\u09cd\u09b0<\/div>\n      <div class=\"price-amt\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n      <div class=\"price-note\">\u09b8\u09be\u09b0\u09be \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7 \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 FEATURES \u2550\u2550\u2550 -->\n<section class=\"features-sec\">\n  <div class=\"wrap\">\n    <span class=\"chip-label\">\u0995\u09c7\u09a8 \u09a8\u09c7\u09ac\u09c7\u09a8<\/span>\n    <h2 class=\"sec-title\">\u098f\u0987 \u09b9\u09bf\u099c\u09be\u09ac\u099f\u09bf \u0995\u09c7\u09a8 \u0986\u09aa\u09a8\u09bf \u09a8\u09bf\u09ac\u09c7\u09a8?<\/h2>\n    <p class=\"sec-sub\">\u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09ac\u09bf\u09b7\u09af\u09bc \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u099c\u09be\u09a8\u09c1\u09a8<\/p>\n    <div class=\"feat-card\">\n      <div class=\"feat-ic\">&#10003;<\/div>\n      <p class=\"feat-txt\"><strong>\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u0995\u09be\u09aa\u09a1\u09bc:<\/strong> \u0989\u09a8\u09cd\u09a8\u09a4 \u09ae\u09be\u09a8\u09c7\u09b0 \u09a8\u09b0\u09ae \u0993 \u09b9\u09be\u09b2\u0995\u09be \u0995\u09be\u09aa\u09a1\u09bc\u09c7 \u09a4\u09c8\u09b0\u09bf \u2014 \u09b8\u09be\u09b0\u09be\u09a6\u09bf\u09a8 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09af\u09bc\u0995 \u0993 \u09ab\u09cd\u09b0\u09c7\u09b6 \u09a5\u09be\u0995\u09ac\u09c7\u09a8\u0964<\/p>\n    <\/div>\n    <div class=\"feat-card\">\n      <div class=\"feat-ic\">&#10003;<\/div>\n      <p class=\"feat-txt\"><strong>\u09aa\u09b0\u09cd\u09a6\u09be \u0993 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u0995\u09b8\u09be\u09a5\u09c7:<\/strong> \u09aa\u09b0\u09cd\u09a6\u09be \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09ac\u09c7 \u098f\u09ac\u0982 \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0993 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a4 \u09b2\u09c1\u0995 \u09a6\u09c7\u09ac\u09c7\u0964<\/p>\n    <\/div>\n    <div class=\"feat-card\">\n      <div class=\"feat-ic\">&#10003;<\/div>\n      <p class=\"feat-txt\"><strong>\u09ee\u099f\u09bf \u09b0\u0999\u09c7\u09b0 \u09b8\u09ae\u09be\u09b9\u09be\u09b0:<\/strong> \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09aa\u09cb\u09b6\u09be\u0995\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09ae\u09bf\u09b2\u09bf\u09af\u09bc\u09c7 \u09a8\u09c7\u0993\u09af\u09bc\u09be\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u0964<\/p>\n    <\/div>\n    <div class=\"feat-card\">\n      <div class=\"feat-ic\">&#10003;<\/div>\n      <p class=\"feat-txt\"><strong>\u09b8\u09b0\u09cd\u09ac\u09a4\u09cd\u09b0 \u09aa\u09b0\u09bf\u09a7\u09be\u09a8\u09af\u09cb\u0997\u09cd\u09af:<\/strong> \u0998\u09b0\u09c7\u2013\u09ac\u09be\u0987\u09b0\u09c7, \u0985\u09ab\u09bf\u09b8\u2013\u09ac\u09be\u099c\u09be\u09b0 \u09b8\u09ac \u099c\u09be\u09af\u09bc\u0997\u09be\u09af\u09bc \u0989\u09aa\u09af\u09c1\u0995\u09cd\u09a4\u0964<\/p>\n    <\/div>\n    <div class=\"feat-card\">\n      <div class=\"feat-ic\">&#10003;<\/div>\n      <p class=\"feat-txt\"><strong>\u09b9\u09be\u099c\u09be\u09b0\u09cb \u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0\u09c7\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6:<\/strong> \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u099c\u09c1\u09a1\u09bc\u09c7 \u09b9\u09be\u099c\u09be\u09b0 \u09b9\u09be\u099c\u09be\u09b0 \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f \u0997\u09cd\u09b0\u09be\u09b9\u0995 \u098f\u0987 \u09b9\u09bf\u099c\u09be\u09ac \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u099b\u09c7\u09a8\u0964<\/p>\n    <\/div>\n    <a href=\"#checkout\" class=\"order-btn\">\n      <span class=\"btn-icon\">&#8595;<\/span>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n    <\/a>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 TRUST \u2550\u2550\u2550 -->\n<section class=\"trust-sec\">\n  <div class=\"wrap\">\n    <span class=\"chip-label\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b6\u09cd\u09b0\u09c1\u09a4\u09bf<\/span>\n    <h2 class=\"sec-title\" style=\"color:#FDE68A; margin-bottom:22px;\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09a5\u09c7\u0995\u09c7 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/h2>\n    <div class=\"trust-card\">\n      <div class=\"trust-ic\">&#9889;<\/div>\n      <p>\u09b8\u09be\u09b0\u09be\u09a6\u09c7\u09b6\u09c7 <strong style=\"color:#FDE68A;\">\u09a6\u09cd\u09b0\u09c1\u09a4\u09a4\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/strong> \u2014 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7\u09b0 \u09e8\u2013\u09e9 \u0995\u09be\u09b0\u09cd\u09af\u09a6\u09bf\u09ac\u09b8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09a3\u09cd\u09af \u09aa\u09cc\u0981\u099b\u09c7 \u09af\u09be\u09ac\u09c7\u0964<\/p>\n    <\/div>\n    <div class=\"trust-card\">\n      <div class=\"trust-ic\">&#8617;<\/div>\n      <p>\u09aa\u09a3\u09cd\u09af\u09c7 \u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09b2\u09c7 \u09b8\u09b9\u099c\u09c7\u0987 <strong style=\"color:#FDE68A;\">Exchange<\/strong> \u0995\u09b0\u09c7 \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09ac\u09c7\u0964<\/p>\n    <\/div>\n    <div class=\"trust-card\">\n      <div class=\"trust-ic\">&#9733;<\/div>\n      <p>\u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09aa\u09a3\u09cd\u09af\u09c7\u09b0 <strong style=\"color:#FDE68A;\">\u0997\u09c1\u09a3\u09ae\u09be\u09a8 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4<\/strong> \u2014 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf\u09a4\u09c7 \u0995\u09cb\u09a8\u09cb \u0986\u09aa\u09cb\u09b7 \u09a8\u09c7\u0987\u0964<\/p>\n    <\/div>\n    <div class=\"trust-card\">\n      <div class=\"trust-ic\">&#2547;<\/div>\n      <p><strong style=\"color:#FDE68A;\">\u0985\u0997\u09cd\u09b0\u09bf\u09ae \u099f\u09be\u0995\u09be \u09a8\u09c7\u0987<\/strong> \u2014 \u09aa\u09a3\u09cd\u09af \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c\u09b8\u09b9 \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\n    <\/div>\n    <a href=\"#checkout\" class=\"order-btn order-btn-gold\" style=\"margin-top:28px;\">\n      <span class=\"btn-icon\">&#8595;<\/span>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n    <\/a>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 REVIEWS \u2550\u2550\u2550 -->\n<section class=\"reviews-sec\">\n  <div class=\"wrap\">\n    <span class=\"chip-label\">Customer Reviews<\/span>\n    <h2 class=\"sec-title\">\u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0 \u09b0\u09bf\u09ad\u09bf\u0989<\/h2>\n    <p class=\"sec-sub\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0997\u09cd\u09b0\u09be\u09b9\u0995\u09b0\u09be \u0995\u09c0 \u09ac\u09b2\u099b\u09c7\u09a8<\/p>\n    <div class=\"rev-grid\">\n      <div class=\"rev-card\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/Ob17Z4eqfhViJkLpa8e1Kw5n8LCBtTLR.jpg\" alt=\"Review 1\" loading=\"lazy\" \/>\n        <div class=\"rev-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n      <\/div>\n      <div class=\"rev-card\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/yjP0skefADIVBvzbollqRA5biUVD3ea9.jpg\" alt=\"Review 2\" loading=\"lazy\" \/>\n        <div class=\"rev-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n      <\/div>\n      <div class=\"rev-card\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/N5DVAQVEpXwK0om9boxO1zGfnN4hGuod.jpg\" alt=\"Review 3\" loading=\"lazy\" \/>\n        <div class=\"rev-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n      <\/div>\n      <div class=\"rev-card\">\n        <img decoding=\"async\" src=\"https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/r9W2tFmgTpq4GU7uA6erStDn52pDOgan.jpg\" alt=\"Review 4\" loading=\"lazy\" \/>\n        <div class=\"rev-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n      <\/div>\n    <\/div>\n    <a href=\"#checkout\" class=\"order-btn\">\n      <span class=\"btn-icon\">&#8595;<\/span>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n    <\/a>\n  <\/div>\n<\/section>\n<div class=\"hr\"><\/div>\n<!-- \u2550\u2550\u2550 FAQ \u2550\u2550\u2550 -->\n<section class=\"faq-sec\">\n  <div class=\"wrap\">\n    <span class=\"chip-label\">FAQ<\/span>\n    <h2 class=\"sec-title\">\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8\u09be\u09ac\u09b2\u09c0<\/h2>\n    <p class=\"sec-sub\">\u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8\u09c7\u09b0 \u0989\u09a4\u09cd\u09a4\u09b0 \u098f\u0996\u09be\u09a8\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8<\/p>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"toggleFaq(this.parentElement)\">\u09b9\u09bf\u099c\u09be\u09ac\u09c7\u09b0 \u0995\u09be\u09aa\u09a1\u09bc \u0995\u09c7\u09ae\u09a8? <span class=\"faq-ic\">+<\/span><\/div>\n      <div class=\"faq-a\">\u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09ae\u09be\u09a8\u09c7\u09b0 \u09a8\u09b0\u09ae, \u09b9\u09be\u09b2\u0995\u09be \u0993 \u09b6\u09cd\u09ac\u09be\u09b8-\u09aa\u09cd\u09b0\u09b6\u09cd\u09ac\u09be\u09b8\u09af\u09cb\u0997\u09cd\u09af \u0995\u09be\u09aa\u09a1\u09bc\u09c7 \u09a4\u09c8\u09b0\u09bf\u0964 \u09b8\u09be\u09b0\u09be\u09a6\u09bf\u09a8 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09af\u09bc\u0995 \u09a5\u09be\u0995\u09c7 \u098f\u09ac\u0982 \u09a7\u09cb\u0993\u09af\u09bc\u09be \u09b8\u09b9\u099c\u0964<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"toggleFaq(this.parentElement)\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c \u0993 \u09b8\u09ae\u09af\u09bc \u0995\u09a4? <span class=\"faq-ic\">+<\/span><\/div>\n      <div class=\"faq-a\">\u09a2\u09be\u0995\u09be\u09b0 \u09ad\u09c7\u09a4\u09b0\u09c7 \u09ec\u09e6 \u099f\u09be\u0995\u09be, \u09a2\u09be\u0995\u09be\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u09e7\u09e8\u09e6 \u099f\u09be\u0995\u09be\u0964 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7\u09b0 \u09e8\u2013\u09e9 \u0995\u09be\u09b0\u09cd\u09af\u09a6\u09bf\u09ac\u09b8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09a3\u09cd\u09af \u09aa\u09cc\u0981\u099b\u09c7 \u09af\u09be\u09af\u09bc\u0964<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"toggleFaq(this.parentElement)\">\u0985\u0997\u09cd\u09b0\u09bf\u09ae \u099f\u09be\u0995\u09be \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7? <span class=\"faq-ic\">+<\/span><\/div>\n      <div class=\"faq-a\">\u09a8\u09be\u0964 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 Cash on Delivery \u09b8\u09c1\u09ac\u09bf\u09a7\u09be \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc\u0964 \u09aa\u09a3\u09cd\u09af \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c\u09b8\u09b9 \u09ae\u09c2\u09b2\u09cd\u09af \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09ac\u09c7\u09a8\u0964<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"toggleFaq(this.parentElement)\">\u09b8\u09be\u0987\u099c \u0995\u09c7\u09ae\u09a8 \u09b9\u09ac\u09c7? <span class=\"faq-ic\">+<\/span><\/div>\n      <div class=\"faq-a\">\u09ab\u09be\u09b0\u09bf\u09a8 \u09b9\u09bf\u099c\u09be\u09ac \u09ab\u09cd\u09b0\u09bf \u09b8\u09be\u0987\u099c \u2014 \u09b8\u0995\u09b2\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09cb\u099c\u09cd\u09af\u0964 \u098f\u0995\u099f\u09bf \u09b8\u09be\u0987\u099c\u09c7\u0987 \u09b8\u09ac\u09be\u0987 \u0986\u09b0\u09be\u09ae\u09a6\u09be\u09af\u09bc\u0995\u09ad\u09be\u09ac\u09c7 \u09aa\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/div>\n    <\/div>\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"toggleFaq(this.parentElement)\">\u09aa\u09a3\u09cd\u09af\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09b2\u09c7 \u0995\u09c0 \u0995\u09b0\u09ac\u09cb? <span class=\"faq-ic\">+<\/span><\/div>\n      <div class=\"faq-a\">\u09aa\u09a3\u09cd\u09af \u09aa\u09c7\u09af\u09bc\u09c7 \u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09b2\u09c7 \u09b9\u09c7\u09b2\u09cd\u09aa\u09b2\u09be\u0987\u09a8\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\u0964 \u0986\u09ae\u09b0\u09be \u09a6\u09cd\u09b0\u09c1\u09a4 \u09b8\u09ae\u09be\u09a7\u09be\u09a8 \u0995\u09b0\u09ac\u09cb \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c7 Exchange \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09cb\u0964<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550 CONTACT \u2550\u2550\u2550 -->\n<section class=\"contact-sec\">\n  <p class=\"contact-lbl\">\u09ab\u09cb\u09a8\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/p>\n  <a href=\"tel:01954787665\" class=\"contact-phone\">\n    <span class=\"phone-ic\">&#9742;<\/span>01954787665\n  <\/a>\n  <p class=\"contact-sub\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09b2 \u0995\u09b0\u09c1\u09a8 \u0985\u09a5\u09ac\u09be \u09a8\u09bf\u099a\u09c7 \u09ab\u09b0\u09cd\u09ae \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8<\/p>\n<\/section>\n<!-- \u2550\u2550\u2550 CHECKOUT \u2550\u2550\u2550 -->\n<section class=\"checkout-sec\" id=\"checkout\">\n  <div class=\"co-header\">\n    <h2>\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/h2>\n    <p>\u09a8\u09bf\u099a\u09c7\u09b0 \u09ab\u09b0\u09cd\u09ae\u099f\u09bf \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8 \u2014 \u0986\u09ae\u09b0\u09be \u09b6\u09c0\u0998\u09cd\u09b0\u0987 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u09cb<\/p>\n  <\/div>\n  <div class=\"co-notice\">\n    \u0985\u0997\u09cd\u09b0\u09bf\u09ae \u099f\u09be\u0995\u09be \u09a8\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc \u09a8\u09be\u0964 \u09aa\u09a3\u09cd\u09af \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c\u09b8\u09b9 \u09ae\u09c2\u09b2\u09cd\u09af \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09ac\u09c7\u09a8\u0964\n \n<!-- \u2550\u2550\u2550 STICKY BAR \u2550\u2550\u2550 -->\n<div class=\"sticky\">\n  <div class=\"sticky-inner\">\n    <div class=\"sticky-info\">\n      <div class=\"sticky-lbl\">Special Farin Hijab<\/div>\n      <div class=\"sticky-amt\">&#2547; \u09e7\u09e8\u09ea\u09ee<\/div>\n    <\/div>\n    <a href=\"#checkout\" class=\"sticky-btn\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 &#8594;<\/a>\n  <\/div>\n<\/div>\n<!-- \u2550\u2550\u2550 SUCCESS \u2550\u2550\u2550 -->\n<div id=\"successLayer\" onclick=\"closeSuc(event)\">\n  <div class=\"success-card\">\n    <div class=\"success-ic\">&#10003;<\/div>\n    <h3 class=\"success-title\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09ab\u09b2 \u09b9\u09af\u09bc\u09c7\u099b\u09c7!<\/h3>\n    <p class=\"success-msg\">\n      \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0997\u09cd\u09b0\u09b9\u09a3 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964<br\/>\n      \u09b6\u09c0\u0998\u09cd\u09b0\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099f\u09bf\u09ae \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u09c7\u0964<br\/><br\/>\n      \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09a8\u0982: <strong id=\"orderNum\">#00000<\/strong>\n    <\/p>\n    <button class=\"success-close\" onclick=\"closeSuc()\">\u09a0\u09bf\u0995 \u0986\u099b\u09c7<\/button>\n  <\/div>\n<\/div>\n<!-- \u2550\u2550\u2550 JAVASCRIPT \u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n  \/* \u2500\u2500 Color data \u2500\u2500 *\/\n  var BASE = 'https:\/\/alhurmat.xyz\/wp-content\/uploads\/2026\/05\/';\n  var COLORS = [\n    { id:'black',      label:'Black',       img: BASE+'D52Bd4L4WnIiLrJGU6Ec6sLBUbCUM6va.jpg', hex:'#1a1a1a' },\n    { id:'mulberry',   label:'Mulberry',    img: BASE+'MaOo1piiee2GnEDEuTPk8yBMe54Fv4sa.jpg', hex:'#6D1439' },\n    { id:'paste',      label:'Paste',       img: BASE+'kDRFoYgvUfVQ0Mnv5DzyWr96yGV4kf8U.jpg', hex:'#93C5D5' },\n    { id:'milkcoffee', label:'Milk Coffee', img: BASE+'f9A9CUCxuLRQfLQdX4wOoRhBpfAW4Uxl.jpg', hex:'#C49A6C' },\n    { id:'white',      label:'White',       img: BASE+'01KPE4Y2E3CF8KKK2ZVE3QHYYT.jpg',       hex:'#EDE8E3' },\n    { id:'teal',       label:'Teal',        img: null,                                          hex:'#00736B' },\n    { id:'olive',      label:'Olive',       img: null,                                          hex:'#6B7A2F' },\n    { id:'peach',      label:'Peach',       img: null,                                          hex:'#F4A47C' }\n  ];\n  \/* \u2500\u2500 Slider state \u2500\u2500 *\/\n  var cur = 0;\n  var autoTmr = null;\n  var progTmr = null;\n  var progVal = 0;\n  var DURATION = 3600;\n  var TOTAL = 8;\n  function initSlider() {\n    var dots = document.getElementById('slDots');\n    for (var i = 0; i < TOTAL; i++) {\n      var dot = document.createElement('button');\n      dot.className = 'dot' + (i === 0 ? ' on' : '');\n      dot.setAttribute('aria-label', COLORS[i].label);\n      (function(idx){ dot.onclick = function(){ goSlide(idx, true); }; })(i);\n      dots.appendChild(dot);\n    }\n    startAuto();\n    initTouch();\n  }\n  function goSlide(n, manual) {\n    cur = ((n % TOTAL) + TOTAL) % TOTAL;\n    document.getElementById('sliderTrack').style.transform = 'translateX(-' + (cur * 100) + '%)';\n    document.querySelectorAll('.dot').forEach(function(d, i){\n      d.classList.toggle('on', i === cur);\n    });\n    if (manual) { clearInterval(autoTmr); clearInterval(progTmr); startAuto(); }\n    resetProg();\n  }\n  function slNav(d) { goSlide(cur + d, true); }\n  window.slNav = slNav;\n  function startAuto() {\n    autoTmr = setInterval(function(){ goSlide(cur + 1, false); }, DURATION);\n    startProg();\n  }\n  function startProg() {\n    progVal = 0;\n    var fill = document.getElementById('progFill');\n    progTmr = setInterval(function(){\n      progVal += 100 \/ (DURATION \/ 60);\n      if (progVal > 100) progVal = 100;\n      fill.style.width = progVal + '%';\n    }, 60);\n  }\n  function resetProg() {\n    clearInterval(progTmr);\n    var fill = document.getElementById('progFill');\n    fill.style.transition = 'none';\n    fill.style.width = '0%';\n    setTimeout(function(){\n      fill.style.transition = '';\n      startProg();\n    }, 40);\n  }\n  function initTouch() {\n    var el = document.getElementById('sliderOuter');\n    var sx = 0, sy = 0;\n    el.addEventListener('touchstart', function(e){ sx = e.touches[0].clientX; sy = e.touches[0].clientY; }, { passive: true });\n    el.addEventListener('touchend',   function(e){\n      var dx = sx - e.changedTouches[0].clientX;\n      var dy = Math.abs(sy - e.changedTouches[0].clientY);\n      if (Math.abs(dx) > 44 && Math.abs(dx) > dy) goSlide(cur + (dx > 0 ? 1 : -1), true);\n    }, { passive: true });\n  }\n  \/* \u2500\u2500 Color chips (checkout) \u2500\u2500 *\/\n  var selectedColor = null;\n  var qty = 1;\n  function buildChips() {\n    var wrap = document.getElementById('colorChips');\n    COLORS.forEach(function(c) {\n      var chip = document.createElement('div');\n      chip.className = 'c-chip';\n      chip.dataset.id = c.id;\n      chip.innerHTML =\n        '<div class=\"c-swatch\">' +\n          (c.img\n            ? '<img decoding=\"async\" src=\"' + c.img + '\" alt=\"' + c.label + '\" loading=\"lazy\" \/>'\n            : '<div style=\"width:100%;height:100%;background:' + c.hex + ';\"><\/div>') +\n        '<\/div>' +\n        '<div class=\"c-name\">' + c.label + '<\/div>' +\n        '<div class=\"c-check\">&#10003;<\/div>';\n      (function(id, el){\n        el.onclick = function(){\n          document.querySelectorAll('.c-chip').forEach(function(x){ x.classList.remove('on'); });\n          el.classList.add('on');\n          selectedColor = id;\n          updateSummary();\n        };\n      })(c.id, chip);\n      wrap.appendChild(chip);\n    });\n  }\n  \/* \u2500\u2500 Qty \u2500\u2500 *\/\n  function adjQty(d) {\n    qty = Math.max(1, Math.min(10, qty + d));\n    document.getElementById('qtyNum').textContent = qty;\n    updateSummary();\n  }\n  window.adjQty = adjQty;\n  \/* \u2500\u2500 Summary \u2500\u2500 *\/\n  function updateSummary() {\n    var dist = document.getElementById('fd').value;\n    var isDhaka = ['\u09a2\u09be\u0995\u09be','\u09a8\u09be\u09b0\u09be\u09af\u09bc\u09a3\u0997\u099e\u09cd\u099c','\u0997\u09be\u099c\u09c0\u09aa\u09c1\u09b0'].indexOf(dist) !== -1;\n    var ship = dist ? (isDhaka ? 60 : 120) : 0;\n    var sub  = 1248 * qty;\n    var tot  = ship ? sub + ship : 0;\n    var cName = selectedColor\n      ? (COLORS.filter(function(c){ return c.id === selectedColor; })[0] || {}).label || '\u0995\u09be\u09b2\u09be\u09b0 \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8'\n      : '\u0995\u09be\u09b2\u09be\u09b0 \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8';\n    document.getElementById('sumProd').textContent = cName + ' \u00d7 ' + qty;\n    document.getElementById('sumSub').textContent  = '\u09f3 ' + sub.toLocaleString();\n    document.getElementById('sumShip').textContent = dist ? ('\u09f3 ' + ship) : '\u099c\u09c7\u09b2\u09be \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8';\n    document.getElementById('sumTot').textContent  = tot  ? ('\u09f3 ' + tot.toLocaleString()) : '\u09f3 \u2014';\n  }\n  document.getElementById('fd').addEventListener('change', updateSummary);\n  \/* \u2500\u2500 Validation \u2500\u2500 *\/\n  function validate(inputId, fieldId, fn) {\n    var ok = fn(document.getElementById(inputId).value.trim());\n    document.getElementById(fieldId).classList.toggle('err', !ok);\n    return ok;\n  }\n  \/* \u2500\u2500 Place order \u2500\u2500 *\/\n  function placeOrder() {\n    var colorOk = !!selectedColor;\n    if (!colorOk) {\n      document.getElementById('colorChips').scrollIntoView({ behavior:'smooth', block:'center' });\n    }\n    var nameOk  = validate('fn', 'ff-name',  function(v){ return v.length >= 2; });\n    var phoneOk = validate('fp', 'ff-phone', function(v){ return v.replace(\/\\D\/g,'').length >= 11; });\n    var distOk  = validate('fd', 'ff-dist',  function(v){ return v !== ''; });\n    var addrOk  = validate('fa', 'ff-addr',  function(v){ return v.length >= 5; });\n    if (!colorOk || !nameOk || !phoneOk || !distOk || !addrOk) return;\n    var btn = document.getElementById('subBtn');\n    btn.disabled = true;\n    btn.textContent = '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09aa\u09be\u09a0\u09be\u09a8\u09cb \u09b9\u099a\u09cd\u099b\u09c7\u2026';\n    setTimeout(function(){\n      var num = '#' + Math.floor(10000 + Math.random() * 90000);\n      document.getElementById('orderNum').textContent = num;\n      document.getElementById('successLayer').classList.add('show');\n      btn.disabled = false;\n      btn.innerHTML = '<span class=\"sub-ic\">&#10148;<\/span> Order Now \u2014 \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8';\n    }, 1200);\n  }\n  window.placeOrder = placeOrder;\n  \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n  function toggleFaq(item) {\n    var ans    = item.querySelector('.faq-a');\n    var isOpen = ans.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(function(x){\n      x.classList.remove('open');\n      x.querySelector('.faq-a').classList.remove('open');\n    });\n    if (!isOpen) { item.classList.add('open'); ans.classList.add('open'); }\n  }\n  window.toggleFaq = toggleFaq;\n  \/* \u2500\u2500 Success \u2500\u2500 *\/\n  function closeSuc(e) {\n    if (!e || e.target === document.getElementById('successLayer') || e.target.classList.contains('success-close')) {\n      document.getElementById('successLayer').classList.remove('show');\n    }\n  }\n  window.closeSuc = closeSuc;\n  \/* \u2500\u2500 Init \u2500\u2500 *\/\n  initSlider();\n  buildChips();\n  updateSummary();\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5dcd9e e-con-full checkout e-flex e-con e-parent\" data-id=\"d5dcd9e\" data-element_type=\"container\" data-e-type=\"container\" id=\"checkout\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3579fd7 checkout elementor-widget elementor-widget-checkout-form\" data-id=\"3579fd7\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"checkout\" data-widget_type=\"checkout-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class = \"wcf-el-checkout-form cartflows-elementor__checkout-form\">\n\t\t\t<div id=\"wcf-embed-checkout-form\" class=\"wcf-embed-checkout-form wcf-embed-checkout-form-two-column  wcf-field-default\">\n<!-- CHECKOUT SHORTCODE -->\n\n<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div><\/div>\n<!-- END CHECKOUT SHORTCODE -->\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33416e0 e-con-full e-flex e-con e-parent\" data-id=\"33416e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4942c3f elementor-widget elementor-widget-html\" data-id=\"4942c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer>\n  <p>&#169; 2024 All Rights Reserved by Al Hurmat<\/p>\n  <p style=\"margin-top:7px;\"><a href=\"#\">Privacy Policy<\/a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href=\"#\">Terms &amp; Condition<\/a><\/p>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"cartflows-canvas","class_list":["post-61","cartflows_step","type-cartflows_step","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":16,"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/61\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/61\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/alhurmat.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}