{"product_id":"bandes-blanchissantes-2","title":"Bandes blanchissantes 2","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eبنفسجي — شرائط تبييض الأسنان البنفسجية\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"شرائط بنفسجي تمسح الصفار وترجّعلك سنان بيض في أيام قلائل. الدفع عند الاستلام لكامل الوطن.\"\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Lalezar\u0026amp;family=Tajawal:wght@400;500;700;800;900\u0026amp;family=Bricolage+Grotesque:opsz,wght@12..96,500..800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root{\n    --bg:#160826;\n    --bg-2:#23103f;\n    --bg-3:#2c0f4d;\n    --purple:#8b3ff0;\n    --purple-bright:#a85cff;\n    --purple-soft:#c89dff;\n    --lime:#d7ff3e;\n    --lime-deep:#b6e000;\n    --cream:#fcf5ec;\n    --muted:#c4b3dd;\n    --muted-2:#9881b8;\n    --line:rgba(200,157,255,.16);\n    --display:\"Lalezar\", system-ui, sans-serif;\n    --body:\"Tajawal\", system-ui, sans-serif;\n    --latin:\"Bricolage Grotesque\", sans-serif;\n    --maxw:1180px;\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  body{\n    font-family:var(--body);\n    background:var(--bg);\n    color:var(--cream);\n    line-height:1.7;\n    overflow-x:hidden;\n    -webkit-font-smoothing:antialiased;\n    position:relative;\n  }\n\n  \/* gradient mesh + grain background *\/\n  body::before{\n    content:\"\";\n    position:fixed; inset:0; z-index:-2;\n    background:\n      radial-gradient(60% 50% at 85% 0%, rgba(139,63,240,.45), transparent 60%),\n      radial-gradient(50% 40% at 10% 15%, rgba(168,92,255,.30), transparent 55%),\n      radial-gradient(70% 60% at 50% 110%, rgba(215,255,62,.10), transparent 60%),\n      linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 45%, var(--bg) 100%);\n  }\n  body::after{\n    content:\"\";\n    position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.05;\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  }\n\n  a{color:inherit;text-decoration:none}\n  img{display:block;max-width:100%}\n  .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}\n\n  h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;letter-spacing:.5px}\n\n  \/* ---------- Buttons ---------- *\/\n  .btn{\n    display:inline-flex;align-items:center;gap:10px;\n    font-family:var(--body);font-weight:800;font-size:1.05rem;\n    padding:15px 30px;border-radius:50px;border:none;cursor:pointer;\n    transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, background .25s ease;\n    position:relative;white-space:nowrap;\n  }\n  .btn-lime{\n    background:var(--lime);color:#1c0a33;\n    box-shadow:0 8px 0 var(--lime-deep), 0 18px 40px -8px rgba(215,255,62,.5);\n  }\n  .btn-lime:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--lime-deep), 0 26px 55px -8px rgba(215,255,62,.65)}\n  .btn-lime:active{transform:translateY(4px);box-shadow:0 4px 0 var(--lime-deep), 0 10px 25px -8px rgba(215,255,62,.5)}\n  .btn-ghost{\n    background:rgba(255,255,255,.04);color:var(--cream);\n    border:1.5px solid var(--line);font-weight:700;\n  }\n  .btn-ghost:hover{border-color:var(--purple-soft);background:rgba(168,92,255,.12);transform:translateY(-2px)}\n  .btn .arrow{font-family:var(--latin);font-weight:700;transition:transform .25s ease}\n  .btn:hover .arrow{transform:translateX(-5px)}\n\n  \/* ---------- Nav ---------- *\/\n  nav{\n    position:sticky;top:0;z-index:100;\n    backdrop-filter:blur(14px);\n    background:rgba(22,8,38,.55);\n    border-bottom:1px solid var(--line);\n  }\n  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}\n  .logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.75rem;color:var(--cream)}\n  .logo .dot{width:13px;height:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);margin-top:-14px}\n  .logo small{font-family:var(--latin);font-size:.62rem;font-weight:700;letter-spacing:3px;color:var(--muted-2);display:block;margin-top:-6px}\n  nav .btn{padding:11px 24px;font-size:.95rem;box-shadow:0 5px 0 var(--lime-deep), 0 12px 25px -8px rgba(215,255,62,.4)}\n  nav .btn:hover{box-shadow:0 7px 0 var(--lime-deep), 0 16px 30px -8px rgba(215,255,62,.55)}\n\n  \/* ---------- Hero ---------- *\/\n  .hero{position:relative;padding:70px 0 40px}\n  .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}\n  .badge{\n    display:inline-flex;align-items:center;gap:9px;\n    background:rgba(168,92,255,.14);border:1px solid var(--line);\n    color:var(--purple-soft);font-weight:700;font-size:.85rem;\n    padding:8px 16px;border-radius:50px;margin-bottom:26px;\n  }\n  .badge b{color:var(--lime)}\n  .hero h1{font-size:clamp(2.9rem,6.2vw,5rem);margin-bottom:22px}\n  .hero h1 .hl{color:var(--lime);position:relative;display:inline-block}\n  .hero h1 .hl::after{\n    content:\"\";position:absolute;right:-4px;left:-4px;bottom:6px;height:14px;\n    background:rgba(139,63,240,.55);z-index:-1;transform:skewX(-8deg);border-radius:3px;\n  }\n  .hero p.sub{font-size:1.18rem;color:var(--muted);max-width:540px;margin-bottom:32px;line-height:1.8}\n  .hero .cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}\n  .proof-line{display:flex;align-items:center;gap:14px;margin-top:34px}\n  .avatars{display:flex}\n  .avatars span{\n    width:42px;height:42px;border-radius:50%;border:2.5px solid var(--bg-2);margin-inline-start:-12px;\n    background-size:cover;background-position:center;display:grid;place-items:center;\n    font-weight:800;font-size:.9rem;color:#1c0a33;\n  }\n  .avatars span:first-child{margin-inline-start:0}\n  .a1{background:linear-gradient(135deg,#a85cff,#d7ff3e)}\n  .a2{background:linear-gradient(135deg,#ff8fb1,#a85cff)}\n  .a3{background:linear-gradient(135deg,#d7ff3e,#7be0c0)}\n  .a4{background:var(--purple);color:var(--cream)!important}\n  .proof-line .ptxt b{color:var(--cream);font-weight:800}\n  .proof-line .ptxt{font-size:.92rem;color:var(--muted-2)}\n  .stars{color:var(--lime);letter-spacing:2px}\n\n  \/* hero visual *\/\n  .hero-visual{position:relative;display:flex;justify-content:center}\n  .hero-card{\n    position:relative;width:100%;max-width:420px;aspect-ratio:4\/5;border-radius:32px;overflow:hidden;\n    border:1px solid var(--line);\n    box-shadow:0 40px 80px -25px rgba(139,63,240,.6), inset 0 0 0 1px rgba(255,255,255,.05);\n    transform:rotate(2.5deg);transition:transform .5s ease;\n  }\n  .hero-card:hover{transform:rotate(0deg) scale(1.02)}\n  .hero-card img{width:100%;height:100%;object-fit:cover}\n  .float-tag{\n    position:absolute;z-index:5;background:var(--cream);color:#1c0a33;\n    border-radius:16px;padding:12px 18px;font-weight:800;font-size:.92rem;\n    box-shadow:0 18px 40px -10px rgba(0,0,0,.5);display:flex;align-items:center;gap:8px;\n  }\n  .float-tag .ic{font-size:1.25rem}\n  .ft-1{bottom:24px;right:-18px;animation:floaty 5s ease-in-out infinite}\n  .ft-2{top:36px;left:-20px;background:var(--lime);animation:floaty 6s ease-in-out infinite .8s}\n  .orb{position:absolute;border-radius:50%;filter:blur(8px);z-index:-1}\n  .orb-1{width:160px;height:160px;background:radial-gradient(circle,var(--purple),transparent 70%);top:-30px;left:-30px;animation:floaty 7s ease-in-out infinite}\n  .orb-2{width:130px;height:130px;background:radial-gradient(circle,var(--lime),transparent 70%);bottom:-20px;right:0;opacity:.5;animation:floaty 8s ease-in-out infinite 1s}\n  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}\n\n  \/* ---------- Marquee ---------- *\/\n  .marquee{\n    background:var(--lime);color:#1c0a33;overflow:hidden;white-space:nowrap;\n    border-top:3px solid #1c0a33;border-bottom:3px solid #1c0a33;\n    transform:rotate(-1.6deg) scale(1.04);margin:50px 0;\n  }\n  .marquee .track{display:inline-flex;gap:34px;padding:14px 0;animation:scroll 22s linear infinite;font-family:var(--display);font-size:1.5rem}\n  .marquee .track span{display:inline-flex;align-items:center;gap:34px}\n  .marquee .track .sep{color:var(--purple)}\n  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(50%)}}\n\n  \/* ---------- Section base ---------- *\/\n  section{position:relative;padding:80px 0}\n  .eyebrow{\n    display:inline-block;font-family:var(--latin);font-weight:700;letter-spacing:4px;\n    text-transform:uppercase;font-size:.78rem;color:var(--lime);margin-bottom:16px;\n  }\n  .sec-title{font-size:clamp(2.1rem,4.8vw,3.4rem);margin-bottom:18px}\n  .sec-lead{color:var(--muted);font-size:1.12rem;max-width:620px;line-height:1.8}\n\n  \/* ---------- Problem ---------- *\/\n  .problem{background:linear-gradient(180deg,transparent,rgba(20,7,34,.6))}\n  .problem .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}\n  .pain-list{list-style:none;margin-top:30px;display:grid;gap:14px}\n  .pain-list li{\n    display:flex;gap:14px;align-items:flex-start;\n    background:rgba(255,255,255,.03);border:1px solid var(--line);border-inline-start:4px solid var(--purple-bright);\n    border-radius:14px;padding:16px 18px;font-size:1.05rem;color:var(--cream);font-weight:500;\n  }\n  .pain-list .x{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,90,90,.18);color:#ff7a7a;display:grid;place-items:center;font-weight:800;margin-top:2px}\n  .problem-media{position:relative}\n  .problem-media video,.problem-media img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}\n  .closing-pain{margin-top:26px;font-family:var(--display);font-size:1.6rem;color:var(--lime);line-height:1.3}\n\n  \/* ---------- Solution \/ benefits ---------- *\/\n  .color-theory{\n    display:flex;gap:24px;align-items:center;flex-wrap:wrap;\n    background:linear-gradient(120deg,rgba(139,63,240,.18),rgba(215,255,62,.06));\n    border:1px solid var(--line);border-radius:24px;padding:28px 30px;margin:36px 0 56px;\n  }\n  .color-theory .swatches{display:flex;gap:10px;flex:none}\n  .color-theory .sw{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:.8rem}\n  .sw.yellow{background:#f4d03f;color:#5a4a00}\n  .sw.plus{background:transparent;color:var(--muted-2);font-size:1.5rem}\n  .sw.purple{background:var(--purple);color:#fff}\n  .sw.eq{background:transparent;color:var(--muted-2);font-size:1.5rem}\n  .sw.white{background:var(--cream);color:#1c0a33}\n  .color-theory p{font-size:1.08rem;color:var(--cream);margin:0;min-width:240px;flex:1}\n  .color-theory p b{color:var(--lime)}\n\n  .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}\n  .bcard{\n    background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:24px;padding:30px;\n    position:relative;overflow:hidden;transition:transform .35s ease, border-color .35s ease, background .35s ease;\n  }\n  .bcard::before{content:\"\";position:absolute;inset:0;background:linear-gradient(160deg,rgba(168,92,255,.12),transparent 60%);opacity:0;transition:opacity .35s ease}\n  .bcard:hover{transform:translateY(-8px);border-color:var(--purple-soft)}\n  .bcard:hover::before{opacity:1}\n  .bcard .num{font-family:var(--latin);font-weight:800;font-size:1rem;color:#1c0a33;background:var(--lime);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}\n  .bcard h3{font-size:1.55rem;color:var(--cream);margin-bottom:10px}\n  .bcard p{color:var(--muted);font-size:1.02rem}\n\n  \/* before after feature *\/\n  .ba-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-top:70px}\n  .ba-img{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -25px rgba(139,63,240,.5);transform:rotate(-2deg);transition:transform .5s ease}\n  .ba-img:hover{transform:rotate(0)}\n  .ba-img img{width:100%}\n  .ba-img .cap{position:absolute;bottom:16px;right:16px;left:16px;background:rgba(22,8,38,.78);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-weight:700;font-size:.95rem;text-align:center}\n  .ba-feature .txt h3{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--cream);margin-bottom:14px}\n  .ba-feature .txt p{color:var(--muted);font-size:1.1rem;margin-bottom:24px}\n\n  \/* ---------- Social proof ---------- *\/\n  .social{background:linear-gradient(180deg,transparent,rgba(44,15,77,.4),transparent)}\n  .stat-band{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-bottom:50px}\n  .stat{flex:1;min-width:200px;text-align:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;padding:30px 20px}\n  .stat .big{font-family:var(--display);font-size:3rem;color:var(--lime);line-height:1}\n  .stat .lbl{color:var(--muted);margin-top:8px;font-size:1rem}\n  .tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n  .tcard{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .35s ease,border-color .35s ease}\n  .tcard:hover{transform:translateY(-6px);border-color:var(--purple-soft)}\n  .tcard .stars{font-size:1.05rem}\n  .tcard p{color:var(--cream);font-size:1.05rem;flex:1;font-weight:500}\n  .tcard .who{display:flex;align-items:center;gap:12px}\n  .tcard .who .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#1c0a33}\n  .tcard .who b{display:block;color:var(--cream)}\n  .tcard .who span{font-size:.85rem;color:var(--muted-2)}\n\n  \/* ---------- FAQ ---------- *\/\n  .faq-list{max-width:780px;margin-inline:auto;display:grid;gap:14px}\n  .faq{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .3s ease}\n  .faq.open{border-color:var(--purple-soft);background:rgba(168,92,255,.07)}\n  .faq button{\n    width:100%;text-align:right;background:none;border:none;color:var(--cream);cursor:pointer;\n    font-family:var(--body);font-weight:700;font-size:1.18rem;padding:22px 26px;\n    display:flex;justify-content:space-between;align-items:center;gap:16px;\n  }\n  .faq .ic{flex:none;width:32px;height:32px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:1.4rem;transition:transform .35s ease;font-family:var(--latin)}\n  .faq.open .ic{transform:rotate(45deg);background:var(--lime);color:#1c0a33}\n  .faq .ans{max-height:0;overflow:hidden;transition:max-height .4s ease}\n  .faq .ans p{padding:0 26px 24px;color:var(--muted);font-size:1.05rem;line-height:1.8}\n\n  \/* ---------- Final CTA ---------- *\/\n  .final{padding:50px 0 90px}\n  .final-card{\n    position:relative;overflow:hidden;border-radius:36px;padding:70px 40px;text-align:center;\n    background:linear-gradient(135deg,var(--bg-3),var(--purple) 130%);\n    border:1px solid var(--purple-soft);\n    box-shadow:0 50px 100px -30px rgba(139,63,240,.7);\n  }\n  .final-card::before{content:\"\";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--lime),transparent 70%);opacity:.25;top:-100px;left:-60px}\n  .final-card::after{content:\"\";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--purple-bright),transparent 70%);opacity:.5;bottom:-120px;right:-40px}\n  .final-card .inner{position:relative;z-index:2}\n  .final-card h2{font-size:clamp(2.2rem,5.5vw,4rem);margin-bottom:18px}\n  .final-card h2 .hl{color:var(--lime)}\n  .final-card p{color:var(--muted);font-size:1.2rem;max-width:560px;margin:0 auto 32px}\n  .final-card .btn{font-size:1.2rem;padding:18px 44px}\n  .urgency{margin-top:22px;font-weight:700;color:var(--lime);font-size:.98rem}\n  .pay-line{margin-top:14px;color:var(--muted-2);font-size:.92rem}\n\n  \/* ---------- Footer ---------- *\/\n  footer{border-top:1px solid var(--line);padding:46px 0 40px}\n  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}\n  footer .tag{color:var(--muted-2);font-size:.95rem;margin-top:6px}\n  footer .flinks{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted)}\n  footer .flinks a:hover{color:var(--lime)}\n  .copy{width:100%;text-align:center;color:var(--muted-2);font-size:.85rem;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}\n\n  \/* ---------- Reveal animations ---------- *\/\n  .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}\n  .reveal.vis{opacity:1;transform:none}\n  .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}\n\n  \/* ---------- Responsive ---------- *\/\n  @media(max-width:900px){\n    .hero .wrap{grid-template-columns:1fr;gap:40px}\n    .hero-visual{order:-1}\n    .problem .wrap{grid-template-columns:1fr;gap:36px}\n    .benefits-grid{grid-template-columns:1fr}\n    .ba-feature{grid-template-columns:1fr;gap:32px}\n    .tcards{grid-template-columns:1fr}\n    .color-theory{flex-direction:column;text-align:center}\n  }\n  @media(max-width:560px){\n    .wrap{padding-inline:18px}\n    section{padding:60px 0}\n    nav .logo small{display:none}\n    .hero{padding:40px 0 20px}\n    .float-tag{font-size:.8rem;padding:9px 13px}\n    .ft-1{right:-6px}.ft-2{left:-8px}\n    .marquee .track{font-size:1.2rem}\n    .btn{font-size:.98rem;padding:14px 26px}\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== NAV ===== --\u003e\n\u003cnav\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"logo\"\u003e\n      بنفسجي\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003csmall\u003eVIOLETTE STRIPS\u003c\/small\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"#order\" class=\"btn btn-lime\"\u003eاطلب الآن\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/nav\u003e\n\n\u003c!-- ===== HERO ===== --\u003e\n\u003cheader class=\"hero\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"hero-text\"\u003e\n      \u003cspan class=\"badge reveal\"\u003e✦ شرائط تبييض الأسنان البنفسجية \u003cb\u003eالأصلية\u003c\/b\u003e\u003c\/span\u003e\n      \u003ch1 class=\"reveal d1\"\u003eتخبّي ضحكتك\u003cbr\u003eعلى خاطر سنانك \u003cspan class=\"hl\"\u003eصفر؟\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"sub reveal d2\"\u003eكاين حل بلا طبيب وبلا أوجاع: شرائط \u003cb style=\"color:var(--purple-soft)\"\u003eبنفسجي\u003c\/b\u003e تمسح الصفار وترجّعلك سنان بيض في أيام قلائل. 30 دقيقة في النهار، وراك تضحك بثقة قدّام الكل.\u003c\/p\u003e\n      \u003cdiv class=\"cta-row reveal d3\"\u003e\n        \u003ca href=\"#order\" class=\"btn btn-lime\"\u003eاطلب الآن \u003cspan class=\"arrow\"\u003e←\u003c\/span\u003e\u003c\/a\u003e\n        \u003ca href=\"#how\" class=\"btn btn-ghost\"\u003e▶ شوف كيفاش تخدم\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"proof-line reveal d4\"\u003e\n        \u003cdiv class=\"avatars\"\u003e\n          \u003cspan class=\"a1\"\u003eأ\u003c\/span\u003e\u003cspan class=\"a2\"\u003eي\u003c\/span\u003e\u003cspan class=\"a3\"\u003eس\u003c\/span\u003e\u003cspan class=\"a4\"\u003e+\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ptxt\"\u003e\n          \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e معدّل 4.9\/5\u003cbr\u003e\n          \u003cb\u003e+12,000\u003c\/b\u003e جزائري وجزائرية درّبوها وما ندموش\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hero-visual reveal d2\"\u003e\n      \u003cspan class=\"orb orb-1\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"orb orb-2\"\u003e\u003c\/span\u003e\n      \u003cdiv class=\"hero-card\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0801\/0943\/7158\/files\/IMG_3237.webp?v=1776970258\" alt=\"شرائط بنفسجي لتبييض الأسنان\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"float-tag ft-1\"\u003e\n\u003cspan class=\"ic\"\u003e😁\u003c\/span\u003e نتيجة من أول استعمال\u003c\/div\u003e\n      \u003cdiv class=\"float-tag ft-2\"\u003e\n\u003cspan class=\"ic\"\u003e🚚\u003c\/span\u003e الدفع عند الاستلام\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ===== MARQUEE ===== --\u003e\n\u003cdiv class=\"marquee\"\u003e\n  \u003cdiv class=\"track\"\u003e\n    \u003cspan\u003eسنان بيض \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e ضحكة بثقة \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e بلا حساسية \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e الدفع عند الاستلام \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e توصيل لـ 58 ولاية \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e \u003c\/span\u003e\n    \u003cspan\u003eسنان بيض \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e ضحكة بثقة \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e بلا حساسية \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e الدفع عند الاستلام \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e توصيل لـ 58 ولاية \u003ci class=\"sep\"\u003e✦\u003c\/i\u003e \u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== PROBLEM ===== --\u003e\n\u003csection class=\"problem\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"problem-text\"\u003e\n      \u003cspan class=\"eyebrow reveal\"\u003eنعرفو الحالة\u003c\/span\u003e\n      \u003ch2 class=\"sec-title reveal d1\"\u003eكل صباح القهوة...\u003cbr\u003eوكل مرّة، الصفار يزيد\u003c\/h2\u003e\n      \u003cp class=\"sec-lead reveal d2\"\u003eالقهوة، الأتاي، الدخان، الكوكا... كامل هاد الحوايج يحطّو طبقة صفرا على سنانك ما تروحش بالسواك برك. والنتيجة؟\u003c\/p\u003e\n      \u003cul class=\"pain-list\"\u003e\n        \u003cli class=\"reveal d1\"\u003e\n\u003cspan class=\"x\"\u003e✕\u003c\/span\u003e تخبّي فمك بيدك كي تضحك مع صحابك\u003c\/li\u003e\n        \u003cli class=\"reveal d2\"\u003e\n\u003cspan class=\"x\"\u003e✕\u003c\/span\u003e في الصور، تبتسم بلا ما تحلّ فمك\u003c\/li\u003e\n        \u003cli class=\"reveal d3\"\u003e\n\u003cspan class=\"x\"\u003e✕\u003c\/span\u003e تحشم تهدر قريب من الناس\u003c\/li\u003e\n        \u003cli class=\"reveal d4\"\u003e\n\u003cspan class=\"x\"\u003e✕\u003c\/span\u003e الطبيب غالي، الموعد بعيد، والنتيجة ما مضمونةش\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"closing-pain reveal d2\"\u003eراه الوقت باش تبدّل هاد الحاجة — بلا ما تخسر ثروة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"problem-media reveal d2\" id=\"how\"\u003e\n      \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d51ba6d49aab418b8d9d578349768f7b.webm\" autoplay muted loop playsinline\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== SOLUTION \/ BENEFITS ===== --\u003e\n\u003csection class=\"solution\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv style=\"text-align:center;max-width:680px;margin-inline:auto\"\u003e\n      \u003cspan class=\"eyebrow reveal\"\u003eالحل\u003c\/span\u003e\n      \u003ch2 class=\"sec-title reveal d1\"\u003eعلاش \u003cspan style=\"color:var(--purple-soft)\"\u003eبنفسجي\u003c\/span\u003e يخدم منين الأول مرّة\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"color-theory reveal d2\"\u003e\n      \u003cdiv class=\"swatches\"\u003e\n        \u003cdiv class=\"sw yellow\"\u003eأصفر\u003c\/div\u003e\n        \u003cdiv class=\"sw plus\"\u003e+\u003c\/div\u003e\n        \u003cdiv class=\"sw purple\"\u003eبنفسجي\u003c\/div\u003e\n        \u003cdiv class=\"sw eq\"\u003e=\u003c\/div\u003e\n        \u003cdiv class=\"sw white\"\u003eأبيض\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eاللون البنفسجي \u003cb\u003eيلغي\u003c\/b\u003e الأصفر — هادي ماشي سحر، هادي علم الألوان. الشريط يحط طبقة بنفسجية خفيفة تقتل الصفار في الحين، ومع الاستعمال سنانك يبيّضو من الداخل.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"bcard reveal d1\"\u003e\n        \u003cdiv class=\"num\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eترجع تضحك بكل ثقة\u003c\/h3\u003e\n        \u003cp\u003eبلا ما تخبّي فمك، بلا حشمة، في كل صورة وكل قعدة مع صحابك. الضحكة تولّي حقّك.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcard reveal d2\"\u003e\n        \u003cdiv class=\"num\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eنتيجة تبان من أول استعمال\u003c\/h3\u003e\n        \u003cp\u003eاللون البنفسجي يمسح الصفار في الحين، والبياض يزيد كل نهار. ماشي وعود — حاجة تشوفها بعينيك.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcard reveal d3\"\u003e\n        \u003cdiv class=\"num\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eمريحة على سنانك ولثتك\u003c\/h3\u003e\n        \u003cp\u003eبلا حساسية وبلا وجيعة. مادة لطيفة تنظّف بلا ما تضر — حتى اللي عندهم سنان حسّاسة يقدروا.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bcard reveal d4\"\u003e\n        \u003cdiv class=\"num\"\u003e04\u003c\/div\u003e\n        \u003ch3\u003eتديرها في دارك، وقتاش تحب\u003c\/h3\u003e\n        \u003cp\u003e30 دقيقة قدّام التلفزة وكمّلت. بلا طبيب، بلا مواعيد، بلا ما تخرج من الدار.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BEFORE \/ AFTER --\u003e\n    \u003cdiv class=\"ba-feature\"\u003e\n      \u003cdiv class=\"ba-img reveal d1\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0801\/0943\/7158\/files\/IMG_3244.webp?v=1776971530\" alt=\"قبل وبعد استعمال شرائط بنفسجي\"\u003e\n        \u003cdiv class=\"cap\"\u003eقبل \/ بعد — بلا فلاتر بلا فوتوشوب\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"txt reveal d2\"\u003e\n        \u003ch3\u003eالفرق اللي راح يشوفوه فيك الكل\u003c\/h3\u003e\n        \u003cp\u003eأسبوع واحد يكفي باش تشوف بياض حقيقي. هاد الناس ماشي موديلز — جزائريين كي كي، جرّبوها في دارهم وشافوا النتيجة. دورك إنت.\u003c\/p\u003e\n        \u003ca href=\"#order\" class=\"btn btn-lime\"\u003eحاب نفس النتيجة \u003cspan class=\"arrow\"\u003e←\u003c\/span\u003e\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== SOCIAL PROOF ===== --\u003e\n\u003csection class=\"social\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv style=\"text-align:center;max-width:640px;margin-inline:auto\"\u003e\n      \u003cspan class=\"eyebrow reveal\"\u003eآراء حقيقية\u003c\/span\u003e\n      \u003ch2 class=\"sec-title reveal d1\"\u003eماشي حنا اللي نقولو —\u003cbr\u003eهوما اللي جرّبوا\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"stat-band\" style=\"margin-top:46px\"\u003e\n      \u003cdiv class=\"stat reveal d1\"\u003e\n\u003cdiv class=\"big\"\u003e+12,000\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eزبون راضي عبر الوطن\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"stat reveal d2\"\u003e\n\u003cdiv class=\"big\"\u003e9 \/ 10\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eشافوا الفرق من أول أسبوع\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"stat reveal d3\"\u003e\n\u003cdiv class=\"big\"\u003e4.9★\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eمعدّل التقييم\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tcards\"\u003e\n      \u003cdiv class=\"tcard reveal d1\"\u003e\n        \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp\u003e«كنت نخبّي سنياني في كل صورة. أسبوع برك وولّيت نضحك نورمال. والله نتيجة تجنّن!»\u003c\/p\u003e\n        \u003cdiv class=\"who\"\u003e\n\u003cspan class=\"av\" style=\"background:linear-gradient(135deg,#a85cff,#d7ff3e)\"\u003eأ\u003c\/span\u003e\u003cdiv\u003e\n\u003cb\u003eأمينة\u003c\/b\u003e\u003cspan\u003eوهران\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcard reveal d2\"\u003e\n        \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp\u003e«الدخان والقهوة دارولي صفار قبيح بزّاف. بنفسجي نقّاه في 5 أيام برك، ما صدّقتش روحي.»\u003c\/p\u003e\n        \u003cdiv class=\"who\"\u003e\n\u003cspan class=\"av\" style=\"background:linear-gradient(135deg,#ff8fb1,#a85cff);color:#fff\"\u003eي\u003c\/span\u003e\u003cdiv\u003e\n\u003cb\u003eياسين\u003c\/b\u003e\u003cspan\u003eالجزائر العاصمة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcard reveal d3\"\u003e\n        \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp\u003e«خفت من الحساسية بصح والو، مريحة بزّاف والنتيجة باينة. ولّيت نوصّي بيها صحاباتي.»\u003c\/p\u003e\n        \u003cdiv class=\"who\"\u003e\n\u003cspan class=\"av\" style=\"background:linear-gradient(135deg,#d7ff3e,#7be0c0)\"\u003eس\u003c\/span\u003e\u003cdiv\u003e\n\u003cb\u003eسمية\u003c\/b\u003e\u003cspan\u003eقسنطينة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== FAQ ===== --\u003e\n\u003csection class=\"faqsec\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv style=\"text-align:center;max-width:640px;margin-inline:auto;margin-bottom:46px\"\u003e\n      \u003cspan class=\"eyebrow reveal\"\u003eأسئلة كي تطرحها\u003c\/span\u003e\n      \u003ch2 class=\"sec-title reveal d1\"\u003eقبل ما تطلب... خليك مرتاح\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-list\"\u003e\n      \u003cdiv class=\"faq reveal\"\u003e\n        \u003cbutton\u003e\u003cspan\u003eواش راها تخدم بصح ولا غير حكي؟\u003c\/span\u003e\u003cspan class=\"ic\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"ans\"\u003e\u003cp\u003eإيه، تخدم. اللون البنفسجي علميًا يلغي اللون الأصفر، والنتيجة تبان من أول استعمال. والبياض يتقوّى مع كل مرّة تستعملها فيها.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq reveal d1\"\u003e\n        \u003cbutton\u003e\u003cspan\u003eتضرّ سنياني ولا اللثة؟\u003c\/span\u003e\u003cspan class=\"ic\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"ans\"\u003e\u003cp\u003eلا. المادة لطيفة وخفيفة على السنان واللثة، بلا أوجاع وبلا حساسية. حتى اللي عندهم سنان حسّاسة يقدروا يستعملوها بكل أمان.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq reveal d2\"\u003e\n        \u003cbutton\u003e\u003cspan\u003eشحال من نهار باش تبان النتيجة؟\u003c\/span\u003e\u003cspan class=\"ic\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"ans\"\u003e\u003cp\u003eالصفار يخف من أول استعمال، والبياض الكامل يبان عادةً بين 5 و7 أيام مع الاستعمال اليومي لمدة 30 دقيقة.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq reveal d3\"\u003e\n        \u003cbutton\u003e\u003cspan\u003eكيفاش نستعملها؟\u003c\/span\u003e\u003cspan class=\"ic\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"ans\"\u003e\u003cp\u003eتلصق الشريط على سنانك، تستنّى 30 دقيقة، تنحّيه وتمضمض بالما. هذا كل شي — ساهلة بزّاف وتقدر تديرها وانت تشوف في التلفزة.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq reveal d4\"\u003e\n        \u003cbutton\u003e\u003cspan\u003eكيفاش ندفع؟\u003c\/span\u003e\u003cspan class=\"ic\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"ans\"\u003e\u003cp\u003eالدفع عند الاستلام في كامل الـ 58 ولاية. تخلّص كي توصلك السلعة للدار — بلا أي مخاطرة وبلا خلاص مسبق.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== FINAL CTA ===== --\u003e\n\u003csection class=\"final\" id=\"order\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"final-card reveal\"\u003e\n      \u003cdiv class=\"inner\"\u003e\n        \u003ch2\u003eضحكتك تستاهل تبان.\u003cbr\u003e\u003cspan class=\"hl\"\u003eاطلبها اليوم.\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp\u003e+12,000 وحد ولّاو يضحكو بثقة. دورك إنت. الدفع عند الاستلام، والتوصيل لكامل الوطن.\u003c\/p\u003e\n        \u003ca href=\"tel:0000000000\" class=\"btn btn-lime\"\u003eاطلب الآن \u003cspan class=\"arrow\"\u003e←\u003c\/span\u003e\u003c\/a\u003e\n        \u003cdiv class=\"urgency\"\u003e🔥 عرض هذا الأسبوع — الكمية محدودة\u003c\/div\u003e\n        \u003cdiv class=\"pay-line\"\u003e🚚 توصيل لـ 58 ولاية · 💵 الدفع عند الاستلام · ✅ نتيجة مضمونة\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== FOOTER ===== --\u003e\n\u003cfooter\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"logo\"\u003eبنفسجي\u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"tag\"\u003eسنان بيض، ضحكة بثقة.\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flinks\"\u003e\n      \u003ca href=\"#order\"\u003eاطلب الآن\u003c\/a\u003e\n      \u003ca href=\"#how\"\u003eكيفاش تخدم\u003c\/a\u003e\n      \u003ca href=\"#\"\u003eتواصل معنا\u003c\/a\u003e\n      \u003ca href=\"#\"\u003eسياسة الخصوصية\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"copy\"\u003e© 2026 بنفسجي · جميع الحقوق محفوظة · صُنع بحب للجزائر 🇩🇿\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n  \/\/ Reveal on scroll\n  const io = new IntersectionObserver((entries)=\u003e{\n    entries.forEach(e=\u003e{ if(e.isIntersecting){ e.target.classList.add('vis'); io.unobserve(e.target);} });\n  },{threshold:.14, rootMargin:'0px 0px -40px 0px'});\n  document.querySelectorAll('.reveal').forEach(el=\u003eio.observe(el));\n\n  \/\/ FAQ accordion\n  document.querySelectorAll('.faq button').forEach(btn=\u003e{\n    btn.addEventListener('click', ()=\u003e{\n      const item = btn.parentElement;\n      const ans = item.querySelector('.ans');\n      const open = item.classList.contains('open');\n      document.querySelectorAll('.faq').forEach(f=\u003e{\n        f.classList.remove('open');\n        f.querySelector('.ans').style.maxHeight = null;\n      });\n      if(!open){\n        item.classList.add('open');\n        ans.style.maxHeight = ans.scrollHeight + 'px';\n      }\n    });\n  });\n\n  \/\/ Subtle parallax on hero card\n  const card = document.querySelector('.hero-card');\n  if(card \u0026\u0026 window.matchMedia('(pointer:fine)').matches){\n    document.querySelector('.hero-visual').addEventListener('mousemove',(ev)=\u003e{\n      const r = ev.currentTarget.getBoundingClientRect();\n      const x = (ev.clientX - r.left)\/r.width - .5;\n      const y = (ev.clientY - r.top)\/r.height - .5;\n      card.style.transform = `rotate(${2.5 - x*4}deg) translate(${x*-10}px, ${y*-10}px)`;\n    });\n    document.querySelector('.hero-visual').addEventListener('mouseleave',()=\u003e{\n      card.style.transform = 'rotate(2.5deg)';\n    });\n  }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"glorysmile","offers":[{"title":"Default Title","offer_id":47728171876582,"sku":null,"price":2500.0,"currency_code":"DZD","in_stock":true}],"url":"https:\/\/glorysmiledz.com\/products\/bandes-blanchissantes-2","provider":"glorysmile","version":"1.0","type":"link"}