{"id":24,"date":"2026-08-08T16:19:14","date_gmt":"2026-08-08T16:19:14","guid":{"rendered":"https:\/\/alisoultan.com\/?page_id=24"},"modified":"2026-08-08T16:21:03","modified_gmt":"2026-08-08T16:21:03","slug":"elementor-24","status":"publish","type":"page","link":"https:\/\/alisoultan.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9c89b e-con-full e-flex e-con e-parent\" data-id=\"fb9c89b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-671883f elementor-widget elementor-widget-html\" data-id=\"671883f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>AliSoultan | \u0639\u0644\u064a \u0633\u0644\u0637\u0627\u0646 \u2014 \u0633\u0648\u0642\u0643\u060c \u062a\u0648\u0635\u064a\u0644 \u0644\u0644\u0628\u0627\u0628<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Aref+Ruqaa:wght@400;700&family=Tajawal:wght@300;400;500;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Work+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --night:#12172B;\r\n    --night-deep:#0D1122;\r\n    --night-card:#1B2140;\r\n    --gold:#D4A24C;\r\n    --gold-soft:#E8C583;\r\n    --palm:#3F7A5D;\r\n    --palm-soft:#5A9A78;\r\n    --sand:#F1E6CE;\r\n    --warm-white:#EDE7DA;\r\n    --muted:#9AA0BE;\r\n    --radius-lg:22px;\r\n    --radius-md:14px;\r\n    --radius-sm:8px;\r\n    --shadow:0 20px 50px -20px rgba(0,0,0,.6);\r\n  }\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    background:var(--night);\r\n    color:var(--warm-white);\r\n    line-height:1.6;\r\n    overflow-x:hidden;\r\n  }\r\n  body.lang-ar{font-family:'Tajawal', sans-serif;}\r\n  body.lang-ar .display{font-family:'Aref Ruqaa', serif;}\r\n  body.lang-en{font-family:'Work Sans', sans-serif;}\r\n  body.lang-en .display{font-family:'Cormorant Garamond', serif;}\r\n\r\n  img,svg{display:block; max-width:100%;}\r\n  a{color:inherit; text-decoration:none;}\r\n  button{font-family:inherit; cursor:pointer;}\r\n  ul{list-style:none;}\r\n  section{position:relative;}\r\n  .wrap{max-width:1180px; margin:0 auto; padding-inline:24px;}\r\n\r\n  :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:4px;}\r\n  @media (prefers-reduced-motion: reduce){\r\n    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}\r\n  }\r\n\r\n  \/* ---------- Announcement bar ---------- *\/\r\n  .announce{\r\n    background:var(--gold);\r\n    color:var(--night-deep);\r\n    text-align:center;\r\n    font-size:.85rem;\r\n    font-weight:700;\r\n    padding:8px 16px;\r\n    letter-spacing:.2px;\r\n  }\r\n\r\n  \/* ---------- Header ---------- *\/\r\n  header{\r\n    position:sticky; top:0; z-index:50;\r\n    background:rgba(18,23,43,.85);\r\n    backdrop-filter:blur(10px);\r\n    border-bottom:1px solid rgba(212,162,76,.15);\r\n  }\r\n  .nav-inner{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    padding-block:16px; gap:20px;\r\n  }\r\n  .logo{\r\n    display:flex; align-items:center; gap:10px;\r\n    font-size:1.5rem; font-weight:700; color:var(--gold-soft);\r\n  }\r\n  .logo .diamond{\r\n    width:9px; height:9px; background:var(--gold); transform:rotate(45deg); flex:none;\r\n  }\r\n  nav.links{display:flex; align-items:center; gap:30px;}\r\n  nav.links a{\r\n    font-size:.95rem; color:var(--warm-white); opacity:.85;\r\n    position:relative; padding-block:4px;\r\n  }\r\n  nav.links a::after{\r\n    content:''; position:absolute; inset-inline-start:0; bottom:0; width:0; height:1.5px;\r\n    background:var(--gold); transition:width .25s ease;\r\n  }\r\n  nav.links a:hover::after{width:100%;}\r\n  .header-actions{display:flex; align-items:center; gap:14px;}\r\n  .lang-toggle{\r\n    display:flex; background:var(--night-card); border:1px solid rgba(212,162,76,.3);\r\n    border-radius:999px; padding:4px; gap:2px;\r\n  }\r\n  .lang-toggle button{\r\n    border:none; background:transparent; color:var(--muted);\r\n    font-size:.78rem; font-weight:700; padding:6px 12px; border-radius:999px;\r\n    transition:background .2s, color .2s;\r\n  }\r\n  .lang-toggle button.active{background:var(--gold); color:var(--night-deep);}\r\n  .icon-btn{\r\n    position:relative; width:40px; height:40px; border-radius:50%;\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.25);\r\n    display:flex; align-items:center; justify-content:center; color:var(--gold-soft);\r\n  }\r\n  .icon-btn svg{width:18px; height:18px;}\r\n  .cart-badge{\r\n    position:absolute; top:-4px; inset-inline-end:-4px;\r\n    background:var(--palm); color:#fff; font-size:.65rem; font-weight:700;\r\n    width:17px; height:17px; border-radius:50%;\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  .burger{display:none;}\r\n\r\n  \/* cart dropdown *\/\r\n  .cart-pop{\r\n    position:absolute; top:52px; inset-inline-end:0; width:260px;\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.3);\r\n    border-radius:var(--radius-md); box-shadow:var(--shadow); padding:16px;\r\n    opacity:0; visibility:hidden; transform:translateY(-6px);\r\n    transition:all .2s ease; font-size:.85rem; z-index:60;\r\n  }\r\n  .cart-pop.open{opacity:1; visibility:visible; transform:translateY(0);}\r\n  .cart-pop h4{font-size:.8rem; color:var(--gold-soft); margin-bottom:10px;}\r\n  .cart-pop .empty{color:var(--muted); font-size:.8rem;}\r\n  .cart-item{display:flex; justify-content:space-between; padding-block:6px; border-bottom:1px dashed rgba(212,162,76,.2);}\r\n\r\n  \/* ---------- Hero ---------- *\/\r\n  .hero{\r\n    position:relative;\r\n    padding-block:90px 70px;\r\n    background:\r\n      radial-gradient(ellipse at 50% 0%, rgba(212,162,76,.12), transparent 60%),\r\n      var(--night);\r\n    overflow:hidden;\r\n  }\r\n  .stars{position:absolute; inset:0; z-index:0;}\r\n  .pattern{\r\n    position:absolute; inset:0; z-index:0; opacity:.06;\r\n    background-image:\r\n      linear-gradient(45deg, var(--gold) 1px, transparent 1px),\r\n      linear-gradient(-45deg, var(--gold) 1px, transparent 1px);\r\n    background-size:42px 42px;\r\n  }\r\n  .arch{\r\n    position:absolute; left:50%; top:30px; transform:translateX(-50%);\r\n    width:min(720px, 90vw); z-index:0; opacity:.5;\r\n  }\r\n  .hero-content{position:relative; z-index:2; text-align:center; max-width:760px; margin:0 auto;}\r\n  .eyebrow{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    color:var(--gold-soft); font-size:.85rem; font-weight:700;\r\n    letter-spacing:.3px; margin-bottom:22px;\r\n    border:1px solid rgba(212,162,76,.35); padding:7px 16px; border-radius:999px;\r\n  }\r\n  .eyebrow .dot{width:6px; height:6px; background:var(--palm-soft); border-radius:50%;}\r\n  h1.display{\r\n    font-size:clamp(2.3rem, 5.5vw, 4rem);\r\n    font-weight:700; color:var(--sand);\r\n    line-height:1.25; margin-bottom:22px;\r\n  }\r\n  .hero p.sub{\r\n    font-size:1.1rem; color:var(--muted); max-width:560px; margin:0 auto 34px;\r\n  }\r\n  .hero-ctas{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}\r\n  .btn{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    padding:14px 30px; border-radius:999px; font-weight:700; font-size:.95rem;\r\n    border:1px solid transparent; transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .btn:hover{transform:translateY(-2px);}\r\n  .btn-gold{background:var(--gold); color:var(--night-deep); box-shadow:0 10px 30px -10px rgba(212,162,76,.6);}\r\n  .btn-ghost{border-color:rgba(241,230,206,.35); color:var(--warm-white);}\r\n  .btn-ghost:hover{border-color:var(--gold);}\r\n\r\n  \/* ---------- Lantern divider (signature element) ---------- *\/\r\n  .lantern-divider{\r\n    position:relative; height:110px; display:flex; align-items:flex-start;\r\n    justify-content:center; overflow:hidden;\r\n  }\r\n  .lantern-divider svg{width:100%; max-width:1180px; height:110px;}\r\n  .lantern-glow{ animation:flicker 3.4s ease-in-out infinite; }\r\n  .lantern-glow:nth-child(2n){ animation-delay:.6s; }\r\n  .lantern-glow:nth-child(3n){ animation-delay:1.2s; }\r\n  @keyframes flicker{\r\n    0%,100%{opacity:.55; filter:drop-shadow(0 0 2px rgba(212,162,76,.5));}\r\n    50%{opacity:1; filter:drop-shadow(0 0 10px rgba(212,162,76,.9));}\r\n  }\r\n\r\n  \/* ---------- Trust strip ---------- *\/\r\n  .trust{padding-block:10px 70px;}\r\n  .trust-grid{\r\n    display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;\r\n  }\r\n  .trust-card{\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.15);\r\n    border-radius:var(--radius-md); padding:22px; text-align:center;\r\n  }\r\n  .trust-card svg{width:28px; height:28px; margin:0 auto 12px; color:var(--gold);}\r\n  .trust-card h3{font-size:1rem; color:var(--sand); margin-bottom:6px;}\r\n  .trust-card p{font-size:.82rem; color:var(--muted);}\r\n\r\n  \/* ---------- Section heading pattern ---------- *\/\r\n  .sec-head{text-align:center; max-width:600px; margin:0 auto 46px;}\r\n  .sec-head .eyebrow{margin-bottom:14px;}\r\n  .sec-head h2.display{font-size:clamp(1.8rem, 3.4vw, 2.6rem); color:var(--sand); margin-bottom:12px;}\r\n  .sec-head p{color:var(--muted); font-size:1rem;}\r\n\r\n  \/* ---------- Categories ---------- *\/\r\n  .categories{padding-block:80px;}\r\n  .cat-grid{display:grid; grid-template-columns:repeat(6, 1fr); gap:16px;}\r\n  .cat-card{\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.15);\r\n    border-radius:var(--radius-md); padding:24px 14px; text-align:center;\r\n    transition:transform .25s ease, border-color .25s ease;\r\n  }\r\n  .cat-card:hover{transform:translateY(-6px); border-color:var(--gold);}\r\n  .cat-icon{\r\n    width:56px; height:56px; border-radius:50%; margin:0 auto 14px;\r\n    background:radial-gradient(circle at 35% 30%, rgba(212,162,76,.25), rgba(212,162,76,.05));\r\n    border:1px solid rgba(212,162,76,.4);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  .cat-icon svg{width:24px; height:24px; color:var(--gold-soft);}\r\n  .cat-card span{font-size:.85rem; color:var(--warm-white); font-weight:500;}\r\n\r\n  \/* ---------- How it works ---------- *\/\r\n  .how{padding-block:20px 80px;}\r\n  .how-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; counter-reset:step;}\r\n  .how-card{\r\n    background:linear-gradient(160deg, var(--night-card), var(--night-deep));\r\n    border:1px solid rgba(212,162,76,.18); border-radius:var(--radius-lg);\r\n    padding:32px 26px; position:relative;\r\n  }\r\n  .how-num{\r\n    font-family:'Cormorant Garamond', serif; font-size:2.6rem; color:var(--gold);\r\n    opacity:.6; line-height:1; margin-bottom:14px;\r\n  }\r\n  .how-card h3{font-size:1.1rem; color:var(--sand); margin-bottom:10px;}\r\n  .how-card p{font-size:.88rem; color:var(--muted);}\r\n\r\n  \/* ---------- Products ---------- *\/\r\n  .products{padding-block:20px 90px;}\r\n  .prod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n  .prod-card{\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.15);\r\n    border-radius:var(--radius-md); overflow:hidden; display:flex; flex-direction:column;\r\n    transition:transform .25s ease;\r\n  }\r\n  .prod-card:hover{transform:translateY(-5px);}\r\n  .prod-thumb{\r\n    height:150px; display:flex; align-items:center; justify-content:center; position:relative;\r\n  }\r\n  .prod-thumb svg{width:46px; height:46px; color:rgba(18,23,43,.65);}\r\n  .prod-thumb.g1{background:radial-gradient(circle at 30% 20%, var(--gold-soft), var(--gold) 70%);}\r\n  .prod-thumb.g2{background:radial-gradient(circle at 30% 20%, var(--palm-soft), var(--palm) 70%);}\r\n  .cod-pill{\r\n    position:absolute; top:10px; inset-inline-start:10px;\r\n    background:rgba(18,23,43,.85); color:var(--gold-soft);\r\n    font-size:.65rem; font-weight:700; padding:4px 10px; border-radius:999px;\r\n    border:1px solid rgba(212,162,76,.4);\r\n  }\r\n  .prod-body{padding:16px 18px 20px; display:flex; flex-direction:column; gap:8px; flex:1;}\r\n  .prod-body h4{font-size:.95rem; color:var(--sand); font-weight:500;}\r\n  .price-row{display:flex; align-items:baseline; gap:8px;}\r\n  .price{font-weight:700; color:var(--gold-soft); font-size:1.05rem;}\r\n  .old-price{font-size:.8rem; color:var(--muted); text-decoration:line-through;}\r\n  .add-btn{\r\n    margin-top:auto; display:flex; align-items:center; justify-content:center; gap:8px;\r\n    padding:10px; border-radius:var(--radius-sm); border:1px solid var(--gold);\r\n    color:var(--gold-soft); background:transparent; font-size:.82rem; font-weight:700;\r\n    transition:background .2s ease, color .2s ease;\r\n  }\r\n  .add-btn:hover{background:var(--gold); color:var(--night-deep);}\r\n  .add-btn svg{width:15px; height:15px;}\r\n\r\n  \/* ---------- Stats band ---------- *\/\r\n  .stats{\r\n    padding-block:70px; background:var(--night-deep);\r\n    border-block:1px solid rgba(212,162,76,.15);\r\n  }\r\n  .stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center;}\r\n  .stat h3{font-family:'Cormorant Garamond', serif; font-size:2.6rem; color:var(--gold); margin-bottom:6px;}\r\n  body.lang-ar .stat h3{font-family:'Aref Ruqaa', serif;}\r\n  .stat p{font-size:.85rem; color:var(--muted);}\r\n\r\n  \/* ---------- Testimonials ---------- *\/\r\n  .testi{padding-block:90px;}\r\n  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n  .testi-card{\r\n    background:var(--night-card); border:1px solid rgba(212,162,76,.15);\r\n    border-radius:var(--radius-lg); padding:28px;\r\n  }\r\n  .stars-row{display:flex; gap:3px; margin-bottom:14px;}\r\n  .stars-row svg{width:15px; height:15px; color:var(--gold);}\r\n  .testi-card p.quote{font-size:.9rem; color:var(--warm-white); margin-bottom:18px;}\r\n  .testi-who{display:flex; align-items:center; gap:10px;}\r\n  .avatar{\r\n    width:38px; height:38px; border-radius:50%; flex:none;\r\n    background:linear-gradient(135deg, var(--gold-soft), var(--palm-soft));\r\n    display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--night-deep); font-size:.85rem;\r\n  }\r\n  .testi-who h5{font-size:.88rem; color:var(--sand);}\r\n  .testi-who span{font-size:.75rem; color:var(--muted);}\r\n\r\n  \/* ---------- Newsletter ---------- *\/\r\n  .news{\r\n    padding-block:70px; text-align:center;\r\n    background:linear-gradient(180deg, var(--night), var(--night-deep));\r\n  }\r\n  .news h2.display{font-size:clamp(1.6rem, 3vw, 2.2rem); color:var(--sand); margin-bottom:10px;}\r\n  .news p{color:var(--muted); margin-bottom:26px;}\r\n  .news-form{display:flex; justify-content:center; gap:10px; max-width:420px; margin:0 auto; flex-wrap:wrap;}\r\n  .news-form input{\r\n    flex:1; min-width:200px; padding:13px 18px; border-radius:999px;\r\n    border:1px solid rgba(212,162,76,.3); background:var(--night-card); color:var(--warm-white); font-size:.9rem;\r\n  }\r\n  .news-form input::placeholder{color:var(--muted);}\r\n  .news-note{font-size:.78rem; color:var(--muted); margin-top:14px;}\r\n\r\n  \/* ---------- Footer ---------- *\/\r\n  footer{background:var(--night-deep); padding-block:60px 26px; border-top:1px solid rgba(212,162,76,.15);}\r\n  .foot-grid{\r\n    display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; margin-bottom:40px;\r\n  }\r\n  .foot-brand p{color:var(--muted); font-size:.85rem; margin-block:14px 18px; max-width:280px;}\r\n  .socials{display:flex; gap:10px;}\r\n  .socials a{\r\n    width:34px; height:34px; border-radius:50%; border:1px solid rgba(212,162,76,.3);\r\n    display:flex; align-items:center; justify-content:center; color:var(--gold-soft);\r\n  }\r\n  .socials svg{width:15px; height:15px;}\r\n  .foot-col h5{font-size:.85rem; color:var(--gold-soft); margin-bottom:16px;}\r\n  .foot-col ul li{margin-bottom:10px;}\r\n  .foot-col ul li a{font-size:.85rem; color:var(--muted);}\r\n  .foot-col ul li a:hover{color:var(--sand);}\r\n  .cities{display:flex; flex-wrap:wrap; gap:8px;}\r\n  .cities span{\r\n    font-size:.75rem; color:var(--muted); border:1px solid rgba(212,162,76,.2);\r\n    padding:5px 10px; border-radius:999px;\r\n  }\r\n  .foot-bottom{\r\n    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;\r\n    padding-top:24px; border-top:1px solid rgba(212,162,76,.12);\r\n    font-size:.78rem; color:var(--muted);\r\n  }\r\n  .foot-bottom .cod-note{display:flex; align-items:center; gap:6px; color:var(--gold-soft);}\r\n  .foot-bottom .cod-note svg{width:14px; height:14px;}\r\n\r\n  \/* ---------- Toast ---------- *\/\r\n  .toast{\r\n    position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(20px);\r\n    background:var(--gold); color:var(--night-deep); font-weight:700; font-size:.85rem;\r\n    padding:12px 22px; border-radius:999px; box-shadow:var(--shadow);\r\n    opacity:0; pointer-events:none; transition:all .3s ease; z-index:100;\r\n  }\r\n  .toast.show{opacity:1; transform:translateX(-50%) translateY(0);}\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width:960px){\r\n    nav.links{display:none;}\r\n    .burger{\r\n      display:flex; width:40px; height:40px; border-radius:50%;\r\n      background:var(--night-card); border:1px solid rgba(212,162,76,.25);\r\n      align-items:center; justify-content:center; color:var(--gold-soft);\r\n    }\r\n    .burger svg{width:18px; height:18px;}\r\n    nav.links.mobile-open{\r\n      display:flex; flex-direction:column; position:absolute; top:100%; inset-inline:0;\r\n      background:var(--night-deep); padding:20px 24px; gap:16px; border-top:1px solid rgba(212,162,76,.15);\r\n    }\r\n    .trust-grid, .cat-grid, .how-grid, .prod-grid, .testi-grid, .stats-grid{grid-template-columns:repeat(2,1fr);}\r\n    .foot-grid{grid-template-columns:1fr 1fr;}\r\n  }\r\n  @media (max-width:600px){\r\n    .cat-grid{grid-template-columns:repeat(3,1fr);}\r\n    .trust-grid, .how-grid, .prod-grid, .testi-grid, .stats-grid, .foot-grid{grid-template-columns:1fr;}\r\n    .hero{padding-block:70px 50px;}\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body class=\"lang-ar\">\r\n\r\n<div class=\"announce\" data-i18n=\"announce\"><\/div>\r\n\r\n<header>\r\n  <div class=\"wrap nav-inner\">\r\n    <a href=\"#home\" class=\"logo\"><span class=\"diamond\"><\/span><span data-i18n=\"brand\"><\/span><\/a>\r\n\r\n    <nav class=\"links\" id=\"navLinks\">\r\n      <a href=\"#home\" data-i18n=\"nav.home\"><\/a>\r\n      <a href=\"#shop\" data-i18n=\"nav.shop\"><\/a>\r\n      <a href=\"#how\" data-i18n=\"nav.how\"><\/a>\r\n      <a href=\"#contact\" data-i18n=\"nav.contact\"><\/a>\r\n    <\/nav>\r\n\r\n    <div class=\"header-actions\">\r\n      <div class=\"lang-toggle\" role=\"group\" aria-label=\"Language\">\r\n        <button type=\"button\" id=\"btnAr\" class=\"active\" onclick=\"setLang('ar')\">AR<\/button>\r\n        <button type=\"button\" id=\"btnEn\" onclick=\"setLang('en')\">EN<\/button>\r\n      <\/div>\r\n      <div style=\"position:relative;\">\r\n        <button type=\"button\" class=\"icon-btn\" id=\"cartBtn\" aria-label=\"Cart\" onclick=\"toggleCart()\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg>\r\n          <span class=\"cart-badge\" id=\"cartCount\">0<\/span>\r\n        <\/button>\r\n        <div class=\"cart-pop\" id=\"cartPop\">\r\n          <h4 data-i18n=\"cart.title\"><\/h4>\r\n          <div id=\"cartItems\"><p class=\"empty\" data-i18n=\"cart.empty\"><\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <button type=\"button\" class=\"burger\" onclick=\"document.getElementById('navLinks').classList.toggle('mobile-open')\" aria-label=\"Menu\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 6h18M3 12h18M3 18h18\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"pattern\"><\/div>\r\n  <svg class=\"stars\" id=\"starsSvg\" viewBox=\"0 0 1180 420\" preserveAspectRatio=\"xMidYMid slice\"><\/svg>\r\n  <svg class=\"arch\" viewBox=\"0 0 400 220\" fill=\"none\">\r\n    <path d=\"M20 220 V110 A180 180 0 0 1 380 110 V220\" stroke=\"#D4A24C\" stroke-width=\"1.4\" opacity=\"0.6\"\/>\r\n    <path d=\"M55 220 V120 A145 145 0 0 1 345 120 V220\" stroke=\"#D4A24C\" stroke-width=\"1\" opacity=\"0.35\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"wrap hero-content\">\r\n    <span class=\"eyebrow\"><span class=\"dot\"><\/span><span data-i18n=\"hero.eyebrow\"><\/span><\/span>\r\n    <h1 class=\"display\" data-i18n=\"hero.title\"><\/h1>\r\n    <p class=\"sub\" data-i18n=\"hero.sub\"><\/p>\r\n    <div class=\"hero-ctas\">\r\n      <a href=\"#shop\" class=\"btn btn-gold\" data-i18n=\"hero.cta1\"><\/a>\r\n      <a href=\"#how\" class=\"btn btn-ghost\" data-i18n=\"hero.cta2\"><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"lantern-divider\" aria-hidden=\"true\">\r\n  <svg viewBox=\"0 0 1180 110\" fill=\"none\">\r\n    <path d=\"M0 20 Q 295 90 590 20 T 1180 20\" stroke=\"rgba(212,162,76,.35)\" stroke-width=\"1.5\"\/>\r\n    <g id=\"lanternsGroup\"><\/g>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<section class=\"trust\">\r\n  <div class=\"wrap trust-grid\">\r\n    <div class=\"trust-card\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9.5a2.5 2.5 0 0 1 5 0c0 1.6-2.5 2-2.5 4\"\/><circle cx=\"12\" cy=\"16.2\" r=\".3\" fill=\"currentColor\"\/><\/svg>\r\n      <h3 data-i18n=\"trust.cod.t\"><\/h3>\r\n      <p data-i18n=\"trust.cod.d\"><\/p>\r\n    <\/div>\r\n    <div class=\"trust-card\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 16V7a1 1 0 0 1 1-1h9v10\"\/><path d=\"M13 10h4l3 3v3h-7\"\/><circle cx=\"7.5\" cy=\"17.5\" r=\"1.6\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.6\"\/><\/svg>\r\n      <h3 data-i18n=\"trust.fast.t\"><\/h3>\r\n      <p data-i18n=\"trust.fast.d\"><\/p>\r\n    <\/div>\r\n    <div class=\"trust-card\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 12a9 9 0 1 0 3-6.7\"\/><path d=\"M3 4v5h5\"\/><\/svg>\r\n      <h3 data-i18n=\"trust.ret.t\"><\/h3>\r\n      <p data-i18n=\"trust.ret.d\"><\/p>\r\n    <\/div>\r\n    <div class=\"trust-card\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-3z\"\/><path d=\"M9.2 12.2l1.9 1.9 3.7-3.9\"\/><\/svg>\r\n      <h3 data-i18n=\"trust.sec.t\"><\/h3>\r\n      <p data-i18n=\"trust.sec.d\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"categories\" id=\"shop\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head\">\r\n      <span class=\"eyebrow\"><span class=\"dot\"><\/span><span data-i18n=\"cats.eyebrow\"><\/span><\/span>\r\n      <h2 class=\"display\" data-i18n=\"cats.title\"><\/h2>\r\n      <p data-i18n=\"cats.sub\"><\/p>\r\n    <\/div>\r\n    <div class=\"cat-grid\">\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"12\" rx=\"1.5\"\/><path d=\"M8 20h8M12 16v4\"\/><\/svg><\/div><span data-i18n=\"cats.electronics\"><\/span><\/div>\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 11l9-7 9 7\"\/><path d=\"M5 10v10h14V10\"\/><path d=\"M10 20v-6h4v6\"\/><\/svg><\/div><span data-i18n=\"cats.home\"><\/span><\/div>\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 3v3\"\/><path d=\"M8 6l4 3 4-3\"\/><path d=\"M5 8l7 5 7-5\"\/><path d=\"M6 10l-2 9h16l-2-9\"\/><\/svg><\/div><span data-i18n=\"cats.fashion\"><\/span><\/div>\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 4c2 2 4 4.5 4 7.5A4 4 0 0 1 8 11.5C8 8.5 10 6 12 4z\"\/><\/svg><\/div><span data-i18n=\"cats.beauty\"><\/span><\/div>\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><circle cx=\"7.5\" cy=\"16.5\" r=\"3.5\"\/><path d=\"M15 13l2 2 4-4\"\/><\/svg><\/div><span data-i18n=\"cats.kids\"><\/span><\/div>\r\n      <div class=\"cat-card\"><div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"5\" y=\"8\" width=\"14\" height=\"12\" rx=\"2\"\/><path d=\"M9 8V6a3 3 0 0 1 6 0v2\"\/><\/svg><\/div><span data-i18n=\"cats.acc\"><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"lantern-divider\" aria-hidden=\"true\">\r\n  <svg viewBox=\"0 0 1180 110\" fill=\"none\">\r\n    <path d=\"M0 20 Q 295 90 590 20 T 1180 20\" stroke=\"rgba(212,162,76,.35)\" stroke-width=\"1.5\"\/>\r\n    <g id=\"lanternsGroup2\"><\/g>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<section class=\"how\" id=\"how\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head\">\r\n      <span class=\"eyebrow\"><span class=\"dot\"><\/span><span data-i18n=\"how.eyebrow\"><\/span><\/span>\r\n      <h2 class=\"display\" data-i18n=\"how.title\"><\/h2>\r\n      <p data-i18n=\"how.sub\"><\/p>\r\n    <\/div>\r\n    <div class=\"how-grid\">\r\n      <div class=\"how-card\"><div class=\"how-num\">01<\/div><h3 data-i18n=\"how.s1.t\"><\/h3><p data-i18n=\"how.s1.d\"><\/p><\/div>\r\n      <div class=\"how-card\"><div class=\"how-num\">02<\/div><h3 data-i18n=\"how.s2.t\"><\/h3><p data-i18n=\"how.s2.d\"><\/p><\/div>\r\n      <div class=\"how-card\"><div class=\"how-num\">03<\/div><h3 data-i18n=\"how.s3.t\"><\/h3><p data-i18n=\"how.s3.d\"><\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"products\" id=\"products\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head\">\r\n      <span class=\"eyebrow\"><span class=\"dot\"><\/span><span data-i18n=\"prod.eyebrow\"><\/span><\/span>\r\n      <h2 class=\"display\" data-i18n=\"prod.title\"><\/h2>\r\n      <p data-i18n=\"prod.sub\"><\/p>\r\n    <\/div>\r\n    <div class=\"prod-grid\" id=\"prodGrid\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"stats\">\r\n  <div class=\"wrap stats-grid\">\r\n    <div class=\"stat\"><h3>150K+<\/h3><p data-i18n=\"stats.orders\"><\/p><\/div>\r\n    <div class=\"stat\"><h3>13<\/h3><p data-i18n=\"stats.regions\"><\/p><\/div>\r\n    <div class=\"stat\"><h3>4.8\u2605<\/h3><p data-i18n=\"stats.rating\"><\/p><\/div>\r\n    <div class=\"stat\"><h3>98%<\/h3><p data-i18n=\"stats.cod\"><\/p><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"testi\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head\">\r\n      <span class=\"eyebrow\"><span class=\"dot\"><\/span><span data-i18n=\"testi.eyebrow\"><\/span><\/span>\r\n      <h2 class=\"display\" data-i18n=\"testi.title\"><\/h2>\r\n    <\/div>\r\n    <div class=\"testi-grid\" id=\"testiGrid\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"news\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"display\" data-i18n=\"news.title\"><\/h2>\r\n    <p data-i18n=\"news.sub\"><\/p>\r\n    <form class=\"news-form\" onsubmit=\"return handleSubscribe(event)\">\r\n      <input type=\"email\" required data-i18n-ph=\"news.ph\">\r\n      <button type=\"submit\" class=\"btn btn-gold\" data-i18n=\"news.btn\"><\/button>\r\n    <\/form>\r\n    <p class=\"news-note\" data-i18n=\"news.note\"><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer id=\"contact\">\r\n  <div class=\"wrap\">\r\n    <div class=\"foot-grid\">\r\n      <div class=\"foot-brand\">\r\n        <a href=\"#home\" class=\"logo\"><span class=\"diamond\"><\/span><span data-i18n=\"brand\"><\/span><\/a>\r\n        <p data-i18n=\"foot.blurb\"><\/p>\r\n        <div class=\"socials\">\r\n          <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg><\/a>\r\n          <a href=\"#\" aria-label=\"X\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 4l16 16M20 4L4 20\"\/><\/svg><\/a>\r\n          <a href=\"#\" aria-label=\"TikTok\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M14 4v10.5a3.5 3.5 0 1 1-3-3.46\"\/><path d=\"M14 4c.5 2.5 2 4 4.5 4.3\"\/><\/svg><\/a>\r\n          <a href=\"#\" aria-label=\"Snapchat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 4c3 0 4.5 2.2 4.4 5 0 1 .1 1.8.4 2.2.5.6 1.4.8 2.2 1-.3 1-1.3 1.4-2.1 1.7 0 .5-.1 1-.5 1.3-.6.4-1.6 0-2.4.4-.7.4-1.1 1.4-2 1.4s-1.3-1-2-1.4c-.8-.4-1.8 0-2.4-.4-.4-.3-.5-.8-.5-1.3-.8-.3-1.8-.7-2.1-1.7.8-.2 1.7-.4 2.2-1 .3-.4.4-1.2.4-2.2C7.5 6.2 9 4 12 4z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"foot-col\">\r\n        <h5 data-i18n=\"foot.shop.h\"><\/h5>\r\n        <ul>\r\n          <li><a href=\"#shop\" data-i18n=\"foot.shop.l1\"><\/a><\/li>\r\n          <li><a href=\"#products\" data-i18n=\"foot.shop.l2\"><\/a><\/li>\r\n          <li><a href=\"#how\" data-i18n=\"foot.shop.l3\"><\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"foot-col\">\r\n        <h5 data-i18n=\"foot.support.h\"><\/h5>\r\n        <ul>\r\n          <li><a href=\"#\" data-i18n=\"foot.support.l1\"><\/a><\/li>\r\n          <li><a href=\"#\" data-i18n=\"foot.support.l2\"><\/a><\/li>\r\n          <li><a href=\"#\" data-i18n=\"foot.support.l3\"><\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"foot-col\">\r\n        <h5 data-i18n=\"foot.cities.h\"><\/h5>\r\n        <div class=\"cities\">\r\n          <span>\u0627\u0644\u0631\u064a\u0627\u0636<\/span><span>\u062c\u062f\u0629<\/span><span>\u0627\u0644\u062f\u0645\u0627\u0645<\/span><span>\u0645\u0643\u0629<\/span><span>\u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/span><span>\u0627\u0644\u062e\u0628\u0631<\/span><span>\u0623\u0628\u0647\u0627<\/span><span>+ \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\">\r\n      <span data-i18n=\"foot.copy\"><\/span>\r\n      <span class=\"cod-note\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9.5a2.5 2.5 0 0 1 5 0c0 1.6-2.5 2-2.5 4\"\/><\/svg>\r\n        <span data-i18n=\"foot.codnote\"><\/span>\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n\/* ---------------- i18n dictionary ---------------- *\/\r\nconst i18n = {\r\n  ar:{\r\n    announce:\"\ud83c\udf89 \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0637\u0644\u0628\u0627\u062a \u0641\u0648\u0642 199 \u0631.\u0633 \u2014 \u0644\u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n    brand:\"\u0639\u0644\u064a \u0633\u0644\u0637\u0627\u0646\",\r\n    \"nav.home\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"nav.shop\":\"\u0627\u0644\u0645\u062a\u062c\u0631\",\"nav.how\":\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\",\"nav.contact\":\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\",\r\n    \"cart.title\":\"\u0633\u0644\u062a\u0643\",\"cart.empty\":\"\u0633\u0644\u062a\u0643 \u0641\u0627\u0636\u064a\u0629 \u0644\u0644\u062d\u064a\u0646\",\r\n    \"hero.eyebrow\":\"\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0622\u0646 \u0644\u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n    \"hero.title\":\"\u062a\u0633\u0648\u0651\u0642 \u0643\u0644 \u0634\u064a\u2026 \u0648\u0627\u062f\u0641\u0639 \u0644\u0645\u0627 \u062a\u0648\u0635\u0644\u0643\",\r\n    \"hero.sub\":\"\u0645\u0646 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0625\u0644\u0649 \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0632\u0644 \u2014 \u062a\u0635\u0641\u062d \u0622\u0644\u0627\u0641 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u062f\u0641\u0639 \u0646\u0642\u062f\u064b\u0627 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645. \u0628\u062f\u0648\u0646 \u0628\u0637\u0627\u0642\u0629\u060c \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.\",\r\n    \"hero.cta1\":\"\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0633\u0648\u0642\",\"hero.cta2\":\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\",\r\n    \"trust.cod.t\":\"\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\",\"trust.cod.d\":\"\u0627\u062f\u0641\u0639 \u0646\u0642\u062f\u064b\u0627 \u0644\u0645\u0627 \u062a\u0648\u0635\u0644\u0643 \u0627\u0644\u0634\u062d\u0646\u0629\",\r\n    \"trust.fast.t\":\"\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639\",\"trust.fast.d\":\"\u0644\u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u062e\u0644\u0627\u0644 2-5 \u0623\u064a\u0627\u0645\",\r\n    \"trust.ret.t\":\"\u0627\u0633\u062a\u0631\u062c\u0627\u0639 \u0633\u0647\u0644\",\"trust.ret.d\":\"\u0627\u0633\u062a\u0631\u062c\u0627\u0639 \u0645\u062c\u0627\u0646\u064a \u062e\u0644\u0627\u0644 7 \u0623\u064a\u0627\u0645\",\r\n    \"trust.sec.t\":\"\u062a\u0633\u0648\u0642 \u0622\u0645\u0646\",\"trust.sec.d\":\"\u062d\u0645\u0627\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0637\u0644\u0628\u0627\u062a\u0643 \u0645\u0646 \u0627\u0644\u0637\u0644\u0628 \u0644\u0644\u062a\u0633\u0644\u064a\u0645\",\r\n    \"cats.eyebrow\":\"\u062a\u0633\u0648\u0642 \u062d\u0633\u0628 \u0627\u0644\u0642\u0633\u0645\",\"cats.title\":\"\u0643\u0644 \u0627\u0644\u0644\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u060c \u0628\u0645\u0643\u0627\u0646 \u0648\u062d\u062f\",\r\n    \"cats.sub\":\"\u0623\u0642\u0633\u0627\u0645 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0648\u0642 \u0623\u0633\u0647\u0644\",\r\n    \"cats.electronics\":\"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a\",\"cats.home\":\"\u0627\u0644\u0645\u0646\u0632\u0644 \u0648\u0627\u0644\u0645\u0637\u0628\u062e\",\"cats.fashion\":\"\u0627\u0644\u0623\u0632\u064a\u0627\u0621\",\r\n    \"cats.beauty\":\"\u0627\u0644\u062c\u0645\u0627\u0644\",\"cats.kids\":\"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0623\u0644\u0639\u0627\u0628\",\"cats.acc\":\"\u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a\",\r\n    \"how.eyebrow\":\"\u0628\u0633\u0627\u0637\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062e\u0637\u0648\u0629\",\"how.title\":\"\u064a\u0648\u0635\u0644\u0643 \u0637\u0644\u0628\u0643 \u0628\u062b\u0644\u0627\u062b \u062e\u0637\u0648\u0627\u062a \u0628\u0633\",\r\n    \"how.sub\":\"\u0628\u062f\u0648\u0646 \u062a\u0633\u062c\u064a\u0644 \u0645\u0639\u0642\u062f\u060c \u0648\u0628\u062f\u0648\u0646 \u062f\u0641\u0639 \u0645\u0633\u0628\u0642\",\r\n    \"how.s1.t\":\"\u062a\u0635\u0641\u062d \u0648\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629\",\"how.s1.d\":\"\u0627\u062e\u062a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0645\u0646 \u0622\u0644\u0627\u0641 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0641\u0631\u0629 \u064a\u0648\u0645\u064a\u064b\u0627\",\r\n    \"how.s2.t\":\"\u0623\u0643\u062f \u0637\u0644\u0628\u0643\",\"how.s2.d\":\"\u0623\u062f\u062e\u0644 \u0639\u0646\u0648\u0627\u0646\u0643 \u0648\u0631\u0642\u0645 \u062c\u0648\u0627\u0644\u0643 \u0641\u0642\u0637 \u2014 \u0628\u062f\u0648\u0646 \u0623\u064a \u062f\u0641\u0639 \u0627\u0644\u0622\u0646\",\r\n    \"how.s3.t\":\"\u0627\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\",\"how.s3.d\":\"\u0627\u0641\u062d\u0635 \u0637\u0644\u0628\u0643 \u0639\u0646\u062f \u0648\u0635\u0648\u0644\u0647 \u0648\u0627\u062f\u0641\u0639 \u0646\u0642\u062f\u064b\u0627 \u0644\u0644\u0645\u0646\u062f\u0648\u0628 \u0645\u0628\u0627\u0634\u0631\u0629\",\r\n    \"prod.eyebrow\":\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627\",\"prod.title\":\"\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629 \u0644\u0643\",\"prod.sub\":\"\u0623\u0633\u0639\u0627\u0631 \u0628\u0627\u0644\u0631\u064a\u0627\u0644\u060c \u062a\u0648\u0635\u064a\u0644 COD \u0644\u0643\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n    \"stats.orders\":\"\u0637\u0644\u0628 \u062a\u0645 \u062a\u0648\u0635\u064a\u0644\u0647 \u0628\u0646\u062c\u0627\u062d\",\"stats.regions\":\"\u0645\u0646\u0637\u0642\u0629 \u0646\u063a\u0637\u064a\u0647\u0627 \u0628\u0627\u0644\u062a\u0648\u0635\u064a\u0644\",\r\n    \"stats.rating\":\"\u0645\u062a\u0648\u0633\u0637 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\"stats.cod\":\"\u064a\u0641\u0636\u0644\u0648\u0646 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\",\r\n    \"testi.eyebrow\":\"\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\",\"testi.title\":\"\u0646\u0627\u0633 \u0648\u062b\u0642\u062a \u0641\u064a\u0646\u0627\u060c \u0648\u0637\u0644\u0628\u0647\u0627 \u0648\u0635\u0644\u0647\u0627\",\r\n    \"news.title\":\"\u0639\u0631\u0648\u0636 \u062d\u0635\u0631\u064a\u0629 \u0628\u0631\u064a\u062f\u0643\",\"news.sub\":\"\u0627\u0634\u062a\u0631\u0643 \u0639\u0634\u0627\u0646 \u062a\u0648\u0635\u0644\u0643 \u0623\u0648\u0644 \u0627\u0644\u0639\u0631\u0648\u0636 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629\",\r\n    \"news.ph\":\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\",\"news.btn\":\"\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\",\"news.note\":\"\u0628\u062f\u0648\u0646 \u0625\u0632\u0639\u0627\u062c \u2014 \u0646\u0631\u0627\u0633\u0644\u0643 \u0628\u0627\u0644\u0645\u0647\u0645 \u0628\u0633\",\r\n    \"foot.blurb\":\"\u0645\u062a\u062c\u0631\u0643 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0643\u0644 \u0634\u064a\u060c \u0645\u0639 \u062e\u064a\u0627\u0631 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0641\u064a \u0643\u0644 \u0637\u0644\u0628. \u0633\u0647\u0644\u060c \u0622\u0645\u0646\u060c \u0648\u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.\",\r\n    \"foot.shop.h\":\"\u0627\u0644\u0645\u062a\u062c\u0631\",\"foot.shop.l1\":\"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\",\"foot.shop.l2\":\"\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"foot.shop.l3\":\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\",\r\n    \"foot.support.h\":\"\u0627\u0644\u062f\u0639\u0645\",\"foot.support.l1\":\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\",\"foot.support.l2\":\"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u062c\u0627\u0639\",\"foot.support.l3\":\"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\r\n    \"foot.cities.h\":\"\u0646\u0648\u0635\u0644 \u0625\u0644\u0649\",\r\n    \"foot.copy\":\"\u00a9 2026 \u0639\u0644\u064a \u0633\u0644\u0637\u0627\u0646. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\",\r\n    \"foot.codnote\":\"\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0645\u062a\u0627\u062d \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646\"\r\n  },\r\n  en:{\r\n    announce:\"\ud83c\udf89 Free shipping on orders over SAR 199 \u2014 across the Kingdom\",\r\n    brand:\"AliSoultan\",\r\n    \"nav.home\":\"Home\",\"nav.shop\":\"Shop\",\"nav.how\":\"How it works\",\"nav.contact\":\"Contact\",\r\n    \"cart.title\":\"Your cart\",\"cart.empty\":\"Your cart is empty\",\r\n    \"hero.eyebrow\":\"Now delivering to every city in the Kingdom\",\r\n    \"hero.title\":\"Shop everything. Pay when it arrives.\",\r\n    \"hero.sub\":\"From gadgets to home essentials \u2014 browse thousands of products and pay cash at your doorstep. No card, no hassle.\",\r\n    \"hero.cta1\":\"Start Shopping\",\"hero.cta2\":\"How Cash on Delivery works\",\r\n    \"trust.cod.t\":\"Cash on Delivery\",\"trust.cod.d\":\"Pay in cash the moment your order arrives\",\r\n    \"trust.fast.t\":\"Fast Delivery\",\"trust.fast.d\":\"To every city in the Kingdom in 2\u20135 days\",\r\n    \"trust.ret.t\":\"Easy Returns\",\"trust.ret.d\":\"Free returns within 7 days\",\r\n    \"trust.sec.t\":\"Secure Shopping\",\"trust.sec.d\":\"Full protection from order to doorstep\",\r\n    \"cats.eyebrow\":\"Shop by category\",\"cats.title\":\"Everything you need, in one place\",\r\n    \"cats.sub\":\"Curated categories for an easier shopping trip\",\r\n    \"cats.electronics\":\"Electronics\",\"cats.home\":\"Home & Kitchen\",\"cats.fashion\":\"Fashion\",\r\n    \"cats.beauty\":\"Beauty\",\"cats.kids\":\"Kids & Toys\",\"cats.acc\":\"Accessories\",\r\n    \"how.eyebrow\":\"Simple from step one\",\"how.title\":\"Your order arrives in three easy steps\",\r\n    \"how.sub\":\"No complicated sign-up, no payment upfront\",\r\n    \"how.s1.t\":\"Browse & add to cart\",\"how.s1.d\":\"Pick your favorites from thousands of products added daily\",\r\n    \"how.s2.t\":\"Confirm your order\",\"how.s2.d\":\"Enter your address and phone number \u2014 no payment now\",\r\n    \"how.s3.t\":\"Pay on delivery\",\"how.s3.d\":\"Check your order when it arrives and pay the courier in cash\",\r\n    \"prod.eyebrow\":\"Most ordered\",\"prod.title\":\"Picked for you\",\"prod.sub\":\"Priced in SAR, COD delivery nationwide\",\r\n    \"stats.orders\":\"orders delivered\",\"stats.regions\":\"regions we cover\",\r\n    \"stats.rating\":\"average customer rating\",\"stats.cod\":\"choose cash on delivery\",\r\n    \"testi.eyebrow\":\"What customers say\",\"testi.title\":\"People trusted us, and their orders arrived\",\r\n    \"news.title\":\"Exclusive deals in your inbox\",\"news.sub\":\"Subscribe to get first access to new products and offers\",\r\n    \"news.ph\":\"Your email address\",\"news.btn\":\"Subscribe\",\"news.note\":\"No spam \u2014 just the things that matter\",\r\n    \"foot.blurb\":\"Your Saudi everyday store, with cash on delivery on every order. Easy, secure, no hassle.\",\r\n    \"foot.shop.h\":\"Shop\",\"foot.shop.l1\":\"Categories\",\"foot.shop.l2\":\"Products\",\"foot.shop.l3\":\"How it works\",\r\n    \"foot.support.h\":\"Support\",\"foot.support.l1\":\"Contact us\",\"foot.support.l2\":\"Return policy\",\"foot.support.l3\":\"FAQ\",\r\n    \"foot.cities.h\":\"We deliver to\",\r\n    \"foot.copy\":\"\u00a9 2026 AliSoultan. All rights reserved.\",\r\n    \"foot.codnote\":\"Cash on Delivery available in every city\"\r\n  }\r\n};\r\n\r\n\/* ---------------- products data ---------------- *\/\r\nconst products = [\r\n  {ar:\"\u0633\u0645\u0627\u0639\u0629 \u0644\u0627\u0633\u0644\u0643\u064a\u0629\", en:\"Wireless Earbuds\", price:89, old:129, g:\"g1\", icon:'<path d=\"M4 13a8 8 0 0 1 16 0\"\/><rect x=\"3\" y=\"13\" width=\"4\" height=\"7\" rx=\"1.5\"\/><rect x=\"17\" y=\"13\" width=\"4\" height=\"7\" rx=\"1.5\"\/>'},\r\n  {ar:\"\u0633\u0627\u0639\u0629 \u0630\u0643\u064a\u0629\", en:\"Smart Watch\", price:149, old:null, g:\"g2\", icon:'<rect x=\"7\" y=\"6\" width=\"10\" height=\"12\" rx=\"2\"\/><path d=\"M9 6V3h6v3M9 18v3h6v-3\"\/>'},\r\n  {ar:\"\u0645\u0635\u0628\u0627\u062d \u0645\u0643\u062a\u0628 LED\", en:\"LED Desk Lamp\", price:45, old:65, g:\"g1\", icon:'<path d=\"M12 3v3M8 15h8l-2-6h-4l-2 6z\"\/><path d=\"M9 21h6M12 15v6\"\/>'},\r\n  {ar:\"\u062d\u0642\u064a\u0628\u0629 \u0638\u0647\u0631\", en:\"Backpack\", price:79, old:null, g:\"g2\", icon:'<path d=\"M7 9V6a5 5 0 0 1 10 0v3\"\/><rect x=\"5\" y=\"9\" width=\"14\" height=\"12\" rx=\"2\"\/><path d=\"M9 13h6\"\/>'},\r\n  {ar:\"\u062e\u0644\u0627\u0637 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\", en:\"Electric Blender\", price:129, old:159, g:\"g1\", icon:'<path d=\"M8 3h8l-1 8H9L8 3z\"\/><path d=\"M9 11h6v8a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-8z\"\/>'},\r\n  {ar:\"\u0646\u0638\u0627\u0631\u0629 \u0634\u0645\u0633\u064a\u0629\", en:\"Sunglasses\", price:59, old:null, g:\"g2\", icon:'<circle cx=\"7\" cy=\"12\" r=\"3.2\"\/><circle cx=\"17\" cy=\"12\" r=\"3.2\"\/><path d=\"M10.2 12h3.6M3.5 10L1 9M20.5 10L23 9\"\/>'}\r\n];\r\n\r\nconst testimonials = [\r\n  {ar:{n:\"\u0633\u0627\u0631\u0629 \u0627\u0644\u0639\u062a\u064a\u0628\u064a\", city:\"\u062c\u062f\u0629\", q:\"\u0623\u0648\u0644 \u0645\u0631\u0629 \u0623\u0637\u0644\u0628 \u0645\u0646 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0628\u062f\u0648\u0646 \u0645\u0627 \u0623\u062f\u0641\u0639 \u0645\u0642\u062f\u0645\u060c \u0648\u0635\u0644 \u0637\u0644\u0628\u064a \u0628\u064a\u0648\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0646\u062f\u0648\u0628 \u0643\u0627\u0646 \u0645\u062d\u062a\u0631\u0645 \u062c\u062f\u064b\u0627.\"},\r\n   en:{n:\"Sarah Al-Otaibi\", city:\"Jeddah\", q:\"First time ordering online without paying upfront \u2014 it arrived in two days and the courier was great.\"}},\r\n  {ar:{n:\"\u0641\u0647\u062f \u0627\u0644\u0642\u062d\u0637\u0627\u0646\u064a\", city:\"\u0627\u0644\u0631\u064a\u0627\u0636\", q:\"\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0631\u064a\u0651\u062d\u0646\u064a\u060c \u0623\u0641\u062d\u0635 \u0627\u0644\u0637\u0644\u0628 \u0642\u062f\u0627\u0645 \u0627\u0644\u0645\u0646\u062f\u0648\u0628 \u0648\u0628\u0639\u062f\u064a\u0646 \u0623\u062f\u0641\u0639. \u062a\u062c\u0631\u0628\u0629 \u0645\u0631\u064a\u062d\u0629 \u0641\u0639\u0644\u0627\u064b.\"},\r\n   en:{n:\"Fahad Al-Qahtani\", city:\"Riyadh\", q:\"Cash on delivery put my mind at ease \u2014 I check the order right there before I pay. Genuinely smooth.\"}},\r\n  {ar:{n:\"\u0645\u0646\u064a\u0631\u0629 \u0627\u0644\u062f\u0648\u0633\u0631\u064a\", city:\"\u0627\u0644\u062f\u0645\u0627\u0645\", q:\"\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u062d\u0644\u0648\u0629 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639\u060c \u0648\u0635\u0644\u0646\u064a \u0637\u0644\u0628\u064a\u0646 \u0644\u064a\u0646 \u0627\u0644\u062d\u064a\u0646 \u0648\u0643\u0644\u0647\u0627 \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0648\u0635\u0641.\"},\r\n   en:{n:\"Muneera Al-Dosari\", city:\"Dammam\", q:\"Good prices and fast delivery \u2014 two orders in so far and both matched the listing exactly.\"}}\r\n];\r\n\r\nlet currentLang = 'ar';\r\nlet cart = [];\r\n\r\nfunction renderProducts(){\r\n  const grid = document.getElementById('prodGrid');\r\n  grid.innerHTML = products.map((p, idx) => `\r\n    <div class=\"prod-card\">\r\n      <div class=\"prod-thumb ${p.g}\">\r\n        <span class=\"cod-pill\">COD<\/span>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">${p.icon}<\/svg>\r\n      <\/div>\r\n      <div class=\"prod-body\">\r\n        <h4>${currentLang==='ar' ? p.ar : p.en}<\/h4>\r\n        <div class=\"price-row\">\r\n          <span class=\"price\">${currentLang==='ar' ? p.price+' \u0631.\u0633' : 'SAR '+p.price}<\/span>\r\n          ${p.old ? `<span class=\"old-price\">${currentLang==='ar' ? p.old+' \u0631.\u0633' : 'SAR '+p.old}<\/span>` : ''}\r\n        <\/div>\r\n        <button type=\"button\" class=\"add-btn\" onclick=\"addToCart(${idx})\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n          <span>${currentLang==='ar' ? '\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629' : 'Add to cart'}<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  `).join('');\r\n}\r\n\r\nfunction renderTestimonials(){\r\n  const grid = document.getElementById('testiGrid');\r\n  const starSvg = '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9L5.7 21l1.7-7L2 9.2l7.1-.6L12 2z\"\/><\/svg>';\r\n  grid.innerHTML = testimonials.map(t => {\r\n    const d = currentLang==='ar' ? t.ar : t.en;\r\n    const initials = d.n.split(' ').map(w=>w[0]).slice(0,2).join('');\r\n    return `\r\n      <div class=\"testi-card\">\r\n        <div class=\"stars-row\">${starSvg.repeat(5)}<\/div>\r\n        <p class=\"quote\">\"${d.q}\"<\/p>\r\n        <div class=\"testi-who\">\r\n          <div class=\"avatar\">${initials}<\/div>\r\n          <div><h5>${d.n}<\/h5><span>${d.city}<\/span><\/div>\r\n        <\/div>\r\n      <\/div>`;\r\n  }).join('');\r\n}\r\n\r\nfunction applyI18n(){\r\n  const dict = i18n[currentLang];\r\n  document.querySelectorAll('[data-i18n]').forEach(el=>{\r\n    const key = el.getAttribute('data-i18n');\r\n    if(dict[key] !== undefined) el.textContent = dict[key];\r\n  });\r\n  document.querySelectorAll('[data-i18n-ph]').forEach(el=>{\r\n    const key = el.getAttribute('data-i18n-ph');\r\n    if(dict[key] !== undefined) el.setAttribute('placeholder', dict[key]);\r\n  });\r\n}\r\n\r\nfunction setLang(lang){\r\n  currentLang = lang;\r\n  document.documentElement.lang = lang;\r\n  document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';\r\n  document.body.classList.toggle('lang-ar', lang==='ar');\r\n  document.body.classList.toggle('lang-en', lang==='en');\r\n  document.getElementById('btnAr').classList.toggle('active', lang==='ar');\r\n  document.getElementById('btnEn').classList.toggle('active', lang==='en');\r\n  applyI18n();\r\n  renderProducts();\r\n  renderTestimonials();\r\n  renderCart();\r\n}\r\n\r\nfunction addToCart(idx){\r\n  const p = products[idx];\r\n  cart.push(p);\r\n  document.getElementById('cartCount').textContent = cart.length;\r\n  renderCart();\r\n  showToast(currentLang==='ar' ? `\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 ${p.ar} \u0644\u0644\u0633\u0644\u0629` : `${p.en} added to cart`);\r\n}\r\n\r\nfunction renderCart(){\r\n  const box = document.getElementById('cartItems');\r\n  if(cart.length === 0){\r\n    box.innerHTML = `<p class=\"empty\">${i18n[currentLang]['cart.empty']}<\/p>`;\r\n    return;\r\n  }\r\n  box.innerHTML = cart.map(p => `<div class=\"cart-item\"><span>${currentLang==='ar'?p.ar:p.en}<\/span><span>${currentLang==='ar' ? p.price+' \u0631.\u0633' : 'SAR '+p.price}<\/span><\/div>`).join('');\r\n}\r\n\r\nfunction toggleCart(){\r\n  document.getElementById('cartPop').classList.toggle('open');\r\n}\r\ndocument.addEventListener('click', (e)=>{\r\n  const pop = document.getElementById('cartPop');\r\n  const btn = document.getElementById('cartBtn');\r\n  if(pop.classList.contains('open') && !pop.contains(e.target) && !btn.contains(e.target)){\r\n    pop.classList.remove('open');\r\n  }\r\n});\r\n\r\nfunction showToast(msg){\r\n  const t = document.getElementById('toast');\r\n  t.textContent = msg;\r\n  t.classList.add('show');\r\n  clearTimeout(window._toastTimer);\r\n  window._toastTimer = setTimeout(()=> t.classList.remove('show'), 2200);\r\n}\r\n\r\nfunction handleSubscribe(e){\r\n  e.preventDefault();\r\n  showToast(currentLang==='ar' ? '\u062a\u0645 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0628\u0646\u062c\u0627\u062d \ud83c\udf89' : 'Subscribed successfully \ud83c\udf89');\r\n  e.target.reset();\r\n  return false;\r\n}\r\n\r\n\/* stars background *\/\r\n(function drawStars(){\r\n  const svg = document.getElementById('starsSvg');\r\n  let html = '';\r\n  for(let i=0;i<70;i++){\r\n    const x = Math.random()*1180;\r\n    const y = Math.random()*260;\r\n    const r = Math.random()*1.4 + 0.3;\r\n    const o = (Math.random()*0.5 + 0.2).toFixed(2);\r\n    html += `<circle cx=\"${x.toFixed(1)}\" cy=\"${y.toFixed(1)}\" r=\"${r.toFixed(1)}\" fill=\"#E8C583\" opacity=\"${o}\"\/>`;\r\n  }\r\n  svg.innerHTML = html;\r\n})();\r\n\r\n\/* lantern dividers *\/\r\nfunction drawLanterns(groupId){\r\n  const g = document.getElementById(groupId);\r\n  let html = '';\r\n  const count = 9;\r\n  for(let i=0;i<count;i++){\r\n    const x = 60 + i * ((1180-120)\/(count-1));\r\n    const y = 22 + Math.sin(i*0.9)*14 + 18;\r\n    html += `\r\n      <g class=\"lantern-glow\" transform=\"translate(${x.toFixed(1)},${y.toFixed(1)})\">\r\n        <line x1=\"0\" y1=\"-14\" x2=\"0\" y2=\"0\" stroke=\"rgba(212,162,76,.4)\" stroke-width=\"1\"\/>\r\n        <rect x=\"-5\" y=\"0\" width=\"10\" height=\"14\" rx=\"2.5\" fill=\"#12172B\" stroke=\"#D4A24C\" stroke-width=\"1\"\/>\r\n        <circle cx=\"0\" cy=\"7\" r=\"8\" fill=\"#D4A24C\" opacity=\"0.18\"\/>\r\n        <circle cx=\"0\" cy=\"7\" r=\"2\" fill=\"#E8C583\"\/>\r\n      <\/g>`;\r\n  }\r\n  g.innerHTML = html;\r\n}\r\ndrawLanterns('lanternsGroup');\r\ndrawLanterns('lanternsGroup2');\r\n\r\n\/* init *\/\r\nsetLang('ar');\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>AliSoultan | \u0639\u0644\u064a \u0633\u0644\u0637\u0627\u0646 \u2014 \u0633\u0648\u0642\u0643\u060c \u062a\u0648\u0635\u064a\u0644 \u0644\u0644\u0628\u0627\u0628 AR EN 0 01 02 03 150K+ 13 4.8\u2605 98% \u0627\u0644\u0631\u064a\u0627\u0636\u062c\u062f\u0629\u0627\u0644\u062f\u0645\u0627\u0645\u0645\u0643\u0629\u0627\u0644\u0645\u062f\u064a\u0646\u0629\u0627\u0644\u062e\u0628\u0631\u0623\u0628\u0647\u0627+ \u0627\u0644\u0645\u0632\u064a\u062f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alisoultan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":11,"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/alisoultan.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/alisoultan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}