{"product_id":"حامي-الاذرع","title":"حامي الاذرع","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أكمام تبريد UV – حماية كاملة من الشمس | CoolWear\u003c\/title\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --ice: #EAF5FB;\n      --sky: #AED9EE;\n      --ocean: #1470A0;\n      --deep: #0B3249;\n      --white: #FFFFFF;\n      --bg: #F5FAFD;\n      --text: #1B2D38;\n      --muted: #637D8A;\n      --border: #CDE5F0;\n      --accent: #FF5722;\n      --gold: #FFC107;\n      --green: #2E7D32;\n      --radius: 14px;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: 'Cairo', sans-serif;\n      background: var(--white);\n      color: var(--text);\n      direction: rtl;\n      font-size: 15px;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    img { max-width: 100%; display: block; }\n    button { cursor: pointer; font-family: 'Cairo', sans-serif; }\n\n    \/* ============================================================\n       ANNOUNCEMENT BAR\n    ============================================================ *\/\n    .announcement {\n      background: var(--deep);\n      color: #AED9EE;\n      text-align: center;\n      padding: 9px 16px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 0.3px;\n    }\n    .announcement strong { color: white; }\n\n    \/* ============================================================\n       HEADER\n    ============================================================ *\/\n    header {\n      background: white;\n      border-bottom: 1px solid var(--border);\n      padding: 14px 24px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      position: sticky;\n      top: 0;\n      z-index: 200;\n      box-shadow: 0 1px 8px rgba(0,0,0,0.06);\n    }\n    .logo {\n      font-size: 20px;\n      font-weight: 900;\n      color: var(--ocean);\n      display: flex;\n      align-items: center;\n      gap: 7px;\n    }\n    .logo-icon { font-size: 22px; }\n\n    .header-actions { display: flex; align-items: center; gap: 12px; }\n    .header-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: var(--bg);\n      border: 1px solid var(--border);\n      border-radius: 10px;\n      padding: 8px 14px;\n      font-size: 13px;\n      color: var(--muted);\n    }\n    .header-cart {\n      position: relative;\n      background: var(--ocean);\n      color: white;\n      border: none;\n      padding: 9px 16px;\n      border-radius: 10px;\n      font-size: 14px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      gap: 7px;\n    }\n    .cart-count {\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      width: 18px;\n      height: 18px;\n      font-size: 11px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 900;\n    }\n\n    \/* ============================================================\n       BREADCRUMB\n    ============================================================ *\/\n    .breadcrumb {\n      padding: 10px 24px;\n      background: var(--bg);\n      border-bottom: 1px solid var(--border);\n      font-size: 12px;\n      color: var(--muted);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .breadcrumb a { color: var(--ocean); text-decoration: none; }\n    .breadcrumb a:hover { text-decoration: underline; }\n\n    \/* ============================================================\n       PRODUCT HERO (2-col desktop, stacked mobile)\n    ============================================================ *\/\n    .product-hero {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 32px 24px 48px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 48px;\n      align-items: start;\n    }\n\n    \/* --- Gallery --- *\/\n    .gallery { position: sticky; top: 80px; }\n    .gallery-main {\n      border-radius: 18px;\n      overflow: hidden;\n      background: var(--bg);\n      aspect-ratio: 1 \/ 1;\n      position: relative;\n      border: 1px solid var(--border);\n    }\n    .gallery-main img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: opacity 0.3s;\n    }\n    .gallery-badge {\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      background: var(--ocean);\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      padding: 5px 12px;\n      border-radius: 20px;\n      letter-spacing: 0.3px;\n    }\n    .gallery-badge-hot {\n      position: absolute;\n      top: 14px;\n      left: 14px;\n      background: var(--accent);\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      padding: 5px 12px;\n      border-radius: 20px;\n    }\n    .thumbnails {\n      display: flex;\n      gap: 8px;\n      margin-top: 12px;\n      flex-wrap: wrap;\n    }\n    .thumb {\n      width: 68px;\n      height: 68px;\n      border-radius: 10px;\n      overflow: hidden;\n      border: 2px solid transparent;\n      cursor: pointer;\n      transition: border-color 0.2s, transform 0.15s;\n      background: var(--bg);\n    }\n    .thumb img { width: 100%; height: 100%; object-fit: cover; }\n    .thumb.active, .thumb:hover { border-color: var(--ocean); transform: scale(1.04); }\n\n    \/* --- Product Info --- *\/\n    .product-info { display: flex; flex-direction: column; gap: 22px; }\n\n    .tag-row { display: flex; gap: 8px; flex-wrap: wrap; }\n    .tag {\n      font-size: 11px;\n      font-weight: 700;\n      padding: 4px 11px;\n      border-radius: 20px;\n      letter-spacing: 0.4px;\n    }\n    .tag-hot { background: #FFF0EB; color: var(--accent); border: 1px solid #FFD5C5; }\n    .tag-new { background: #E8F5E9; color: var(--green); border: 1px solid #C8E6C9; }\n\n    h1 {\n      font-size: 26px;\n      font-weight: 900;\n      color: var(--deep);\n      line-height: 1.35;\n    }\n\n    .rating-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n    .stars { color: var(--gold); font-size: 17px; letter-spacing: 1px; }\n    .rating-score { font-weight: 700; color: var(--deep); font-size: 14px; }\n    .rating-count { color: var(--muted); font-size: 13px; }\n    .rating-divider { color: var(--border); }\n    .sold-count {\n      background: var(--bg);\n      color: var(--green);\n      font-size: 12px;\n      font-weight: 700;\n      padding: 3px 10px;\n      border-radius: 20px;\n      border: 1px solid #C8E6C9;\n    }\n\n    \/* Price *\/\n    .price-block {\n      background: linear-gradient(135deg, #EAF5FB 0%, #F0F9FF 100%);\n      border: 1px solid var(--sky);\n      border-radius: var(--radius);\n      padding: 18px 20px;\n    }\n    .price-main {\n      display: flex;\n      align-items: baseline;\n      gap: 12px;\n      margin-bottom: 10px;\n      flex-wrap: wrap;\n    }\n    .price-now {\n      font-size: 36px;\n      font-weight: 900;\n      color: var(--ocean);\n      direction: ltr;\n      display: inline-block;\n    }\n    .price-was {\n      font-size: 18px;\n      color: var(--muted);\n      text-decoration: line-through;\n      direction: ltr;\n    }\n    .price-save {\n      background: var(--accent);\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      padding: 3px 10px;\n      border-radius: 6px;\n    }\n    .price-meta {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n    .price-meta-item {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      font-size: 12px;\n      color: var(--muted);\n    }\n    .price-meta-item span { font-size: 14px; }\n\n    \/* Divider *\/\n    .divider { border: none; border-top: 1px solid var(--border); }\n\n    \/* Color Picker *\/\n    .option-title {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--deep);\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .selected-label {\n      font-weight: 400;\n      color: var(--muted);\n    }\n\n    .color-grid { display: flex; gap: 10px; flex-wrap: wrap; }\n    .color-swatch {\n      width: 34px; height: 34px;\n      border-radius: 50%;\n      cursor: pointer;\n      border: 3px solid white;\n      outline: 2px solid transparent;\n      transition: outline-color 0.2s, transform 0.15s;\n      box-shadow: 0 1px 4px rgba(0,0,0,0.15);\n    }\n    .color-swatch:hover { transform: scale(1.1); }\n    .color-swatch.active { outline-color: var(--ocean); transform: scale(1.05); }\n\n    \/* Size *\/\n    .size-grid { display: flex; gap: 8px; flex-wrap: wrap; }\n    .size-btn {\n      padding: 9px 22px;\n      border-radius: 9px;\n      border: 2px solid var(--border);\n      background: white;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--text);\n      transition: all 0.2s;\n    }\n    .size-btn:hover { border-color: var(--ocean); color: var(--ocean); }\n    .size-btn.active { background: var(--ocean); color: white; border-color: var(--ocean); }\n\n    \/* Quantity *\/\n    .qty-wrapper { display: flex; align-items: center; gap: 14px; }\n    .qty-box {\n      display: flex;\n      align-items: center;\n      border: 2px solid var(--border);\n      border-radius: 10px;\n      overflow: hidden;\n      background: white;\n    }\n    .qty-btn-ctrl {\n      width: 42px; height: 42px;\n      background: var(--bg);\n      border: none;\n      font-size: 22px;\n      font-weight: 300;\n      color: var(--ocean);\n      transition: background 0.15s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .qty-btn-ctrl:hover { background: var(--sky); }\n    #qty-display {\n      width: 46px;\n      text-align: center;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--deep);\n      border: none;\n      background: white;\n      pointer-events: none;\n    }\n    .stock-pill {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      background: #E8F5E9;\n      color: var(--green);\n      font-size: 12px;\n      font-weight: 700;\n      padding: 5px 12px;\n      border-radius: 20px;\n      border: 1px solid #C8E6C9;\n    }\n    .stock-dot {\n      width: 7px; height: 7px;\n      background: var(--green);\n      border-radius: 50%;\n      animation: pulse-green 1.5s infinite;\n    }\n    @keyframes pulse-green {\n      0%, 100% { opacity: 1; } 50% { opacity: 0.4; }\n    }\n\n    \/* CTA *\/\n    .cta-stack { display: flex; flex-direction: column; gap: 10px; }\n    .btn-cart {\n      width: 100%;\n      padding: 16px 20px;\n      background: var(--ocean);\n      color: white;\n      border: none;\n      border-radius: 12px;\n      font-size: 16px;\n      font-weight: 900;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      transition: background 0.2s, transform 0.1s, box-shadow 0.2s;\n      box-shadow: 0 4px 14px rgba(20, 112, 160, 0.3);\n    }\n    .btn-cart:hover {\n      background: var(--deep);\n      transform: translateY(-1px);\n      box-shadow: 0 6px 20px rgba(20, 112, 160, 0.4);\n    }\n    .btn-buy {\n      width: 100%;\n      padding: 14px 20px;\n      background: white;\n      color: var(--ocean);\n      border: 2px solid var(--ocean);\n      border-radius: 12px;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s;\n    }\n    .btn-buy:hover { background: var(--ice); }\n\n    \/* Trust badges *\/\n    .trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 8px;\n    }\n    .trust-item {\n      background: var(--bg);\n      border: 1px solid var(--border);\n      border-radius: 10px;\n      padding: 12px 8px;\n      text-align: center;\n    }\n    .trust-icon { font-size: 20px; margin-bottom: 4px; }\n    .trust-label { font-size: 11px; font-weight: 700; color: var(--muted); line-height: 1.3; }\n\n    \/* Share *\/\n    .share-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .share-label { font-size: 13px; color: var(--muted); font-weight: 600; }\n    .share-btn {\n      width: 34px; height: 34px;\n      border-radius: 8px;\n      border: 1px solid var(--border);\n      background: white;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      transition: border-color 0.2s, background 0.2s;\n    }\n    .share-btn:hover { border-color: var(--ocean); background: var(--ice); }\n\n    \/* ============================================================\n       FEATURES STRIP\n    ============================================================ *\/\n    .features-strip {\n      background: var(--deep);\n      padding: 0;\n    }\n    .features-strip-inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .strip-item {\n      padding: 26px 20px;\n      text-align: center;\n      border-left: 1px solid rgba(255,255,255,0.08);\n      transition: background 0.2s;\n    }\n    .strip-item:last-child { border-left: none; }\n    .strip-item:hover { background: rgba(255,255,255,0.05); }\n    .strip-icon { font-size: 28px; margin-bottom: 8px; }\n    .strip-title { font-size: 13px; font-weight: 700; color: white; margin-bottom: 3px; }\n    .strip-sub { font-size: 11px; color: rgba(174, 217, 238, 0.8); }\n\n    \/* ============================================================\n       WHY US SECTION\n    ============================================================ *\/\n    .why-section {\n      padding: 60px 24px;\n      background: var(--bg);\n    }\n    .section-head {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .section-label {\n      display: inline-block;\n      background: var(--ice);\n      color: var(--ocean);\n      font-size: 12px;\n      font-weight: 700;\n      padding: 5px 14px;\n      border-radius: 20px;\n      border: 1px solid var(--sky);\n      margin-bottom: 12px;\n      letter-spacing: 0.5px;\n    }\n    .section-head h2 {\n      font-size: 28px;\n      font-weight: 900;\n      color: var(--deep);\n      margin-bottom: 8px;\n    }\n    .section-head p { font-size: 15px; color: var(--muted); }\n\n    .why-grid {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n    .why-card {\n      background: white;\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      padding: 28px 22px;\n      transition: transform 0.2s, box-shadow 0.2s;\n    }\n    .why-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px rgba(20, 112, 160, 0.1);\n    }\n    .why-icon {\n      width: 50px; height: 50px;\n      background: var(--ice);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      margin-bottom: 14px;\n    }\n    .why-card h3 { font-size: 15px; font-weight: 700; color: var(--deep); margin-bottom: 8px; }\n    .why-card p { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\n    \/* ============================================================\n       DESCRIPTION + LIFESTYLE\n    ============================================================ *\/\n    .desc-section {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 60px 24px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 56px;\n      align-items: center;\n    }\n    .desc-img {\n      border-radius: 18px;\n      overflow: hidden;\n      background: var(--bg);\n      aspect-ratio: 4\/3;\n      border: 1px solid var(--border);\n    }\n    .desc-img img { width: 100%; height: 100%; object-fit: cover; }\n    .desc-text h2 {\n      font-size: 26px;\n      font-weight: 900;\n      color: var(--deep);\n      line-height: 1.35;\n      margin-bottom: 16px;\n    }\n    .desc-text p {\n      font-size: 14px;\n      color: var(--muted);\n      line-height: 1.9;\n      margin-bottom: 14px;\n    }\n    .check-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }\n    .check-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      font-size: 14px;\n      color: var(--text);\n      line-height: 1.5;\n    }\n    .check-list li::before {\n      content: \"✓\";\n      color: var(--ocean);\n      font-weight: 900;\n      font-size: 15px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n\n    \/* ============================================================\n       HOW TO USE\n    ============================================================ *\/\n    .howto-section {\n      background: var(--deep);\n      padding: 60px 24px;\n      color: white;\n    }\n    .howto-inner { max-width: 900px; margin: 0 auto; }\n    .howto-section .section-head h2 { color: white; }\n    .howto-section .section-head p { color: var(--sky); }\n    .howto-section .section-label { background: rgba(255,255,255,0.1); color: var(--sky); border-color: rgba(255,255,255,0.15); }\n\n    .steps-row {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      position: relative;\n    }\n    .steps-row::before {\n      content: '';\n      position: absolute;\n      top: 32px;\n      right: 12%;\n      left: 12%;\n      height: 2px;\n      background: rgba(174, 217, 238, 0.3);\n      z-index: 0;\n    }\n    .step {\n      text-align: center;\n      padding: 0 16px;\n      position: relative;\n      z-index: 1;\n    }\n    .step-num {\n      width: 64px; height: 64px;\n      border-radius: 50%;\n      background: var(--ocean);\n      color: white;\n      font-size: 22px;\n      font-weight: 900;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 16px;\n      border: 3px solid rgba(174, 217, 238, 0.3);\n    }\n    .step-icon { font-size: 28px; }\n    .step h3 { font-size: 14px; font-weight: 700; color: var(--sky); margin-bottom: 6px; }\n    .step p { font-size: 12px; color: rgba(255,255,255,0.6); line-height: 1.6; }\n\n    \/* ============================================================\n       SPECS TABLE\n    ============================================================ *\/\n    .specs-section {\n      padding: 60px 24px;\n      background: var(--bg);\n    }\n    .specs-inner { max-width: 800px; margin: 0 auto; }\n    .specs-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border-radius: 14px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n      margin-top: 30px;\n    }\n    .specs-table tr { transition: background 0.15s; }\n    .specs-table tr:nth-child(odd) { background: white; }\n    .specs-table tr:nth-child(even) { background: var(--ice); }\n    .specs-table tr:hover { background: #DFF0FA; }\n    .specs-table td { padding: 14px 20px; font-size: 14px; border-bottom: 1px solid var(--border); }\n    .specs-table tr:last-child td { border-bottom: none; }\n    .specs-table td:first-child { font-weight: 700; color: var(--deep); width: 42%; border-left: 3px solid var(--ocean); }\n    .specs-table td:last-child { color: var(--muted); }\n\n    \/* ============================================================\n       REVIEWS\n    ============================================================ *\/\n    .reviews-section {\n      padding: 60px 24px;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n    .reviews-summary {\n      display: flex;\n      align-items: center;\n      gap: 32px;\n      background: var(--ice);\n      border: 1px solid var(--sky);\n      border-radius: 16px;\n      padding: 24px 28px;\n      margin-bottom: 32px;\n      flex-wrap: wrap;\n    }\n    .score-big {\n      font-size: 60px;\n      font-weight: 900;\n      color: var(--ocean);\n      line-height: 1;\n    }\n    .score-right { flex: 1; min-width: 160px; }\n    .score-stars { color: var(--gold); font-size: 24px; letter-spacing: 2px; margin-bottom: 4px; }\n    .score-count { font-size: 13px; color: var(--muted); }\n    .score-bars { display: flex; flex-direction: column; gap: 6px; flex: 2; min-width: 200px; }\n    .bar-row { display: flex; align-items: center; gap: 8px; font-size: 12px; }\n    .bar-label { color: var(--muted); width: 18px; text-align: center; flex-shrink: 0; }\n    .bar-stars { color: var(--gold); font-size: 10px; }\n    .bar-track {\n      flex: 1;\n      background: var(--border);\n      border-radius: 4px;\n      height: 7px;\n      overflow: hidden;\n    }\n    .bar-fill { height: 100%; background: var(--gold); border-radius: 4px; transition: width 1s ease; }\n    .bar-count { color: var(--muted); font-size: 11px; width: 28px; text-align: left; }\n\n    .reviews-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .review-card {\n      background: var(--bg);\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      padding: 20px;\n      transition: box-shadow 0.2s;\n    }\n    .review-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.06); }\n    .review-top {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 10px;\n    }\n    .avatar {\n      width: 40px; height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 900;\n      font-size: 16px;\n      color: white;\n      flex-shrink: 0;\n    }\n    .reviewer-meta h4 { font-size: 14px; font-weight: 700; color: var(--deep); }\n    .reviewer-meta span { font-size: 12px; color: var(--muted); }\n    .review-stars { color: var(--gold); font-size: 13px; margin-bottom: 8px; letter-spacing: 1px; }\n    .review-text { font-size: 13px; color: var(--text); line-height: 1.75; }\n    .review-verified {\n      margin-top: 10px;\n      font-size: 11px;\n      color: var(--green);\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .review-tag {\n      display: inline-block;\n      background: var(--ice);\n      color: var(--ocean);\n      font-size: 10px;\n      font-weight: 700;\n      padding: 2px 8px;\n      border-radius: 10px;\n      margin-top: 8px;\n    }\n\n    \/* ============================================================\n       FAQ\n    ============================================================ *\/\n    .faq-section {\n      background: var(--bg);\n      padding: 60px 24px;\n    }\n    .faq-inner { max-width: 720px; margin: 0 auto; }\n    .faq-item {\n      background: white;\n      border: 1px solid var(--border);\n      border-radius: 12px;\n      margin-bottom: 10px;\n      overflow: hidden;\n      transition: box-shadow 0.2s;\n    }\n    .faq-item.open { box-shadow: 0 2px 12px rgba(20, 112, 160, 0.1); border-color: var(--sky); }\n    .faq-q {\n      padding: 16px 20px;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--deep);\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 10px;\n      user-select: none;\n      transition: background 0.15s;\n    }\n    .faq-q:hover { background: var(--bg); }\n    .faq-toggle {\n      width: 26px; height: 26px;\n      border-radius: 50%;\n      background: var(--ice);\n      color: var(--ocean);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      font-weight: 300;\n      flex-shrink: 0;\n      transition: background 0.2s, transform 0.3s;\n    }\n    .faq-item.open .faq-toggle { background: var(--ocean); color: white; transform: rotate(45deg); }\n    .faq-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s ease, padding 0.2s;\n      font-size: 13.5px;\n      color: var(--muted);\n      line-height: 1.85;\n      padding: 0 20px;\n    }\n    .faq-item.open .faq-a { max-height: 300px; padding: 0 20px 18px; }\n\n    \/* ============================================================\n       RELATED \/ UPSELL\n    ============================================================ *\/\n    .related-section {\n      padding: 60px 24px;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n    .related-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n      margin-top: 32px;\n    }\n    .related-card {\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      overflow: hidden;\n      background: white;\n      transition: transform 0.2s, box-shadow 0.2s;\n      cursor: pointer;\n    }\n    .related-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }\n    .related-img {\n      aspect-ratio: 1;\n      background: var(--bg);\n      overflow: hidden;\n    }\n    .related-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }\n    .related-card:hover .related-img img { transform: scale(1.05); }\n    .related-info { padding: 14px; }\n    .related-name { font-size: 13px; font-weight: 700; color: var(--deep); margin-bottom: 6px; line-height: 1.3; }\n    .related-price { font-size: 15px; font-weight: 900; color: var(--ocean); }\n    .related-price-old { font-size: 12px; color: var(--muted); text-decoration: line-through; margin-right: 6px; direction: ltr; display: inline-block; }\n    .related-stars { font-size: 11px; color: var(--gold); margin-bottom: 4px; }\n\n    \/* ============================================================\n       STICKY BUY BAR\n    ============================================================ *\/\n    .sticky-buy {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: white;\n      border-top: 2px solid var(--sky);\n      padding: 12px 20px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 14px;\n      z-index: 300;\n      box-shadow: 0 -4px 24px rgba(0,0,0,0.1);\n      transform: translateY(100%);\n      transition: transform 0.3s ease;\n    }\n    .sticky-buy.visible { transform: translateY(0); }\n    .sticky-left { display: flex; flex-direction: column; }\n    .sticky-name { font-size: 12px; color: var(--muted); font-weight: 600; }\n    .sticky-price { font-size: 22px; font-weight: 900; color: var(--ocean); direction: ltr; display: inline-block; }\n    .sticky-btn {\n      background: var(--ocean);\n      color: white;\n      border: none;\n      padding: 13px 28px;\n      border-radius: 11px;\n      font-size: 15px;\n      font-weight: 900;\n      white-space: nowrap;\n      box-shadow: 0 4px 14px rgba(20, 112, 160, 0.35);\n      transition: background 0.2s;\n    }\n    .sticky-btn:hover { background: var(--deep); }\n\n    \/* ============================================================\n       FOOTER\n    ============================================================ *\/\n    footer {\n      background: var(--deep);\n      color: rgba(255,255,255,0.5);\n      padding: 40px 24px 24px;\n    }\n    .footer-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 40px;\n      margin-bottom: 32px;\n    }\n    .footer-brand .logo { margin-bottom: 12px; }\n    .footer-brand p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.7; }\n    .footer-col h4 { font-size: 13px; font-weight: 700; color: white; margin-bottom: 14px; }\n    .footer-col a {\n      display: block;\n      font-size: 13px;\n      color: rgba(255,255,255,0.45);\n      text-decoration: none;\n      margin-bottom: 8px;\n      transition: color 0.2s;\n    }\n    .footer-col a:hover { color: var(--sky); }\n    .footer-bottom {\n      border-top: 1px solid rgba(255,255,255,0.08);\n      padding-top: 20px;\n      text-align: center;\n      font-size: 12px;\n    }\n    .payment-icons { display: flex; gap: 8px; justify-content: center; margin-top: 10px; flex-wrap: wrap; }\n    .pay-icon {\n      background: rgba(255,255,255,0.1);\n      color: rgba(255,255,255,0.7);\n      padding: 5px 10px;\n      border-radius: 6px;\n      font-size: 11px;\n      font-weight: 700;\n    }\n\n    \/* ============================================================\n       RESPONSIVE — MOBILE\n    ============================================================ *\/\n    @media (max-width: 768px) {\n      .announcement { font-size: 11px; padding: 7px 12px; }\n      header { padding: 10px 16px; }\n      .header-search { display: none; }\n      .logo { font-size: 17px; }\n\n      .product-hero {\n        grid-template-columns: 1fr;\n        padding: 20px 16px 40px;\n        gap: 24px;\n      }\n      .gallery { position: static; }\n      .gallery-main { border-radius: 14px; }\n      .thumbnails { gap: 6px; }\n      .thumb { width: 58px; height: 58px; }\n\n      h1 { font-size: 21px; }\n      .price-now { font-size: 30px; }\n\n      .features-strip-inner { grid-template-columns: repeat(2, 1fr); }\n      .strip-item { padding: 18px 12px; }\n      .strip-item:nth-child(2) { border-left: none; }\n\n      .why-grid { grid-template-columns: 1fr; }\n      .desc-section { grid-template-columns: 1fr; padding: 40px 16px; gap: 28px; }\n      .desc-img { order: -1; }\n\n      .steps-row { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n      .steps-row::before { display: none; }\n\n      .reviews-grid { grid-template-columns: 1fr; }\n      .reviews-summary { flex-direction: column; align-items: flex-start; gap: 20px; }\n      .score-bars { width: 100%; }\n\n      .related-grid { grid-template-columns: repeat(2, 1fr); }\n\n      .footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }\n      .footer-brand { grid-column: span 2; }\n\n      .trust-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n\n    @media (max-width: 480px) {\n      .features-strip-inner { grid-template-columns: 1fr 1fr; }\n      .related-grid { grid-template-columns: repeat(2, 1fr); }\n      .footer-inner { grid-template-columns: 1fr; }\n      .footer-brand { grid-column: span 1; }\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    .animate-in { animation: fadeInUp 0.5s ease forwards; }\n  \u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================\n     ANNOUNCEMENT BAR\n     👆 غير النص هنا: كود الخصم، العرض، الشحن\n============================================================ --\u003e\n\u003cdiv class=\"announcement\"\u003e\n  🎉 عرض محدود — \u003cstrong\u003eخصم 50%\u003c\/strong\u003e على جميع الطلبات اليوم | شحن مجاني فوق $15 🚀\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     HEADER\n     👆 غير اسم المتجر، أضف اللوغو الخاص بك\n============================================================ --\u003e\n\u003cheader\u003e\n  \u003cdiv class=\"logo\"\u003e\n    \u003cspan class=\"logo-icon\"\u003e🌊\u003c\/span\u003e\n    CoolWear\n  \u003c\/div\u003e\n  \u003cdiv class=\"header-actions\"\u003e\n    \u003cdiv class=\"header-search\"\u003e\n      🔍 ابحث عن منتج...\n    \u003c\/div\u003e\n    \u003cbutton class=\"header-cart\" onclick=\"cartClick()\"\u003e\n      🛒 السلة\n      \u003cspan class=\"cart-count\" id=\"cart-count\"\u003e0\u003c\/span\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ============================================================\n     BREADCRUMB — مسار التنقل\n============================================================ --\u003e\n\u003cnav class=\"breadcrumb\"\u003e\n  \u003ca href=\"#\"\u003eالرئيسية\u003c\/a\u003e\n  \u003cspan\u003e›\u003c\/span\u003e\n  \u003ca href=\"#\"\u003eملابس الحماية\u003c\/a\u003e\n  \u003cspan\u003e›\u003c\/span\u003e\n  \u003cspan\u003eأكمام تبريد UV\u003c\/span\u003e\n\u003c\/nav\u003e\n\n\u003c!-- ============================================================\n     PRODUCT HERO — القسم الرئيسي للمنتج\n============================================================ --\u003e\n\u003cmain class=\"product-hero\"\u003e\n\n  \u003c!-- =========== GALLERY =========== --\u003e\n  \u003c!-- 👆 استبدل src=\"...\" بروابط صورك الحقيقية في Shopify --\u003e\n  \u003cdiv class=\"gallery\"\u003e\n    \u003cdiv class=\"gallery-main\"\u003e\n      \u003cimg id=\"main-img\" src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"أكمام تبريد UV للصيف\" onerror=\"this.src='https:\/\/via.placeholder.com\/600x600\/EAF5FB\/1470A0?text=UV+Sleeves'\"\u003e\n      \u003cdiv class=\"gallery-badge\"\u003e☀️ UV 50+\u003c\/div\u003e\n      \u003cdiv class=\"gallery-badge-hot\"\u003e🔥 الأكثر مبيعاً\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Thumbnails — أضف أكثر من صورة هنا --\u003e\n    \u003cdiv class=\"thumbnails\"\u003e\n      \u003cdiv class=\"thumb active\" onclick=\"switchImg(this, 'https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg')\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"\" onerror=\"this.parentElement.style.background='#EAF5FB'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\" onclick=\"switchImg(this, 'https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg')\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"\" onerror=\"this.parentElement.style.background='#d9edf7'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\" onclick=\"switchImg(this, 'https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg')\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"\" onerror=\"this.parentElement.style.background='#c8e6f5'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\" onclick=\"switchImg(this, 'https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg')\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"\" onerror=\"this.parentElement.style.background='#b8daf4'\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- =========== PRODUCT INFO =========== --\u003e\n  \u003cdiv class=\"product-info\"\u003e\n\n    \u003c!-- Tags --\u003e\n    \u003cdiv class=\"tag-row\"\u003e\n      \u003cspan class=\"tag tag-hot\"\u003e🔥 عرض محدود\u003c\/span\u003e\n      \u003cspan class=\"tag tag-new\"\u003e✨ تقنية جديدة\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Title --\u003e\n    \u003c!-- 👆 غير عنوان المنتج هنا --\u003e\n    \u003ch1\u003eأكمام تبريد الصيف — حماية UV 50+ للرجال والنساء\u003c\/h1\u003e\n\n    \u003c!-- Rating --\u003e\n    \u003cdiv class=\"rating-row\"\u003e\n      \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n      \u003cspan class=\"rating-score\"\u003e4.9\u003c\/span\u003e\n      \u003cspan class=\"rating-divider\"\u003e|\u003c\/span\u003e\n      \u003cspan class=\"rating-count\"\u003e2,203 تقييم\u003c\/span\u003e\n      \u003cspan class=\"sold-count\"\u003e✅ 8,500+ وحدة مباعة\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Price --\u003e\n    \u003c!-- 👆 غير الأسعار هنا --\u003e\n    \u003cdiv class=\"price-block\"\u003e\n      \u003cdiv class=\"price-main\"\u003e\n        \u003cspan class=\"price-now\"\u003e$3.60\u003c\/span\u003e\n        \u003cspan class=\"price-was\"\u003e$7.20\u003c\/span\u003e\n        \u003cspan class=\"price-save\"\u003eوفر 50%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"price-meta\"\u003e\n        \u003cdiv class=\"price-meta-item\"\u003e\n\u003cspan\u003e✈️\u003c\/span\u003e شحن مجاني فوق $15\u003c\/div\u003e\n        \u003cdiv class=\"price-meta-item\"\u003e\n\u003cspan\u003e📦\u003c\/span\u003e التسليم 7–14 يوم\u003c\/div\u003e\n        \u003cdiv class=\"price-meta-item\"\u003e\n\u003cspan\u003e💳\u003c\/span\u003e دفع آمن\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003chr class=\"divider\"\u003e\n\n    \u003c!-- Color --\u003e\n    \u003c!-- 👆 أضف أو احذف الألوان حسب تشكيلتك --\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"option-title\"\u003e\n        اللون: \u003cspan class=\"selected-label\" id=\"color-label\"\u003eأبيض\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"color-grid\"\u003e\n        \u003cdiv class=\"color-swatch active\" style=\"background:#FFFFFF; box-shadow:inset 0 0 0 1px #ccc, 0 1px 4px rgba(0,0,0,0.15);\" data-color=\"أبيض\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#1C1C1C;\" data-color=\"أسود\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#AED9EE;\" data-color=\"أزرق فاتح\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#F48FB1;\" data-color=\"وردي\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#A5D6A7;\" data-color=\"أخضر فاتح\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#CE93D8;\" data-color=\"بنفسجي\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#FFCC80;\" data-color=\"برتقالي فاتح\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"color-swatch\" style=\"background:#90A4AE;\" data-color=\"رمادي\" onclick=\"selectColor(this)\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Size --\u003e\n    \u003c!-- 👆 غير المقاسات حسب منتجك --\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"option-title\"\u003e\n        المقاس: \u003cspan class=\"selected-label\" id=\"size-label\"\u003eS\/M\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"size-grid\"\u003e\n        \u003cbutton class=\"size-btn active\" data-size=\"S\/M\" onclick=\"selectSize(this)\"\u003eS\/M\u003c\/button\u003e\n        \u003cbutton class=\"size-btn\" data-size=\"L\/XL\" onclick=\"selectSize(this)\"\u003eL\/XL\u003c\/button\u003e\n        \u003cbutton class=\"size-btn\" data-size=\"XL\/XXL\" onclick=\"selectSize(this)\"\u003eXL\/XXL\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Quantity --\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"option-title\"\u003eالكمية:\u003c\/div\u003e\n      \u003cdiv class=\"qty-wrapper\"\u003e\n        \u003cdiv class=\"qty-box\"\u003e\n          \u003cbutton class=\"qty-btn-ctrl\" onclick=\"changeQty(-1)\"\u003e−\u003c\/button\u003e\n          \u003cinput id=\"qty-display\" value=\"1\" readonly\u003e\n          \u003cbutton class=\"qty-btn-ctrl\" onclick=\"changeQty(1)\"\u003e+\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stock-pill\"\u003e\n          \u003cspan class=\"stock-dot\"\u003e\u003c\/span\u003e\n          متوفر في المخزون\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA Buttons --\u003e\n    \u003cdiv class=\"cta-stack\"\u003e\n      \u003cbutton class=\"btn-cart\" onclick=\"addToCart()\"\u003e\n        🛒 أضف إلى السلة\n      \u003c\/button\u003e\n      \u003cbutton class=\"btn-buy\"\u003e\n        ⚡ اشتري الآن\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Trust --\u003e\n    \u003cdiv class=\"trust-grid\"\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n        \u003cdiv class=\"trust-icon\"\u003e🔒\u003c\/div\u003e\n        \u003cdiv class=\"trust-label\"\u003eدفع آمن 100%\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n        \u003cdiv class=\"trust-icon\"\u003e↩️\u003c\/div\u003e\n        \u003cdiv class=\"trust-label\"\u003eإرجاع 30 يوم\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"trust-item\"\u003e\n        \u003cdiv class=\"trust-icon\"\u003e💬\u003c\/div\u003e\n        \u003cdiv class=\"trust-label\"\u003eدعم 24\/7\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Share --\u003e\n    \u003cdiv class=\"share-row\"\u003e\n      \u003cspan class=\"share-label\"\u003eشارك:\u003c\/span\u003e\n      \u003cbutton class=\"share-btn\" title=\"Facebook\"\u003e📘\u003c\/button\u003e\n      \u003cbutton class=\"share-btn\" title=\"WhatsApp\"\u003e💬\u003c\/button\u003e\n      \u003cbutton class=\"share-btn\" title=\"نسخ الرابط\"\u003e🔗\u003c\/button\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/main\u003e\n\n\u003c!-- ============================================================\n     FEATURES STRIP — 4 مميزات سريعة\n============================================================ --\u003e\n\u003cdiv class=\"features-strip\"\u003e\n  \u003cdiv class=\"features-strip-inner\"\u003e\n    \u003cdiv class=\"strip-item\"\u003e\n      \u003cdiv class=\"strip-icon\"\u003e🌞\u003c\/div\u003e\n      \u003cdiv class=\"strip-title\"\u003eUV 50+ معتمد\u003c\/div\u003e\n      \u003cdiv class=\"strip-sub\"\u003eيحجب 98%+ من الأشعة\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"strip-item\"\u003e\n      \u003cdiv class=\"strip-icon\"\u003e❄️\u003c\/div\u003e\n      \u003cdiv class=\"strip-title\"\u003eتبريد فوري\u003c\/div\u003e\n      \u003cdiv class=\"strip-sub\"\u003eحرير جليدي متطور\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"strip-item\"\u003e\n      \u003cdiv class=\"strip-icon\"\u003e🏃\u003c\/div\u003e\n      \u003cdiv class=\"strip-title\"\u003eمرن 360°\u003c\/div\u003e\n      \u003cdiv class=\"strip-sub\"\u003eيتمدد في كل اتجاه\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"strip-item\"\u003e\n      \u003cdiv class=\"strip-icon\"\u003e🚿\u003c\/div\u003e\n      \u003cdiv class=\"strip-title\"\u003eسهل الغسيل\u003c\/div\u003e\n      \u003cdiv class=\"strip-sub\"\u003eيدوم مئات الغسلات\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     WHY US — لماذا منتجنا\n============================================================ --\u003e\n\u003csection class=\"why-section\"\u003e\n  \u003cdiv class=\"section-head\"\u003e\n    \u003cdiv class=\"section-label\"\u003e✨ مميزات المنتج\u003c\/div\u003e\n    \u003ch2\u003eلماذا أكمام CoolWear هي الأفضل؟\u003c\/h2\u003e\n    \u003cp\u003eتقنية متقدمة في كل خيط — ليست مجرد كم عادي\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"why-grid\"\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e🌞\u003c\/div\u003e\n      \u003ch3\u003eحماية UV50+ معتمدة دولياً\u003c\/h3\u003e\n      \u003cp\u003eقماشنا حاصل على شهادة UPF 50+ التي تحجب 98.3% من الأشعة فوق البنفسجية الضارة UVA وUVB، مما يحميك من حروق الشمس وشيخوخة الجلد.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e❄️\u003c\/div\u003e\n      \u003ch3\u003eتقنية الحرير الجليدي\u003c\/h3\u003e\n      \u003cp\u003eخيوط خاصة تعكس الحرارة وتُسرّع تبخر العرق مما يخفض إحساسك بدرجة الحرارة فعلياً مقارنةً بالجلد المكشوف.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e💧\u003c\/div\u003e\n      \u003ch3\u003eتصريف العرق الفوري\u003c\/h3\u003e\n      \u003cp\u003eيسحب الرطوبة من الجلد للسطح الخارجي بسرعة، يجفف بسرعة ويمنع الإحساس بالثقل أو الرطوبة خلال ساعات العمل الطويلة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e🤸\u003c\/div\u003e\n      \u003ch3\u003eمرونة 4 اتجاهات\u003c\/h3\u003e\n      \u003cp\u003eيتمدد معك في كل الاتجاهات دون أن يتراخى أو يضغط — مثالي للقيادة، وركوب الدراجة، والجري، والعمل اليدوي.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e🪶\u003c\/div\u003e\n      \u003ch3\u003eوزن لا يُحس\u003c\/h3\u003e\n      \u003cp\u003eأقل من 30 غراماً للزوج، وسماكة أقل من 0.3 ملم. تلبسه وتنساه تماماً — لا حرارة، لا ضغط، لا إزعاج.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-card\"\u003e\n      \u003cdiv class=\"why-icon\"\u003e🎨\u003c\/div\u003e\n      \u003ch3\u003e8 ألوان ومقاسات\u003c\/h3\u003e\n      \u003cp\u003eتشكيلة واسعة تناسب كل ذوق وجسم — من الأبيض الكلاسيكي إلى الألوان الزاهية، ومقاسات تناسب جميع أحجام الأذرع.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     DESCRIPTION — وصف تفصيلي مع صورة\n============================================================ --\u003e\n\u003csection class=\"desc-section\"\u003e\n  \u003c!-- 👆 غير الصورة لصورة lifestyle خاصتك --\u003e\n  \u003cdiv class=\"desc-img\"\u003e\n    \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"استخدام الكم في الهواء الطلق\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/EAF5FB\/1470A0?text=Lifestyle+Photo'\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"desc-text\"\u003e\n    \u003ch2\u003eصُمّم لحياتك في الجزائر — في الصيف الحار\u003c\/h2\u003e\n    \u003cp\u003e\n      عندما تصل درجة الحرارة لـ 40°+ في الصيف الجزائري، تصبح الحماية من الشمس ضرورة لا رفاهية. أكمام CoolWear صُمّمت خصيصاً لمن يقضي وقتاً طويلاً تحت الشمس.\n    \u003c\/p\u003e\n    \u003cp\u003e\n      سواء كنت سائقاً يقطع الطريق كل يوم، أو عاملاً في الهواء الطلق، أو رياضياً، ستحس فرقاً حقيقياً من اللحظة الأولى.\n    \u003c\/p\u003e\n    \u003cul class=\"check-list\"\u003e\n      \u003cli\u003eتغطية كاملة من المعصم حتى الكتف بدون أصابع\u003c\/li\u003e\n      \u003cli\u003eلا تترك خطوط بيضاء أو حروق جانبية\u003c\/li\u003e\n      \u003cli\u003eمناسبة للرجال والنساء — تشكيلة ألوان للجميع\u003c\/li\u003e\n      \u003cli\u003eتُغسل في الغسالة العادية دون فقدان الشكل أو اللون\u003c\/li\u003e\n      \u003cli\u003eتدوم مئات الغسلات مع الحفاظ على خصائص الحماية\u003c\/li\u003e\n      \u003cli\u003eيرتديها النخبة من الرياضيين المحترفين\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     HOW TO USE — كيفية الاستخدام\n============================================================ --\u003e\n\u003csection class=\"howto-section\"\u003e\n  \u003cdiv class=\"howto-inner\"\u003e\n    \u003cdiv class=\"section-head\"\u003e\n      \u003cdiv class=\"section-label\"\u003e📋 دليل الاستخدام\u003c\/div\u003e\n      \u003ch2\u003eكيف تستعمله؟\u003c\/h2\u003e\n      \u003cp\u003eأربع خطوات بسيطة تكفيك\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"steps-row\"\u003e\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-num\"\u003e\u003cspan class=\"step-icon\"\u003e📏\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eاختر مقاسك\u003c\/h3\u003e\n        \u003cp\u003eقِس محيط ساعدك عند أوسع نقطة لاختيار المقاس الصحيح\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-num\"\u003e\u003cspan class=\"step-icon\"\u003e👐\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eألبسه من الأسفل\u003c\/h3\u003e\n        \u003cp\u003eأدخل اليد من جهة الأصابع وارفعه للأعلى حتى يصل للكتف\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-num\"\u003e\u003cspan class=\"step-icon\"\u003e🔧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eاضبط الملاءمة\u003c\/h3\u003e\n        \u003cp\u003eتأكد من تساوي الكم وعدم التواء القماش للراحة المثلى\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-num\"\u003e\u003cspan class=\"step-icon\"\u003e😎\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eاستمتع بالبرودة\u003c\/h3\u003e\n        \u003cp\u003eانطلق إلى يومك بثقة — الشمس لن تؤثر عليك بعد الآن\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     SPECS TABLE — المواصفات\n============================================================ --\u003e\n\u003csection class=\"specs-section\"\u003e\n  \u003cdiv class=\"specs-inner\"\u003e\n    \u003cdiv class=\"section-head\"\u003e\n      \u003cdiv class=\"section-label\"\u003e📊 التفاصيل التقنية\u003c\/div\u003e\n      \u003ch2\u003eالمواصفات الكاملة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003c!-- 👆 غير المواصفات حسب منتجك الحقيقي --\u003e\n    \u003ctable class=\"specs-table\"\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالمادة\u003c\/td\u003e\n\u003ctd\u003eحرير جليدي (Polyester 90% + Spandex 10%)\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eمعيار الحماية\u003c\/td\u003e\n\u003ctd\u003eUPF 50+ — يحجب 98.3% من الأشعة UV\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالمقاسات المتاحة\u003c\/td\u003e\n\u003ctd\u003eS\/M — L\/XL — XL\/XXL\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eمحيط الساعد\u003c\/td\u003e\n\u003ctd\u003eS\/M: 22–28 سم | L\/XL: 28–34 سم | XL\/XXL: 34–42 سم\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالألوان المتاحة\u003c\/td\u003e\n\u003ctd\u003e8 ألوان (أبيض، أسود، أزرق، وردي، أخضر، بنفسجي، برتقالي، رمادي)\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالوزن\u003c\/td\u003e\n\u003ctd\u003e28–32 غرام للزوج الواحد\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالسماكة\u003c\/td\u003e\n\u003ctd\u003eأقل من 0.3 ملم\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eطريقة الغسيل\u003c\/td\u003e\n\u003ctd\u003eغسالة — ماء بارد — لا كلور — لا مجفف حراري\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd\u003eقيادة، دراجة، جري، مشي، عمل خارجي، صيد\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd\u003eالكمية\u003c\/td\u003e\n\u003ctd\u003eزوج واحد (قطعتان — يد يمين ويد يسار)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     REVIEWS — تقييمات العملاء\n     👆 غير الأسماء والتعليقات بتقييمات حقيقية من عملائك\n============================================================ --\u003e\n\u003csection class=\"reviews-section\"\u003e\n  \u003cdiv class=\"section-head\"\u003e\n    \u003cdiv class=\"section-label\"\u003e⭐ آراء العملاء\u003c\/div\u003e\n    \u003ch2\u003eماذا يقول من جرّبوه؟\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Summary --\u003e\n  \u003cdiv class=\"reviews-summary\"\u003e\n    \u003cdiv class=\"score-big\"\u003e4.9\u003c\/div\u003e\n    \u003cdiv class=\"score-right\"\u003e\n      \u003cdiv class=\"score-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cdiv class=\"score-count\"\u003eبناءً على 2,203 تقييم موثق\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"score-bars\"\u003e\n      \u003cdiv class=\"bar-row\"\u003e\n        \u003cspan class=\"bar-label\"\u003e5\u003c\/span\u003e\n        \u003cspan class=\"bar-stars\"\u003e★\u003c\/span\u003e\n        \u003cdiv class=\"bar-track\"\u003e\u003cdiv class=\"bar-fill\" style=\"width:87%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cspan class=\"bar-count\"\u003e1,916\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bar-row\"\u003e\n        \u003cspan class=\"bar-label\"\u003e4\u003c\/span\u003e\n        \u003cspan class=\"bar-stars\"\u003e★\u003c\/span\u003e\n        \u003cdiv class=\"bar-track\"\u003e\u003cdiv class=\"bar-fill\" style=\"width:9%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cspan class=\"bar-count\"\u003e198\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bar-row\"\u003e\n        \u003cspan class=\"bar-label\"\u003e3\u003c\/span\u003e\n        \u003cspan class=\"bar-stars\"\u003e★\u003c\/span\u003e\n        \u003cdiv class=\"bar-track\"\u003e\u003cdiv class=\"bar-fill\" style=\"width:3%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cspan class=\"bar-count\"\u003e66\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bar-row\"\u003e\n        \u003cspan class=\"bar-label\"\u003e2\u003c\/span\u003e\n        \u003cspan class=\"bar-stars\"\u003e★\u003c\/span\u003e\n        \u003cdiv class=\"bar-track\"\u003e\u003cdiv class=\"bar-fill\" style=\"width:1%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cspan class=\"bar-count\"\u003e14\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bar-row\"\u003e\n        \u003cspan class=\"bar-label\"\u003e1\u003c\/span\u003e\n        \u003cspan class=\"bar-stars\"\u003e★\u003c\/span\u003e\n        \u003cdiv class=\"bar-track\"\u003e\u003cdiv class=\"bar-fill\" style=\"width:0.5%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cspan class=\"bar-count\"\u003e9\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Reviews Grid --\u003e\n  \u003cdiv class=\"reviews-grid\"\u003e\n\n    \u003c!-- تقييم 1 — جزائر --\u003e\n    \u003cdiv class=\"review-card\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n        \u003cdiv class=\"avatar\" style=\"background:#1470A0;\"\u003eخ\u003c\/div\u003e\n        \u003cdiv class=\"reviewer-meta\"\u003e\n          \u003ch4\u003eخالد بن عمر\u003c\/h4\u003e\n          \u003cspan\u003e🇩🇿 وهران، الجزائر\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"review-text\"\u003e\n        والله منتج ما توقعتش يكون هكذا! كنت نشك فيه في البداية بصح بعد ما جرّبته في الصيف براهو فرق واضح. ساعدي ماتحرقتش حتى وأنا كانت عندي 5 ساعات تحت الشمس في شهر جويلية. نوصي بيه لكل واحد كيسوق كل يوم.\n      \u003c\/p\u003e\n      \u003cdiv class=\"review-tag\"\u003eقيادة يومية\u003c\/div\u003e\n      \u003cdiv class=\"review-verified\"\u003e✅ عميل موثق — شراء مؤكد\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- تقييم 2 — جزائر --\u003e\n    \u003cdiv class=\"review-card\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n        \u003cdiv class=\"avatar\" style=\"background:#C2185B;\"\u003eي\u003c\/div\u003e\n        \u003cdiv class=\"reviewer-meta\"\u003e\n          \u003ch4\u003eياسمين عمراوي\u003c\/h4\u003e\n          \u003cspan\u003e🇩🇿 الجزائر العاصمة\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"review-text\"\u003e\n        شريت زوج باللون الوردي وباللون الأبيض. الخامة ناعمة وخفيفة، ما تحسيش فيها. الأكثر من هذا ما خلّاتش ذراعي تسمر رغم أن هذا صيفنا كان حار بزاف! الغسيل سهل وما فقدتش شكلها.\n      \u003c\/p\u003e\n      \u003cdiv class=\"review-tag\"\u003eالحماية من الشمس\u003c\/div\u003e\n      \u003cdiv class=\"review-verified\"\u003e✅ عميلة موثقة — شراء مؤكد\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- تقييم 3 — جزائر --\u003e\n    \u003cdiv class=\"review-card\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n        \u003cdiv class=\"avatar\" style=\"background:#2E7D32;\"\u003eم\u003c\/div\u003e\n        \u003cdiv class=\"reviewer-meta\"\u003e\n          \u003ch4\u003eمحمد عيسى\u003c\/h4\u003e\n          \u003cspan\u003e🇩🇿 قسنطينة، الجزائر\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-stars\"\u003e★★★★☆\u003c\/div\u003e\n      \u003cp class=\"review-text\"\u003e\n        المقاس كان صح بالنسبة لي. نستعمله كل يوم في الصبح وقت المشي. الوحيد اللي ما عجبنيش هو إنو بعض الألوان شفافة شوية، بالنسبة للأبيض خاصة. غير هكذا المنتج ممتاز والسعر مقبول.\n      \u003c\/p\u003e\n      \u003cdiv class=\"review-tag\"\u003eرياضة مشي\u003c\/div\u003e\n      \u003cdiv class=\"review-verified\"\u003e✅ عميل موثق — شراء مؤكد\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- تقييم 4 — جزائر --\u003e\n    \u003cdiv class=\"review-card\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n        \u003cdiv class=\"avatar\" style=\"background:#E65100;\"\u003eس\u003c\/div\u003e\n        \u003cdiv class=\"reviewer-meta\"\u003e\n          \u003ch4\u003eسفيان بوزيان\u003c\/h4\u003e\n          \u003cspan\u003e🇩🇿 سطيف، الجزائر\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cp class=\"review-text\"\u003e\n        كيتاع دراجة، كنت نعاني من حرق الشمس في يدي كل صيف. من بعد ما شريت هذا المنتج الحمد لله ما عاد عندي هذه المشكلة. يحمي ويبرّد في نفس الوقت. جبتلهم لخوتي كيما هدية!\n      \u003c\/p\u003e\n      \u003cdiv class=\"review-tag\"\u003eدراجة يومية\u003c\/div\u003e\n      \u003cdiv class=\"review-verified\"\u003e✅ عميل موثق — شراء مؤكد\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     FAQ — أسئلة شائعة\n============================================================ --\u003e\n\u003csection class=\"faq-section\"\u003e\n  \u003cdiv class=\"faq-inner\"\u003e\n    \u003cdiv class=\"section-head\"\u003e\n      \u003cdiv class=\"section-label\"\u003e❓ أسئلة شائعة\u003c\/div\u003e\n      \u003ch2\u003eكل ما تحتاج معرفته\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        كيف أختار المقاس الصحيح؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        قِس محيط ساعدك عند أوسع نقطة (قرب المرفق عادةً): S\/M مناسب لـ 22–28 سم، L\/XL لـ 28–34 سم، وXXL لـ 34–42 سم. في حال الشك بين مقاسين، خذ الأكبر لأن القماش مرن لكن يبقى مريح.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        هل يحمي من الحروق فعلاً أم مجرد تسويق؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        نعم، حماية حقيقية ومعتمدة. القماش حاصل على شهادة UPF 50+ من مختبرات مستقلة، ويحجب 98.3% من الأشعة فوق البنفسجية UVA وUVB — أكثر بكثير من أي واقي شمس كريم.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        هل يصل للجزائر؟ وكم مدة التوصيل؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        نعم، نوصّل لجميع ولايات الجزائر. مدة التوصيل عادةً 7–14 يوم عمل. بعض الطلبات تصل أسرع حسب الجمارك والمنطقة. ستتلقى رابط تتبع فور شحن طلبك.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        كيف أغسله ويدوم طويلاً؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        يُغسل في الغسالة على برنامج الملابس الرقيقة بماء بارد (30°C). تجنّب الكلور ومنعّم القماش والمجفف الحراري. للحفاظ على اللون، اغسل الألوان الغامقة مع بعضها. يدوم 200+ غسلة مع الحفاظ على خصائصه.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        ما سياسة الإرجاع إذا ما عجبنيش؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        نقبل الإرجاع خلال 30 يوم من تاريخ الاستلام إذا كان المنتج بحالته الأصلية (غير مستعمل، مع العلامة). في حالة وجود عيب تصنيع أو خطأ في الطلب، نتحمل تكاليف الشحن كاملة.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e\n        هل يناسب الرجال والنساء؟\n        \u003cspan class=\"faq-toggle\"\u003e+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-a\"\u003e\n        نعم تماماً — التصميم unisex ومناسب للجنسين. النساء يفضّلن عادةً S\/M أو L\/XL، والرجال يفضّلن L\/XL أو XL\/XXL. المقاسات مصممة لتناسب مدى واسع من أحجام الأذرع.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     RELATED PRODUCTS — منتجات مشابهة\n     👆 غيّر الصور والأسعار بمنتجاتك الفعلية في Shopify\n============================================================ --\u003e\n\u003csection class=\"related-section\"\u003e\n  \u003cdiv class=\"section-head\"\u003e\n    \u003cdiv class=\"section-label\"\u003e🔗 منتجات مشابهة\u003c\/div\u003e\n    \u003ch2\u003eقد يعجبك أيضاً\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"related-grid\"\u003e\n    \u003cdiv class=\"related-card\"\u003e\n      \u003cdiv class=\"related-img\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"كمامة UV\" onerror=\"this.src='https:\/\/via.placeholder.com\/300x300\/EAF5FB\/1470A0?text=Product'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"related-info\"\u003e\n        \u003cdiv class=\"related-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"related-name\"\u003eقبعة حماية UV للصيف\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan class=\"related-price-old\"\u003e$8.99\u003c\/span\u003e\u003cspan class=\"related-price\"\u003e$4.99\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-card\"\u003e\n      \u003cdiv class=\"related-img\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"قفازات تبريد\" onerror=\"this.src='https:\/\/via.placeholder.com\/300x300\/EAF5FB\/1470A0?text=Product'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"related-info\"\u003e\n        \u003cdiv class=\"related-stars\"\u003e★★★★☆\u003c\/div\u003e\n        \u003cdiv class=\"related-name\"\u003eقفازات تبريد لقيادة السيارة\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan class=\"related-price-old\"\u003e$12.00\u003c\/span\u003e\u003cspan class=\"related-price\"\u003e$6.50\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-card\"\u003e\n      \u003cdiv class=\"related-img\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"وشاح تبريد\" onerror=\"this.src='https:\/\/via.placeholder.com\/300x300\/EAF5FB\/1470A0?text=Product'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"related-info\"\u003e\n        \u003cdiv class=\"related-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"related-name\"\u003eوشاح تبريد للرقبة UV\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan class=\"related-price-old\"\u003e$9.99\u003c\/span\u003e\u003cspan class=\"related-price\"\u003e$5.20\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-card\"\u003e\n      \u003cdiv class=\"related-img\"\u003e\n        \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S20f2393ac68b4ed1a40bdd4604e52995y.jpg\" alt=\"أكمام أرجل\" onerror=\"this.src='https:\/\/via.placeholder.com\/300x300\/EAF5FB\/1470A0?text=Product'\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"related-info\"\u003e\n        \u003cdiv class=\"related-stars\"\u003e★★★★★\u003c\/div\u003e\n        \u003cdiv class=\"related-name\"\u003eأكمام تبريد للأرجل UV\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan class=\"related-price-old\"\u003e$7.50\u003c\/span\u003e\u003cspan class=\"related-price\"\u003e$3.90\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ============================================================\n     STICKY BUY BAR — يظهر عند الـ scroll\n============================================================ --\u003e\n\u003cdiv class=\"sticky-buy\" id=\"sticky-bar\"\u003e\n  \u003cdiv class=\"sticky-left\"\u003e\n    \u003cspan class=\"sticky-name\"\u003eأكمام تبريد UV\u003c\/span\u003e\n    \u003cspan class=\"sticky-price\"\u003e$3.60\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cbutton class=\"sticky-btn\" onclick=\"addToCart()\"\u003e🛒 أضف للسلة\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FOOTER\n     👆 غير الروابط والمعلومات بمعلومات متجرك\n============================================================ --\u003e\n\u003cfooter\u003e\n  \u003cdiv class=\"footer-inner\"\u003e\n    \u003cdiv class=\"footer-brand\"\u003e\n      \u003cdiv class=\"logo\" style=\"color:#AED9EE; margin-bottom:12px;\"\u003e🌊 CoolWear\u003c\/div\u003e\n      \u003cp\u003eمتجر متخصص في ملابس الحماية من الشمس والتبريد. نوفر أجود المنتجات لحياة أكثر راحة في الصيف.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"footer-col\"\u003e\n      \u003ch4\u003eروابط سريعة\u003c\/h4\u003e\n      \u003ca href=\"#\"\u003eالرئيسية\u003c\/a\u003e\n      \u003ca href=\"#\"\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=\"footer-col\"\u003e\n      \u003ch4\u003eخدمة العملاء\u003c\/h4\u003e\n      \u003ca href=\"#\"\u003eتتبع الطلب\u003c\/a\u003e\n      \u003ca href=\"#\"\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=\"footer-col\"\u003e\n      \u003ch4\u003eقانوني\u003c\/h4\u003e\n      \u003ca href=\"#\"\u003eسياسة الخصوصية\u003c\/a\u003e\n      \u003ca href=\"#\"\u003eشروط الاستخدام\u003c\/a\u003e\n      \u003ca href=\"#\"\u003eسياسة الكوكيز\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"footer-bottom\"\u003e\n    \u003cp\u003e© 2025 CoolWear Store — جميع الحقوق محفوظة\u003c\/p\u003e\n    \u003cdiv class=\"payment-icons\"\u003e\n      \u003cspan class=\"pay-icon\"\u003eVISA\u003c\/span\u003e\n      \u003cspan class=\"pay-icon\"\u003eMastercard\u003c\/span\u003e\n      \u003cspan class=\"pay-icon\"\u003ePayPal\u003c\/span\u003e\n      \u003cspan class=\"pay-icon\"\u003eCIB\u003c\/span\u003e\n      \u003cspan class=\"pay-icon\"\u003eBNA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- ============================================================\n     JAVASCRIPT — التفاعلات\n============================================================ --\u003e\n\u003cscript\u003e\n  let cartCount = 0;\n  let qty = 1;\n\n  \/* تغيير الصورة الرئيسية *\/\n  function switchImg(el, src) {\n    document.getElementById('main-img').src = src;\n    document.querySelectorAll('.thumb').forEach(t =\u003e t.classList.remove('active'));\n    el.classList.add('active');\n  }\n\n  \/* اختيار اللون *\/\n  function selectColor(el) {\n    document.querySelectorAll('.color-swatch').forEach(s =\u003e s.classList.remove('active'));\n    el.classList.add('active');\n    document.getElementById('color-label').textContent = el.dataset.color;\n  }\n\n  \/* اختيار المقاس *\/\n  function selectSize(el) {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    el.classList.add('active');\n    document.getElementById('size-label').textContent = el.dataset.size;\n  }\n\n  \/* الكمية *\/\n  function changeQty(delta) {\n    qty = Math.max(1, qty + delta);\n    document.getElementById('qty-display').value = qty;\n  }\n\n  \/* إضافة للسلة *\/\n  function addToCart() {\n    cartCount += qty;\n    document.getElementById('cart-count').textContent = cartCount;\n\n    const btn = document.querySelector('.btn-cart');\n    const orig = btn.innerHTML;\n    btn.innerHTML = '✅ تمت الإضافة!';\n    btn.style.background = '#2E7D32';\n    setTimeout(() =\u003e {\n      btn.innerHTML = orig;\n      btn.style.background = '';\n    }, 2000);\n  }\n\n  \/* السلة في الهيدر *\/\n  function cartClick() {\n    if (cartCount \u003e 0) {\n      alert(`سلتك تحتوي على ${cartCount} منتج\/منتجات!`);\n    }\n  }\n\n  \/* FAQ accordion *\/\n  function toggleFaq(el) {\n    const item = el.parentElement;\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item').forEach(i =\u003e i.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  }\n\n  \/* Sticky bar *\/\n  const stickyBar = document.getElementById('sticky-bar');\n  let heroBottom = 0;\n\n  window.addEventListener('load', () =\u003e {\n    const hero = document.querySelector('.product-hero');\n    heroBottom = hero ? hero.getBoundingClientRect().bottom + window.scrollY : 600;\n  });\n\n  window.addEventListener('scroll', () =\u003e {\n    if (window.scrollY \u003e heroBottom - 200) {\n      stickyBar.classList.add('visible');\n    } else {\n      stickyBar.classList.remove('visible');\n    }\n  });\n\n  \/* Animate bars on scroll *\/\n  const bars = document.querySelectorAll('.bar-fill');\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        e.target.style.width = e.target.style.width;\n      }\n    });\n  }, { threshold: 0.3 });\n  bars.forEach(b =\u003e observer.observe(b));\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"barakah","offers":[{"title":"Default Title","offer_id":58032529342624,"sku":null,"price":1000.0,"currency_code":"DZD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0695\/1639\/4656\/files\/Sd188342604b2481999118a879756b5b5J.jpg?v=1782064129","url":"https:\/\/dejenst.xyz\/products\/%d8%ad%d8%a7%d9%85%d9%8a-%d8%a7%d9%84%d8%a7%d8%b0%d8%b1%d8%b9","provider":"barakah","version":"1.0","type":"link"}