{"id":6376,"date":"2026-04-23T07:28:14","date_gmt":"2026-04-23T07:28:14","guid":{"rendered":"https:\/\/snipershopping.com\/?page_id=6376"},"modified":"2026-08-01T09:30:12","modified_gmt":"2026-08-01T06:30:12","slug":"home","status":"publish","type":"page","link":"https:\/\/testing.snipershopping.com\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\n<!-- ============================================================\n     SNIPER \u2014 \"GET 3 SHIRTS\" HERO  (s3-hero) \u2014 optimised\n     Paste over the existing Custom HTML block on the homepage.\n     ------------------------------------------------------------\n     WHAT CHANGED AND WHY\n\n     1. CLS 0.335 -> ~0  (this block was the cause)\n        The <img> carried no width\/height, so LiteSpeed injected the\n        DESKTOP dimensions (1536x1024). On a phone the <source>\n        serves a PORTRAIT image (868x1812). The browser therefore\n        reserved a 3:2 landscape box and then had to grow it to\n        2.09x its width when the real image arrived \u2014 a full-viewport\n        jump, which is exactly the 0.318 shift Lighthouse blamed on\n        .sniper-sum-outer (that section is simply what got pushed).\n        Fix: explicit width\/height on BOTH the <source> and the <img>,\n        plus a matching CSS aspect-ratio per breakpoint.\n\n     2. LCP 5.3s\n        - fetchpriority=\"high\" + loading=\"eager\" + data-no-lazy so\n          LiteSpeed stops deferring the LCP element.\n        - The desktop file is ALREADY WebP (87 KB) despite the .png\n          extension. The mobile file is a real PNG at 573 KB \u2014 6.6x\n          heavier, served to the slowest connections. Converting it\n          is the single biggest remaining LCP win. See NOTE at bottom.\n\n     3. Arabic \/ RTL \u2014 the block was visually broken in Arabic:\n        - letter-spacing:.14em pulls apart Arabic cursive joins, so\n          \"\u062a\u0633\u0648\u0642 \u0627\u0644\u0622\u0646\" rendered as disconnected letters. Now 0 in AR.\n        - text-transform:uppercase does nothing in Arabic but costs\n          a reflow; disabled in AR.\n        - Oswald has no Arabic glyphs, so AR text fell back to an\n          arbitrary system font mid-button. Explicit Arabic stack now.\n        - The arrow always pointed RIGHT \u2014 wrong for RTL reading\n          order. It now mirrors, and the hover nudge follows.\n        - The CTA is pinned to a spot in the ARTWORK (left:40%), not\n          to the text direction, so it must NOT flip in RTL. Guarded\n          explicitly against stylesheet auto-flipping.\n     ============================================================ -->\n\n<div class=\"s3-hero\">\n  <picture>\n    <source media=\"(max-width:600px)\"\n            srcset=\"https:\/\/snipershopping.com\/wp-content\/uploads\/2026\/07\/compressed_100kb.jpg\"\n            width=\"868\" height=\"1812\">\n    <img src=\"https:\/\/snipershopping.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-13-2026-02_38_37-PM1-1.webp\" alt=\"Get 3 Shirts \u2014 100% Cotton\" class=\"s3-hero__img\" width=\"1536\" height=\"1024\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" data-no-lazy=\"1\" data-skip-lazy title=\"\">\n  <\/picture>\n\n  <a class=\"s3-cta\" href=\"https:\/\/snipershopping.com\/product\/t-shirt-sniper-logo-3pcs\/\">\n    <span class=\"s3-cta__ring\">\n      <span class=\"s3-cta__in\">\n        <span class=\"s3-cta__label\">SHOP NOW<\/span>\n        <svg class=\"s3-cta__arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n             stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/span>\n    <\/span>\n  <\/a>\n<\/div>\n\n<style>\n\/* ---------- Layout ---------- *\/\n.s3-hero{\n  position:relative;\n  container-type:inline-size;\n  max-width:1536px;\n  margin:0 auto;\n  line-height:0;\n}\n\n\/* aspect-ratio must match the file that is actually served at each\n   breakpoint, or the reserved box is wrong and the page jumps. *\/\n.s3-hero__img{\n  display:block;\n  width:100%;\n  height:auto;\n  aspect-ratio:1536 \/ 1024;\n  border-radius:8px;\n}\n@media (max-width:600px){\n  .s3-hero__img{ aspect-ratio:868 \/ 1812; }\n}\n\n\/* ---------- CTA ---------- *\/\n\/* left\/right are deliberate, NOT logical properties: the button sits\n   over a fixed point in the artwork. `right:auto` blocks RTL\n   stylesheets from flipping it to the wrong side of the image. *\/\n.s3-cta{\n  position:absolute;\n  left:40%;\n  right:auto;\n  top:56%;\n  transform:translate(-50%,-50%);\n  z-index:3;\n  text-decoration:none;\n  --btn:0.91;\n}\n[dir=\"rtl\"] .s3-cta,\nbody.rtl .s3-cta{\n  left:40%;\n  right:auto;\n}\n\n.s3-cta__ring{\n  position:relative;\n  display:inline-flex;\n  padding:3px;\n  border-radius:999px;\n  overflow:hidden;\n  transition:transform .2s ease, box-shadow .2s ease;\n  box-shadow:0 8px 22px rgba(0,0,0,.28);\n}\n\n\/* isolation + will-change keep the spinning conic gradient on its own\n   compositor layer instead of repainting the hero every frame. *\/\n.s3-cta__ring::before{\n  content:\"\";\n  position:absolute;\n  inset:-60%;\n  z-index:0;\n  background:conic-gradient(from 0deg,\n    rgba(255,107,0,0) 0deg, rgba(255,107,0,0) 200deg,\n    #ff6b00 285deg, #ffd0a8 320deg, #fff 340deg,\n    rgba(255,107,0,0) 360deg);\n  animation:s3spin 3.6s linear infinite;\n  will-change:transform;\n}\n\n.s3-cta__in{\n  position:relative;\n  z-index:1;\n  display:inline-flex;\n  align-items:center;\n  gap:.55em;\n  background:#111;\n  color:#fff;\n  border-radius:999px;\n  font-family:\"Oswald\",\"Arial Narrow\",sans-serif;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:.14em;\n  white-space:nowrap;\n  padding:.85em 1.6em;\n  font-size:calc(clamp(12px,3.4cqw,20px) * var(--btn));\n  line-height:1;\n}\n\n.s3-cta__arrow{\n  width:.95em;\n  height:.95em;\n  transition:transform .2s ease;\n}\n\n\/* ---------- Arabic ---------- *\/\n\/* :lang(ar) covers TranslatePress output; [dir=rtl] covers the theme.\n   Both are listed so this survives the translation-plugin swap. *\/\n:lang(ar) .s3-cta__in,\n[dir=\"rtl\"] .s3-cta__in,\nbody.rtl .s3-cta__in{\n  \/* Arabic is cursive \u2014 letter-spacing severs the joins between\n     letters and renders the word as disconnected glyphs. *\/\n  letter-spacing:0;\n  \/* No case in Arabic script; uppercase is a wasted reflow. *\/\n  text-transform:none;\n  \/* Oswald ships no Arabic glyphs. Cairo\/Tajawal if you load them,\n     otherwise the system Arabic faces, which all exist on iOS,\n     Android and Windows. *\/\n  font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\n  font-weight:700;\n}\n\n\/* The arrow must point along the reading direction. *\/\n[dir=\"rtl\"] .s3-cta__arrow,\n:lang(ar) .s3-cta__arrow{\n  transform:scaleX(-1);\n}\n\n\/* ---------- Interaction ---------- *\/\n.s3-cta:hover .s3-cta__ring{\n  transform:scale(1.05);\n  box-shadow:0 12px 30px rgba(0,0,0,.36);\n}\n.s3-cta:hover .s3-cta__arrow{\n  transform:translateX(.28em);\n}\n\/* scaleX(-1) first, so translateX still reads as \"forward\" visually. *\/\n[dir=\"rtl\"] .s3-cta:hover .s3-cta__arrow,\n:lang(ar) .s3-cta:hover .s3-cta__arrow{\n  transform:scaleX(-1) translateX(.28em);\n}\n\n.s3-cta:focus-visible{\n  outline:3px solid #fff;\n  outline-offset:3px;\n  border-radius:999px;\n}\n\n@media (max-width:600px){\n  .s3-cta{ left:50%; top:87%; --btn:1.17; }\n  [dir=\"rtl\"] .s3-cta,\n  body.rtl .s3-cta{ left:50%; right:auto; }\n}\n\n@keyframes s3spin{ to{ transform:rotate(360deg); } }\n\n@media (prefers-reduced-motion:reduce){\n  .s3-cta__ring::before{ animation:none; }\n  .s3-cta__ring,\n  .s3-cta__arrow{ transition:none; }\n}\n<\/style>\n\n<!-- ============================================================\n     THIS FILE IS THE ENGLISH-ONLY VERSION. It cannot serve Arabic.\n\n     Serves:\n       desktop  ChatGPT-...-PM1-1.webp   1536x1024  3:2    72 KB\n       mobile   compressed_100kb.jpg      868x1812  0.479 127 KB\n\n     WHY IT CANNOT DO ARABIC\n     CSS can style an <img> but cannot change its src, and rendering\n     both language variants and hiding one with display:none does NOT\n     prevent the download \u2014 browsers fetch hidden images. Every\n     visitor would pay for artwork they never see, on the one request\n     that decides LCP.\n\n     Worse, the Arabic artwork is a DIFFERENT SHAPE: 1600x800 (2:1)\n     against the English 1536x1024 (3:2). One hard-coded aspect-ratio\n     cannot reserve the right box for both, which is what caused the\n     original CLS of 0.335. And the CTA coordinates below sit in an\n     empty pocket that exists only in the English artwork.\n\n     For all four artworks use sniper-hero-shortcode.php and put\n     [sniper_hero_3shirts] in the block instead. Use ONE of the two,\n     never both, or you get duplicate <style> blocks.\n     ============================================================ -->\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4fa8caeb alignfull uagb-is-root-container\">    <style>\n    .sniper-sum-outer {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n        position: relative !important;\n        box-sizing: border-box !important;\n        clear: both !important;\n        display: block !important;\n        float: none !important;\n        background: #ffffff;\n    }\n    .sniper-sum {\n        max-width: 1440px;\n        margin: 0 auto;\n        padding: 60px clamp(20px, 4vw, 60px) 70px;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n    }\n    .sniper-sum-header {\n        text-align: center;\n        margin: 0 0 36px;\n    }\n    .sniper-sum-header h2 {\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: clamp(28px, 3.5vw, 44px);\n        color: #111;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin: 0 0 8px;\n        line-height: 1;\n    }\n    .sniper-sum-header h2 .accent { color: #ff752b; }\n    .sniper-sum-header p {\n        font-family: 'Inter', sans-serif;\n        font-size: clamp(13px, 1.1vw, 15px);\n        color: #777;\n        margin: 0;\n        letter-spacing: 0.3px;\n    }\n    .sniper-sum-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n    @media (max-width: 1024px) { .sniper-sum-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }\n    @media (max-width: 768px)  { .sniper-sum-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }\n    @media (max-width: 420px)  { .sniper-sum-grid { grid-template-columns: 1fr; } }\n\n    \/* Hide overflow items until \"Explore More\" is clicked *\/\n    .sniper-sum-grid .sniper-sum-card.is-hidden { display: none; }\n    .sniper-sum-grid.is-expanded .sniper-sum-card.is-hidden { display: flex; }\n\n    \/* Card *\/\n    .sniper-sum-card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: #ffffff;\n        border: 1px solid #ececec;\n        border-radius: 10px;\n        overflow: hidden;\n        text-decoration: none !important;\n        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    }\n    .sniper-sum-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 14px 28px rgba(0,0,0,0.10);\n        border-color: #ff752b;\n    }\n    .sniper-sum-img {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 1 \/ 1;\n        background: #f8f8f8;\n        overflow: hidden;\n    }\n    .sniper-sum-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n    .sniper-sum-card:hover .sniper-sum-img img { transform: scale(1.06); }\n\n    \/* Summer badge *\/\n    .sniper-sum-badge {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        background: linear-gradient(135deg, #ff752b 0%, #ffb347 100%);\n        color: #fff;\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: 11px;\n        letter-spacing: 1.2px;\n        padding: 5px 10px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        z-index: 2;\n        box-shadow: 0 4px 10px rgba(255,117,43,0.30);\n    }\n    .sniper-sum-sale {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        background: #111;\n        color: #fff;\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: 11px;\n        letter-spacing: 1.2px;\n        padding: 5px 10px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        z-index: 2;\n    }\n    .sniper-sum-body {\n        padding: 14px 16px 18px;\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n    }\n    .sniper-sum-body h3 {\n        font-family: 'Oswald', sans-serif;\n        font-weight: 600;\n        font-size: 15px;\n        color: #111;\n        text-transform: uppercase;\n        letter-spacing: 0.4px;\n        line-height: 1.25;\n        margin: 0 0 8px;\n        min-height: 38px;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    .sniper-sum-price {\n        margin-top: auto;\n        display: flex;\n        align-items: baseline;\n        gap: 8px;\n        flex-wrap: wrap;\n    }\n    .sniper-sum-price .orig {\n        color: #999;\n        text-decoration: line-through;\n        font-size: 13px;\n        font-weight: 400;\n    }\n    .sniper-sum-price .now,\n    .sniper-sum-price .now .woocommerce-Price-amount {\n        color: #ff752b !important;\n        font-weight: 700;\n        font-size: 17px;\n    }\n    .sniper-sum-price .price { color: #ff752b !important; font-weight: 700; font-size: 17px; }\n\n    \/* Explore More button *\/\n    .sniper-sum-cta {\n        display: flex;\n        justify-content: center;\n        margin: 34px 0 0;\n    }\n    .sniper-sum-cta button {\n        background: #ff752b;\n        color: #fff;\n        border: 0;\n        padding: 14px 34px;\n        font-family: 'Oswald', sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        border-radius: 6px;\n        cursor: pointer;\n        box-shadow: 0 6px 18px rgba(255,117,43,0.28);\n        transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .sniper-sum-cta button:hover {\n        background: #e0621e;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 26px rgba(255,117,43,0.42);\n    }\n    .sniper-sum-cta button::after {\n        content: \"\u25be\";\n        font-size: 14px;\n        transition: transform 0.3s ease;\n    }\n    .sniper-sum-cta.is-hidden { display: none; }\n\n    [dir=\"rtl\"] .sniper-sum-badge, body.rtl .sniper-sum-badge { left: auto; right: 12px; }\n    [dir=\"rtl\"] .sniper-sum-sale, body.rtl .sniper-sum-sale { right: auto; left: 12px; }\n\n    @media (max-width: 768px) {\n        .sniper-sum { padding: 40px 16px 50px; }\n        .sniper-sum-body h3 { font-size: 13px; min-height: 32px; }\n        .sniper-sum-price .now { font-size: 14px; }\n        .sniper-sum-price .price { font-size: 14px; }\n        .sniper-sum-cta button { padding: 12px 26px; font-size: 13px; letter-spacing: 1.5px; }\n    }\n    <\/style>\n\n    <div class=\"sniper-sum-outer\">\n      <div class=\"sniper-sum\" dir=\"ltr\">\n\n                <div class=\"sniper-sum-header\">\n                            <h2>Summer <span class=\"accent\">Collection<\/span><\/h2>\n                                <\/div>\n        \n        <div class=\"sniper-sum-grid\" data-max-visible=\"12\">\n                    <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/polo-club-collar-t-shirt\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_j5c28ej5c28ej5c2-261x300.png\" alt=\"Polo Club Collar T-Shirt\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Polo Club Collar T-Shirt<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">3.20&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/thin-blue-line-mission-tee\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/thinblue-225x300.webp\" alt=\"Thin Blue Line Mission Tee\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Thin Blue Line Mission Tee<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">14.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/rocky-lockup\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/rocky-lockup1-225x300.webp\" alt=\"Rocky Lockup\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Rocky Lockup<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">14.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/bladed-spider-s-s-tee\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/05\/23eb-225x300.webp\" alt=\"Bladed Spider Short Sleeve Tee\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Bladed Spider Short Sleeve Tee<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">14.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/elevated-5-11-tee\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/eva1-225x300.webp\" alt=\"Elevated 5.11 Tee\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Elevated 5.11 Tee<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">13.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/triblend-legacy-tee\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/41230ABL_135_Triblend_Legacy_SS_Tee_02-225x300.webp\" alt=\"Triblend Legacy Tee\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Triblend Legacy Tee<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">14.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/freedom-flex-woven-short-sleeve-shirt\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/71340_729_freedom_flex_ss_shirt_02_2-254x300.jpg\" alt=\"Freedom Flex Woven Short Sleeve Shirt\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Freedom Flex Woven Short Sleeve Shirt<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">28.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-sum-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/honeycomb-polo\/\">\n                <div class=\"sniper-sum-img\">\n                    <span class=\"sniper-sum-badge\">Summer<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_c4jj8sc4jj8sc4jj-261x300.png\" alt=\"Honeycomb Polo\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-sum-body\">\n                    <h3>Honeycomb Polo<\/h3>\n                    <div class=\"sniper-sum-price\">\n                        <span class=\"woocommerce-Price-amount amount\">2.70&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                    <\/div>\n\n        \n      <\/div>\n    <\/div>\n    \n<\/div>\n\n\n\n<!-- ====== SNIPER GCC SHIPPING SECTION v3 (LIGHT THEME) ====== -->\n<style>\n  .sniper-gcc-shipping {\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 50%, #ffffff 100%);\n    overflow: hidden;\n    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;\n  }\n  .sniper-gcc-shipping * { box-sizing: border-box; }\n\n  .sniper-gcc-shipping::before {\n    content: \"\";\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 80%; height: 200%;\n    transform: translate(-50%, -50%);\n    background: radial-gradient(ellipse at center, rgba(255,117,43,0.10) 0%, rgba(255,117,43,0.03) 38%, transparent 70%);\n    pointer-events: none;\n    animation: gccAura 6s ease-in-out infinite;\n    z-index: 0;\n  }\n  @keyframes gccAura {\n    0%, 100% { opacity: 0.6; transform: translate(-50%,-50%) scale(1); }\n    50%      { opacity: 1;   transform: translate(-50%,-50%) scale(1.06); }\n  }\n\n  .sniper-gcc-shipping::after {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0;\n    height: 3px; width: 100%;\n    background: linear-gradient(90deg, transparent, #ff752b 50%, transparent);\n    background-size: 50% 100%;\n    background-repeat: no-repeat;\n    animation: gccSweepLine 4s linear infinite;\n    z-index: 2;\n  }\n  @keyframes gccSweepLine {\n    0%   { background-position: -50% 0; }\n    100% { background-position: 150% 0; }\n  }\n\n  .sniper-gcc-shipping .gcc-inner {\n    position: relative;\n    z-index: 1;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 60px 30px 26px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .sniper-gcc-shipping .gcc-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    background: rgba(255,117,43,0.08);\n    border: 1px solid rgba(255,117,43,0.35);\n    color: #ff752b;\n    font-family: 'Oswald', 'Noto Sans Arabic', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    padding: 8px 18px;\n    border-radius: 30px;\n    margin-bottom: 22px;\n    animation: gccFadeUp 0.7s ease-out 0.05s both;\n  }\n  .sniper-gcc-shipping .gcc-badge .gcc-dot {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: #ff752b;\n    box-shadow: 0 0 0 0 rgba(255,117,43,0.6);\n    animation: gccBlink 1.8s ease-out infinite;\n  }\n  @keyframes gccBlink {\n    0% { box-shadow: 0 0 0 0 rgba(255,117,43,0.6); }\n    70% { box-shadow: 0 0 0 8px rgba(255,117,43,0); }\n    100% { box-shadow: 0 0 0 0 rgba(255,117,43,0); }\n  }\n\n  .sniper-gcc-shipping .gcc-headline {\n    font-family: 'Oswald', 'Noto Sans Arabic', sans-serif;\n    font-size: 46px;\n    font-weight: 700;\n    color: #111111;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    line-height: 1.1;\n    margin: 0 0 16px 0;\n    animation: gccFadeUp 0.7s ease-out 0.15s both;\n  }\n  .sniper-gcc-shipping .gcc-headline .highlight {\n    color: #ff752b;\n    text-shadow: 0 0 22px rgba(255,117,43,0.20);\n  }\n\n  .sniper-gcc-shipping .gcc-sub {\n    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;\n    font-size: 15px;\n    color: rgba(0,0,0,0.62);\n    line-height: 1.7;\n    margin: 0 auto 32px;\n    max-width: 560px;\n    animation: gccFadeUp 0.7s ease-out 0.25s both;\n  }\n\n  .sniper-gcc-shipping .gcc-flags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 26px;\n    margin-bottom: 36px;\n    animation: gccFadeUp 0.7s ease-out 0.35s both;\n  }\n  .sniper-gcc-shipping .gcc-flag {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 9px;\n  }\n  .sniper-gcc-shipping .gcc-flag img {\n    width: 58px;\n    height: 39px;\n    object-fit: cover;\n    border-radius: 6px;\n    border: 1px solid rgba(0,0,0,0.12);\n    box-shadow: 0 4px 14px rgba(0,0,0,0.10);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  .sniper-gcc-shipping .gcc-flag:hover img {\n    transform: translateY(-5px) scale(1.06);\n    box-shadow: 0 8px 22px rgba(255,117,43,0.35);\n  }\n  .sniper-gcc-shipping .gcc-flag span {\n    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    color: rgba(0,0,0,0.65);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  .sniper-gcc-shipping .gcc-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background-color: #ff752b;\n    color: #ffffff;\n    font-family: 'Oswald', 'Noto Sans Arabic', sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    padding: 16px 40px;\n    border-radius: 8px;\n    text-decoration: none;\n    box-shadow: 0 4px 18px rgba(255,117,43,0.30);\n    animation: gccFadeUp 0.7s ease-out 0.45s both, gccBtnGlow 2.6s ease-in-out infinite;\n    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;\n  }\n  @keyframes gccBtnGlow {\n    0%, 100% { box-shadow: 0 4px 18px rgba(255,117,43,0.30); }\n    50%      { box-shadow: 0 6px 26px rgba(255,117,43,0.55); }\n  }\n  .sniper-gcc-shipping .gcc-btn:hover {\n    background-color: #e56620;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 28px rgba(255,117,43,0.5);\n  }\n  .sniper-gcc-shipping .gcc-btn svg { width: 18px; height: 18px; transition: transform 0.3s ease; }\n  .sniper-gcc-shipping .gcc-btn:hover svg { transform: translateX(5px); }\n\n  .sniper-gcc-shipping .gcc-bottom {\n    position: relative;\n    z-index: 1;\n    border-top: 1px solid rgba(0,0,0,0.10);\n    padding: 14px 34px;\n    text-align: left;\n  }\n  .sniper-gcc-shipping .gcc-bottom a {\n    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    color: rgba(0,0,0,0.60);\n    text-decoration: none;\n    letter-spacing: 0.5px;\n    transition: color 0.2s ease;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .sniper-gcc-shipping .gcc-bottom a:hover { color: #ff752b; }\n\n  @keyframes gccFadeUp {\n    from { opacity: 0; transform: translateY(22px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  [dir=\"rtl\"] .sniper-gcc-shipping .gcc-headline,\n  html[lang=\"ar\"] .sniper-gcc-shipping .gcc-headline {\n    letter-spacing: 0;\n    font-family: 'Noto Sans Arabic', 'Oswald', sans-serif;\n  }\n  [dir=\"rtl\"] .sniper-gcc-shipping .gcc-bottom,\n  html[lang=\"ar\"] .sniper-gcc-shipping .gcc-bottom { text-align: right; }\n  [dir=\"rtl\"] .sniper-gcc-shipping .gcc-btn:hover svg,\n  html[lang=\"ar\"] .sniper-gcc-shipping .gcc-btn:hover svg { transform: translateX(-5px) rotate(180deg); }\n\n  @media (max-width: 768px) {\n    .sniper-gcc-shipping .gcc-inner { padding: 44px 20px 22px; }\n    .sniper-gcc-shipping .gcc-headline { font-size: 32px; }\n    .sniper-gcc-shipping .gcc-sub { font-size: 13px; }\n    .sniper-gcc-shipping .gcc-flags { gap: 16px; }\n    .sniper-gcc-shipping .gcc-flag img { width: 48px; height: 32px; }\n    .sniper-gcc-shipping .gcc-flag span { font-size: 10px; }\n    .sniper-gcc-shipping .gcc-btn { font-size: 14px; padding: 14px 30px; }\n    .sniper-gcc-shipping .gcc-bottom { padding: 12px 20px; text-align: center; }\n    [dir=\"rtl\"] .sniper-gcc-shipping .gcc-bottom,\n    html[lang=\"ar\"] .sniper-gcc-shipping .gcc-bottom { text-align: center; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sniper-gcc-shipping *,\n    .sniper-gcc-shipping::before,\n    .sniper-gcc-shipping::after { animation: none !important; }\n  }\n<\/style>\n\n<div class=\"sniper-gcc-shipping\">\n  <div class=\"gcc-inner\">\n\n    <div class=\"gcc-badge\">\n      <span class=\"gcc-dot\"><\/span>\n      Fast &amp; Secure Delivery\n    <\/div>\n\n    <h2 class=\"gcc-headline\">\n      We Ship Across <span class=\"highlight\">All GCC Countries<\/span>\n    <\/h2>\n\n    <p class=\"gcc-sub\">\n      From Bahrain to the Gulf \u2014 get your tactical gear and workwear delivered straight to your door, anywhere across the GCC.\n    <\/p>\n\n    <div class=\"gcc-flags\">\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/sa.png\" alt=\"Saudi Arabia\" title=\"\"><span>Saudi Arabia<\/span><\/div>\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/ae.png\" alt=\"UAE\" title=\"\"><span>UAE<\/span><\/div>\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/qa.png\" alt=\"Qatar\" title=\"\"><span>Qatar<\/span><\/div>\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/kw.png\" alt=\"Kuwait\" title=\"\"><span>Kuwait<\/span><\/div>\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/bh.png\" alt=\"Bahrain\" title=\"\"><span>Bahrain<\/span><\/div>\n      <div class=\"gcc-flag\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/om.png\" alt=\"Oman\" title=\"\"><span>Oman<\/span><\/div>\n    <\/div>\n\n    <a href=\"https:\/\/snipershopping.com\/collection\/\" class=\"gcc-btn\">\n      Explore Our Products\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"gcc-bottom\">\n    <a href=\"https:\/\/snipershopping.com\/shipping\/\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n      Shipping Details &amp; Delivery Info\n    <\/a>\n  <\/div>\n<\/div>\n<!-- ====== END SNIPER GCC SHIPPING SECTION v3 (LIGHT) ====== -->\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-86c87fa5 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- ============================================ -->\n<!-- SNIPER - TRUST BAR SECTION  (v2)             -->\n<!-- White bg | Oswald headings | icon circles    -->\n<!-- Full-width (safe symmetric breakout) | RTL    -->\n<!-- ============================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@600;700&family=Inter:wght@400;500&display=swap');\n\n\/* ---- Full-width breakout (symmetric, RTL-safe: no left\/transform) ---- *\/\n.sniper-trust-outer {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    left: auto !important;\n    right: auto !important;\n    transform: none !important;\n    position: relative !important;\n    box-sizing: border-box !important;\n    clear: both !important;\n    display: block !important;\n    float: none !important;\n}\n\n.sniper-trust-bar {\n    background-color: #ffffff !important;\n    border-top: 1px solid #ececec !important;\n    border-bottom: 1px solid #ececec !important;\n    padding: 38px 60px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n.sniper-trust-bar .trust-container {\n    max-width: 1440px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n}\n\n.sniper-trust-bar .trust-item {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    padding: 6px 34px;\n    box-sizing: border-box;\n}\n\n\/* vertical dividers between columns *\/\n.sniper-trust-bar .trust-item + .trust-item {\n    border-left: 1px solid #ececec;\n}\n\n\/* ---- Icon in soft orange circle ---- *\/\n.sniper-trust-bar .trust-icon {\n    flex-shrink: 0;\n    width: 58px;\n    height: 58px;\n    border-radius: 50%;\n    background-color: rgba(255,117,43,0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.sniper-trust-bar .trust-icon svg {\n    width: 28px;\n    height: 28px;\n    stroke: #ff752b;\n    stroke-width: 1.8;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* ---- Text ---- *\/\n.sniper-trust-bar .trust-text h3 {\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    font-size: 17px;\n    text-transform: uppercase;\n    color: #111111;\n    letter-spacing: 0.6px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n}\n\n.sniper-trust-bar .trust-text p {\n    font-family: 'Inter', sans-serif;\n    font-weight: 400;\n    font-size: 12.5px;\n    color: #777777;\n    line-height: 1.4;\n    margin: 0;\n}\n\n\/* ============================================ *\/\n\/* ================ RTL SUPPORT =============== *\/\n\/* ============================================ *\/\n[dir=\"rtl\"] .sniper-trust-bar .trust-item,\nhtml[dir=\"rtl\"] .sniper-trust-bar .trust-item,\nbody.rtl .sniper-trust-bar .trust-item { flex-direction: row-reverse; direction: rtl; }\n\n[dir=\"rtl\"] .sniper-trust-bar .trust-text,\nhtml[dir=\"rtl\"] .sniper-trust-bar .trust-text,\nbody.rtl .sniper-trust-bar .trust-text { text-align: right; }\n\n[dir=\"rtl\"] .sniper-trust-bar .trust-item + .trust-item,\nhtml[dir=\"rtl\"] .sniper-trust-bar .trust-item + .trust-item,\nbody.rtl .sniper-trust-bar .trust-item + .trust-item { border-left: none; border-right: 1px solid #ececec; }\n\n\/* flip the truck so it \"drives\" the reading direction *\/\n[dir=\"rtl\"] .sniper-trust-bar .trust-truck,\nhtml[dir=\"rtl\"] .sniper-trust-bar .trust-truck,\nbody.rtl .sniper-trust-bar .trust-truck { transform: scaleX(-1); }\n\n\/* ============================================ *\/\n\/* ================ RESPONSIVE ================ *\/\n\/* ============================================ *\/\n@media (max-width: 1024px) {\n    .sniper-trust-bar { padding: 32px 30px !important; }\n    .sniper-trust-bar .trust-item { padding: 6px 18px; gap: 13px; }\n    .sniper-trust-bar .trust-icon { width: 50px; height: 50px; }\n    .sniper-trust-bar .trust-icon svg { width: 24px; height: 24px; }\n    .sniper-trust-bar .trust-text h3 { font-size: 15px; }\n    .sniper-trust-bar .trust-text p { font-size: 12px; }\n}\n\n@media (max-width: 768px) {\n    .sniper-trust-bar { padding: 28px 18px !important; }\n    .sniper-trust-bar .trust-container { grid-template-columns: repeat(2, 1fr); gap: 26px 0; }\n    \/* remove vertical lines, keep only the ones inside a row look clean *\/\n    .sniper-trust-bar .trust-item { padding: 6px 14px; }\n    .sniper-trust-bar .trust-item + .trust-item { border-left: none; }\n    [dir=\"rtl\"] .sniper-trust-bar .trust-item + .trust-item,\n    html[dir=\"rtl\"] .sniper-trust-bar .trust-item + .trust-item,\n    body.rtl .sniper-trust-bar .trust-item + .trust-item { border-right: none; }\n}\n\n@media (max-width: 480px) {\n    .sniper-trust-bar .trust-container { grid-template-columns: 1fr; gap: 22px; }\n    .sniper-trust-bar .trust-item { justify-content: flex-start; }\n    [dir=\"rtl\"] .sniper-trust-bar .trust-item,\n    html[dir=\"rtl\"] .sniper-trust-bar .trust-item,\n    body.rtl .sniper-trust-bar .trust-item { justify-content: flex-start; }\n}\n<\/style>\n\n<!-- ====== TRUST BAR ====== -->\n<div class=\"sniper-trust-outer\">\n  <div class=\"sniper-trust-bar\" dir=\"ltr\">\n    <div class=\"trust-container\">\n\n      <!-- Fast Shipping -->\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">\n          <svg class=\"trust-truck\" viewBox=\"0 0 24 24\">\n            <path d=\"M2 5h11v11H2z\"\/>\n            <path d=\"M13 8h4l4 4v4h-8z\"\/>\n            <circle cx=\"6.5\" cy=\"18.5\" r=\"2\"\/>\n            <circle cx=\"17.5\" cy=\"18.5\" r=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-text\">\n          <h3>Fast Shipping<\/h3>\n          <p>Quick delivery to your doorstep<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 14-Day Returns -->\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <polyline points=\"3 4 3 9 8 9\"\/>\n            <path d=\"M4.6 14a8 8 0 1 0 1.5-8.3L3 9\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-text\">\n          <h3>14-Day Returns<\/h3>\n          <p>Easy and convenient returns<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Secure Payment -->\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2l8 3v6c0 5-3.4 8.6-8 11-4.6-2.4-8-6-8-11V5l8-3z\"\/>\n            <polyline points=\"9 12 11 14 15 9.5\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-text\">\n          <h3>Secure Payment<\/h3>\n          <p>Multiple payment options available<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 24\/7 Support -->\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 13v-2a8 8 0 0 1 16 0v2\"\/>\n            <path d=\"M4 13h2v6H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 1-2zM20 13h-2v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-1-2z\"\/>\n            <path d=\"M18 19a3 3 0 0 1-3 2.5h-2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-text\">\n          <h3>24\/7 Support<\/h3>\n          <p>Always here to assist you<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-18b64c5d\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-2a195497 alignfull uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-a17908f7\"><\/div>\n\n\n\n<!-- ============================================ -->\n<!-- SNIPER - OUR BRANDS MARQUEE                  -->\n<!-- Correct brand URLs (\/brands\/{slug}\/) | RTL-aware header -->\n<!-- ============================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@600;700&family=Inter:wght@400;700&display=swap');\n\n.sniper-brands-outer {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    position: relative !important;\n    box-sizing: border-box !important;\n    clear: both !important;\n    display: block !important;\n    float: none !important;\n}\n\n.sniper-brands-section {\n    background-color: #ffffff !important;\n    padding: 60px 0 50px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    display: block !important;\n    overflow: hidden !important;\n}\n\n\/* ---- Header LTR ---- *\/\n.sniper-brands-section .brands-header {\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 0 40px 40px;\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between;\n    align-items: flex-end;\n}\n\n\/* ---- Header RTL ---- *\/\n[dir=\"rtl\"] .sniper-brands-section .brands-header,\nhtml[dir=\"rtl\"] .sniper-brands-section .brands-header,\nbody.rtl .sniper-brands-section .brands-header {\n    flex-direction: row-reverse !important;\n    direction: rtl !important;\n    text-align: right !important;\n}\n\n.sniper-brands-section .brands-header h2 {\n    font-family: 'Oswald', sans-serif;\n    font-weight: 700;\n    font-size: clamp(28px, 2.5vw, 42px);\n    color: #111 !important;\n    text-transform: uppercase;\n    line-height: 1;\n    letter-spacing: 1px;\n    margin: 0 0 8px 0;\n}\n\n[dir=\"rtl\"] .sniper-brands-section .brands-header h2,\nhtml[dir=\"rtl\"] .sniper-brands-section .brands-header h2,\nbody.rtl .sniper-brands-section .brands-header h2 {\n    font-family: 'Noto Sans Arabic', 'Oswald', sans-serif;\n    letter-spacing: 0;\n}\n\n.sniper-brands-section .brands-header p {\n    font-family: 'Inter', sans-serif;\n    color: rgba(0,0,0,0.5) !important;\n    font-size: 14px;\n    margin: 0;\n}\n\n.sniper-brands-section .brands-header a {\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    text-transform: uppercase;\n    color: #f6721c !important;\n    text-decoration: none;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    align-self: flex-end;\n}\n\n.sniper-brands-section .brands-header a:hover {\n    opacity: 0.75;\n    text-decoration: underline;\n}\n\n.sniper-brands-section .brands-header .brands-arrow { display: inline-block; }\n[dir=\"rtl\"] .sniper-brands-section .brands-header .brands-arrow,\nhtml[dir=\"rtl\"] .sniper-brands-section .brands-header .brands-arrow,\nbody.rtl .sniper-brands-section .brands-header .brands-arrow {\n    transform: scaleX(-1);\n}\n\n\/* ---- Marquee rows (same flow in LTR & RTL) ---- *\/\n.sniper-brands-section .marquee-row {\n    overflow: hidden !important;\n    margin-bottom: 16px !important;\n    width: 100% !important;\n    display: block !important;\n    direction: ltr !important;\n}\n\n.sniper-brands-section .marquee-row:last-child { margin-bottom: 0 !important; }\n\n.sniper-brands-section .marquee-track {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    gap: 16px !important;\n    width: max-content !important;\n    padding: 4px 0 !important;\n    margin: 0 !important;\n    direction: ltr !important;\n}\n\n.sniper-brands-section .marquee-track-1 {\n    animation: sniperScrollLeft 35s linear infinite !important;\n}\n\n.sniper-brands-section .marquee-track-2 {\n    animation: sniperScrollRight 40s linear infinite !important;\n}\n\n.sniper-brands-section .marquee-row:hover .marquee-track {\n    animation-play-state: paused !important;\n}\n\n@keyframes sniperScrollLeft {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n@keyframes sniperScrollRight {\n    0%   { transform: translateX(-50%); }\n    100% { transform: translateX(0); }\n}\n\n\/* ---- Cards ---- *\/\n.sniper-brands-section .brand-card {\n    width: 220px !important;\n    height: 120px !important;\n    min-width: 220px !important;\n    background-color: #ffffff !important;\n    border-radius: 10px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 16px 22px !important;\n    text-decoration: none !important;\n    flex-shrink: 0 !important;\n    border: 2px solid #111111 !important;\n    box-sizing: border-box !important;\n    transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s !important;\n}\n\n.sniper-brands-section .brand-card:hover {\n    border-color: #f6721c !important;\n    transform: scale(1.05) !important;\n    box-shadow: 0 8px 22px rgba(246,114,28,0.18) !important;\n}\n\n.sniper-brands-section .brand-card img {\n    width: 155px !important;\n    height: 70px !important;\n    object-fit: contain !important;\n    display: block !important;\n}\n\n\/* ---- Mobile ---- *\/\n@media (max-width: 768px) {\n    .sniper-brands-section { padding: 36px 0 30px !important; }\n\n    .sniper-brands-section .brands-header {\n        padding: 0 20px 24px !important;\n        flex-direction: column !important;\n        align-items: flex-start !important;\n        gap: 8px !important;\n    }\n\n    [dir=\"rtl\"] .sniper-brands-section .brands-header,\n    html[dir=\"rtl\"] .sniper-brands-section .brands-header,\n    body.rtl .sniper-brands-section .brands-header {\n        align-items: flex-end !important;\n        text-align: right !important;\n        direction: rtl !important;\n    }\n\n    .sniper-brands-section .brands-header h2 { font-size: 26px !important; }\n    .sniper-brands-section .brands-header p  { font-size: 13px !important; }\n    .sniper-brands-section .marquee-track    { gap: 10px !important; }\n\n    .sniper-brands-section .brand-card {\n        width: 140px !important;\n        min-width: 140px !important;\n        height: 85px !important;\n        padding: 10px 12px !important;\n        border-radius: 8px !important;\n    }\n\n    .sniper-brands-section .brand-card img {\n        width: 100px !important;\n        height: 44px !important;\n    }\n\n    .sniper-brands-section .marquee-track-1 { animation-duration: 22s !important; }\n    .sniper-brands-section .marquee-track-2 { animation-duration: 26s !important; }\n}\n\n@media (max-width: 480px) {\n    .sniper-brands-section .brand-card {\n        width: 110px !important;\n        min-width: 110px !important;\n        height: 70px !important;\n    }\n    .sniper-brands-section .brand-card img {\n        width: 80px !important;\n        height: 34px !important;\n    }\n}\n<\/style>\n\n<div class=\"sniper-brands-outer\">\n    <div class=\"sniper-brands-section\">\n\n        <div class=\"brands-header\">\n            <div>\n                <h2>Our Brands<\/h2>\n                <p>Premium names you trust, all in one place.<\/p>\n            <\/div>\n            <a href=\"\/shop_by_brand\/\">View All Brands <span class=\"brands-arrow\">&rarr;<\/span><\/a>\n        <\/div>\n\n        <!-- ROW 1 scrolls LEFT always -->\n        <div class=\"marquee-row\">\n            <div class=\"marquee-track marquee-track-1\">\n                <a href=\"\/brands\/5-11\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Untitled-design-16.png\" alt=\"5.11\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/magnum\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-1-1.png\" alt=\"Magnum\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/helikon\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download.png\" alt=\"Helikon\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/swisseye\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-13.png\" alt=\"Swiss Eye\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/sniper\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-12.png\" alt=\"Sniper\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/silva\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-11.png\" alt=\"Silva\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/safety-jogger\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-10.png\" alt=\"Safety Jogger\" loading=\"eager\" title=\"\"><\/a>\n                <!-- Duplicate for seamless loop -->\n                <a href=\"\/brands\/5-11\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Untitled-design-16.png\" alt=\"5.11\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/magnum\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-1-1.png\" alt=\"Magnum\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/helikon\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download.png\" alt=\"Helikon\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/swisseye\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-13.png\" alt=\"Swiss Eye\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/sniper\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-12.png\" alt=\"Sniper\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/silva\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-11.png\" alt=\"Silva\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/safety-jogger\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-10.png\" alt=\"Safety Jogger\" loading=\"eager\" title=\"\"><\/a>\n            <\/div>\n        <\/div>\n\n        <!-- ROW 2 scrolls RIGHT always -->\n        <div class=\"marquee-row\">\n            <div class=\"marquee-track marquee-track-2\">\n                <a href=\"\/brands\/rothco\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-9.png\" alt=\"Rothco\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/rockfall-proman\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-8.png\" alt=\"RockFall\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/revision\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-7.png\" alt=\"Revision\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/pentagon\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-5.png\" alt=\"Pentagon\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/night-searcher\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-4.png\" alt=\"Night Searcher\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/m-tac\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-3.png\" alt=\"M-TAC\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/camelbak\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-2.png\" alt=\"Camelbak\" loading=\"eager\" title=\"\"><\/a>\n                <!-- Duplicate for seamless loop -->\n                <a href=\"\/brands\/rothco\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-9.png\" alt=\"Rothco\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/rockfall-proman\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-8.png\" alt=\"RockFall\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/revision\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-7.png\" alt=\"Revision\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/pentagon\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-5.png\" alt=\"Pentagon\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/night-searcher\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-4.png\" alt=\"Night Searcher\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/m-tac\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-3.png\" alt=\"M-TAC\" loading=\"eager\" title=\"\"><\/a>\n                <a href=\"\/brands\/camelbak\/\" class=\"brand-card\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/download-2.png\" alt=\"Camelbak\" loading=\"eager\" title=\"\"><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-80a221be alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">    <style>\n    .sniper-pop-outer {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n        position: relative !important;\n        box-sizing: border-box !important;\n        clear: both !important;\n        display: block !important;\n        float: none !important;\n        background: #ffffff;\n    }\n    .sniper-pop {\n        max-width: 1440px;\n        margin: 0 auto;\n        padding: 60px clamp(20px, 4vw, 60px) 70px;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n    }\n    .sniper-pop-header {\n        text-align: center;\n        margin: 0 0 36px;\n    }\n    .sniper-pop-header h2 {\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: clamp(28px, 3.5vw, 44px);\n        color: #111;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin: 0 0 8px;\n        line-height: 1;\n    }\n    .sniper-pop-header h2 .accent { color: #ff752b; }\n    .sniper-pop-header p {\n        font-family: 'Inter', sans-serif;\n        font-size: clamp(13px, 1.1vw, 15px);\n        color: #777;\n        margin: 0;\n        letter-spacing: 0.3px;\n    }\n    .sniper-pop-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n    @media (max-width: 1024px) { .sniper-pop-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }\n    @media (max-width: 768px)  { .sniper-pop-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }\n    @media (max-width: 420px)  { .sniper-pop-grid { grid-template-columns: 1fr; } }\n\n    \/* Card *\/\n    .sniper-pop-card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: #ffffff;\n        border: 1px solid #ececec;\n        border-radius: 10px;\n        overflow: hidden;\n        text-decoration: none !important;\n        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    }\n    .sniper-pop-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 14px 28px rgba(0,0,0,0.10);\n        border-color: #ff752b;\n    }\n\n    \/* Image *\/\n    .sniper-pop-img {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 1 \/ 1;\n        background: #f8f8f8;\n        overflow: hidden;\n    }\n    .sniper-pop-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n    .sniper-pop-card:hover .sniper-pop-img img { transform: scale(1.06); }\n\n    \/* \"Popular\" ribbon top-left *\/\n    .sniper-pop-badge {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        background: #ff752b;\n        color: #fff;\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: 11px;\n        letter-spacing: 1.2px;\n        padding: 5px 10px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        z-index: 2;\n        box-shadow: 0 4px 10px rgba(255,117,43,0.30);\n    }\n    \/* Sale badge if on sale *\/\n    .sniper-pop-sale {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        background: #111;\n        color: #fff;\n        font-family: 'Oswald', sans-serif;\n        font-weight: 700;\n        font-size: 11px;\n        letter-spacing: 1.2px;\n        padding: 5px 10px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        z-index: 2;\n    }\n\n    \/* Body *\/\n    .sniper-pop-body {\n        padding: 14px 16px 18px;\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n    }\n    .sniper-pop-body h3 {\n        font-family: 'Oswald', sans-serif;\n        font-weight: 600;\n        font-size: 15px;\n        color: #111;\n        text-transform: uppercase;\n        letter-spacing: 0.4px;\n        line-height: 1.25;\n        margin: 0 0 8px;\n        min-height: 38px;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    .sniper-pop-price {\n        margin-top: auto;\n        display: flex;\n        align-items: baseline;\n        gap: 8px;\n        flex-wrap: wrap;\n    }\n    .sniper-pop-price .orig {\n        color: #999;\n        text-decoration: line-through;\n        font-size: 13px;\n        font-weight: 400;\n    }\n    .sniper-pop-price .now,\n    .sniper-pop-price .now .woocommerce-Price-amount {\n        color: #ff752b !important;\n        font-weight: 700;\n        font-size: 17px;\n    }\n    .sniper-pop-price .price { color: #ff752b !important; font-weight: 700; font-size: 17px; }\n\n    \/* RTL *\/\n    [dir=\"rtl\"] .sniper-pop-badge,\n    body.rtl .sniper-pop-badge { left: auto; right: 12px; }\n    [dir=\"rtl\"] .sniper-pop-sale,\n    body.rtl .sniper-pop-sale { right: auto; left: 12px; }\n\n    @media (max-width: 768px) {\n        .sniper-pop { padding: 40px 16px 50px; }\n        .sniper-pop-body h3 { font-size: 13px; min-height: 32px; }\n        .sniper-pop-price .now { font-size: 14px; }\n        .sniper-pop-price .price { font-size: 14px; }\n    }\n    <\/style>\n\n    <div class=\"sniper-pop-outer\">\n      <div class=\"sniper-pop\" dir=\"ltr\">\n\n                <div class=\"sniper-pop-header\">\n                            <h2>Popular <span class=\"accent\">Products<\/span><\/h2>\n                                <\/div>\n        \n        <div class=\"sniper-pop-grid\">\n                    <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/5-11-tactical-apex-cargo-work-pants-flex-tac-stretch-fabric-gusseted-teflon-finish-style-74434\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/brown_4__1.jpg\" alt=\"5.11 Apex\u00ae Cargo Pants\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>5.11 Apex\u00ae Cargo Pants<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">39.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/t-shirt-sniper-logo-3pcs\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/sniperbundle-300x272.png\" alt=\"Sniper T-Shirt 3PCS\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>Sniper T-Shirt 3PCS<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">8.10&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/5-11-tactical-stryke-operator-uniform-pants-w-flex-tac-mechanical-stretch-style-74369\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/khaki_2_-260x300.jpg\" alt=\"5.11 Stryke Pants\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>5.11 Stryke Pants<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">38.50&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/5-11-rush-72-bag-style-56565\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/56565134ush722point0031-262x300.jpg\" alt=\"RUSH72 2.0 BACKPACK\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>RUSH72 2.0 BACKPACK<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">80.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/major-sleeping-bag-370gr-m\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/major-06e-f-850x850_2__2-300x300.jpg\" alt=\"Major Sleeping Bag 370gr (TACM)\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>Major Sleeping Bag 370gr (TACM)<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">20.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/tactical-t-shirt-topcool\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/\u0644\u0642\u0637\u0629-\u0634\u0627\u0634\u0629-2026-06-10-154747-300x297.png\" alt=\"TACTICAL T-Shit - TopCool\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>TACTICAL T-Shit - TopCool<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">12.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/apex-short\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/05\/73334_055_01v-300x300.webp\" alt=\"APEX SHORT\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>APEX SHORT<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">34.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/ems-vest\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Jun-23-2026-01_24_04-PM-300x300.png\" alt=\"Ems Vest\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>Ems Vest<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">20.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                        <a class=\"sniper-pop-card\" href=\"https:\/\/testing.snipershopping.com\/ar\/product\/sniper-socks-3-pairs-fit-size-12\/\">\n                <div class=\"sniper-pop-img\">\n                    <span class=\"sniper-pop-badge\">Popular<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/testing.snipershopping.com\/wp-content\/uploads\/2026\/05\/socks_clean-300x300.png\" alt=\"Sniper socks 3 Pairs\" loading=\"lazy\" title=\"\">\n                <\/div>\n                <div class=\"sniper-pop-body\">\n                    <h3>Sniper socks 3 Pairs<\/h3>\n                    <div class=\"sniper-pop-price\">\n                        <span class=\"woocommerce-Price-amount amount\">4.09&nbsp;<span class=\"woocommerce-Price-currencySymbol\" dir=\"auto\">BD<\/span><\/span>                    <\/div>\n                <\/div>\n            <\/a>\n                    <\/div>\n\n      <\/div>\n    <\/div>\n    \n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-d73b6cba alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- ============================================ -->\n<!-- SNIPER - SHOP BY CATEGORY                    -->\n<!-- ============================================ -->\n\n<style>\n.sniper-categories {\n    background-color: #e6e6e6;\n    padding: 80px 40px;\n}\n\n.sniper-categories .cat-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.sniper-categories .cat-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.sniper-categories .cat-header h2 {\n    font-family: 'Oswald', sans-serif;\n    font-weight: 700;\n    font-size: clamp(32px, 5.5vw, 70px);\n    color: #000;\n    text-transform: uppercase;\n    line-height: 0.9;\n    letter-spacing: 1px;\n    margin: 0;\n}\n\n.sniper-categories .cat-header p {\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    color: #666;\n    margin-top: 12px;\n}\n\n.sniper-categories .cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n.sniper-categories .cat-card {\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    text-decoration: none;\n    display: block;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    transition: box-shadow 0.3s ease;\n}\n\n.sniper-categories .cat-card:hover {\n    box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n}\n\n.sniper-categories .cat-card .cat-image-wrap {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background-color: #d0d0d0;\n}\n\n.sniper-categories .cat-card .cat-image-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n}\n\n.sniper-categories .cat-card:hover .cat-image-wrap img {\n    transform: scale(1.05);\n}\n\n.sniper-categories .cat-card .cat-image-wrap::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 40%, transparent 70%);\n    z-index: 1;\n    transition: background 0.4s ease;\n}\n\n.sniper-categories .cat-card:hover .cat-image-wrap::before {\n    background: linear-gradient(to top, rgba(255,117,43,0.35) 0%, rgba(255,117,43,0.15) 40%, transparent 70%);\n}\n\n.sniper-categories .cat-card .cat-name-overlay {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    padding: 25px 20px;\n    z-index: 2;\n}\n\n.sniper-categories .cat-card .cat-name-overlay span {\n    font-family: 'Oswald', sans-serif;\n    font-weight: 700;\n    font-size: clamp(16px, 2vw, 24px);\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 1.5px;\n    line-height: 1.1;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n    transition: color 0.3s ease;\n}\n\n[dir=\"rtl\"] .sniper-categories .cat-card .cat-name-overlay {\n    text-align: right;\n}\n\n[dir=\"rtl\"] .sniper-categories .cat-card .cat-name-overlay span {\n    font-family: 'Noto Sans Arabic', 'Oswald', sans-serif;\n}\n\n@media (max-width: 768px) {\n    .sniper-categories { padding: 50px 20px; }\n    .sniper-categories .cat-header { margin-bottom: 30px; }\n    .sniper-categories .cat-header h2 { font-size: clamp(28px, 10vw, 48px); }\n    .sniper-categories .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .sniper-categories .cat-card .cat-name-overlay { padding: 18px 14px; }\n    .sniper-categories .cat-card .cat-name-overlay span { font-size: clamp(14px, 4vw, 18px); letter-spacing: 1px; }\n}\n\n@media (max-width: 480px) {\n    .sniper-categories .cat-grid { gap: 10px; }\n}\n<\/style>\n\n<div class=\"sniper-categories\" dir=\"ltr\">\n    <div class=\"cat-container\">\n\n        <div class=\"cat-header\">\n            <h2>Shop by Category<\/h2>\n            <p>Find exactly what you need, organized for you.<\/p>\n        <\/div>\n\n        <div class=\"cat-grid\">\n\n            <!-- PANTS -->\n            <a href=\"\/product-category\/pants\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/0G1A4234-150x150.png\" alt=\"Pants\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Pants<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- SHIRTS -->\n            <a href=\"\/product-category\/shirts\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/snipershopping.com\/wp-content\/uploads\/2026\/04\/71340_1000_FREEDOM_FLEX_SS_SHIRT_05-1-150x150.png\" alt=\"Shirts\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Shirts<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- T-SHIRTS -->\n            <a href=\"\/product-category\/t-shirts-1\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/153_2306_MT_3948-1-150x150.png\" alt=\"T-Shirts\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>T-Shirts<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- SHORTS -->\n            <a href=\"\/product-category\/shorts\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/DSC9852-150x150.png\" alt=\"Shorts\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Shorts<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- FOOTWEAR -->\n            <a href=\"\/product-category\/footwear\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/AN1A0195-150x150.png\" alt=\"Footwear\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Footwear<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- BAGS -->\n            <a href=\"\/product-category\/bags\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/2405_MT_6666-150x150.png\" alt=\"Bags\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Bags<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- ACCESSORIES -->\n            <a href=\"\/product-category\/accessories\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/2022_EDCAccessories_8966-150x150.png\" alt=\"Accessories\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Accessories<\/span><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- CAPS -->\n            <a href=\"\/product-category\/accessories\/caps\/\" class=\"cat-card\">\n                <div class=\"cat-image-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/511_cap_portrait_300x300.png\" alt=\"Caps\" title=\"\">\n                    <div class=\"cat-name-overlay\"><span>Caps<\/span><\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-d3afaa60 alignfull uagb-is-root-container\">\n<!-- ====== SNIPER NEWSLETTER \u2014 STAY IN THE LOOP ====== -->\n<style>\n  .sniper-news {\n    background: #ff752b;\n    padding: 70px 24px;\n    text-align: center;\n    font-family: 'Inter', 'Noto Sans Arabic', sans-serif;\n  }\n  .sniper-news * { box-sizing: border-box; }\n  .sniper-news-inner { max-width: 720px; margin: 0 auto; }\n\n  .sniper-news h2 {\n    font-family: 'Oswald', 'Noto Sans Arabic', sans-serif;\n    font-weight: 700;\n    font-size: clamp(34px, 6vw, 64px);\n    color: #ffffff;\n    text-transform: uppercase;\n    line-height: 0.95;\n    margin: 0 0 16px;\n  }\n  .sniper-news p.sub {\n    color: rgba(255,255,255,0.92);\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0 auto 28px;\n    max-width: 520px;\n  }\n\n  \/* Form: input + button, SAME height via fixed height + border-box *\/\n  .sniper-news form {\n    display: flex;\n    gap: 10px;\n    max-width: 560px;\n    margin: 0 auto;\n  }\n  .sniper-news input[type=\"email\"] {\n    flex: 1 1 auto;\n    height: 56px !important;\n    line-height: 56px !important;\n    padding: 0 18px !important;\n    border: none !important;\n    border-radius: 0 !important;\n    font-size: 15px !important;\n    background: #ffffff !important;\n    color: #111111 !important;\n    box-shadow: none !important;\n    margin: 0 !important;\n    box-sizing: border-box !important;\n  }\n  .sniper-news button {\n    flex: 0 0 auto;\n    height: 56px !important;\n    line-height: 1 !important;\n    padding: 0 36px !important;\n    border: none !important;\n    border-radius: 0 !important;\n    background: #111111 !important;\n    color: #ffffff !important;\n    font-family: 'Oswald', 'Noto Sans Arabic', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 14px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    transition: background 0.25s ease !important;\n  }\n  .sniper-news button:hover { background: #000000 !important; }\n\n  .sniper-news .fine {\n    color: rgba(255,255,255,0.85);\n    font-size: 13px;\n    margin: 18px 0 0;\n  }\n  .sniper-news .fine a { color: #ffffff; text-decoration: underline; }\n\n  \/* Mobile: stack, both FULL WIDTH and SAME height *\/\n  @media (max-width: 600px) {\n    .sniper-news { padding: 50px 20px; }\n    .sniper-news form { flex-direction: column; gap: 12px; }\n    .sniper-news input[type=\"email\"],\n    .sniper-news button {\n      width: 100% !important;\n      height: 54px !important;\n      line-height: 54px !important;\n    }\n    .sniper-news button { line-height: 1 !important; }\n  }\n<\/style>\n\n<div class=\"sniper-news\">\n  <div class=\"sniper-news-inner\">\n    <h2>Stay in the Loop<\/h2>\n    <p class=\"sub\">Subscribe for exclusive offers, new arrivals, and updates. No spam \u2014 just the good stuff.<\/p>\n    <form action=\"#\" method=\"post\">\n      <input type=\"email\" name=\"email\" placeholder=\"Enter your email address\" required>\n      <button type=\"submit\">Subscribe<\/button>\n    <\/form>\n    <p class=\"fine\">By subscribing, you agree to our <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>.<\/p>\n  <\/div>\n<\/div>\n<!-- ====== END SNIPER NEWSLETTER ====== -->\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SHOP NOW Fast Shipping Quick delivery to your doorstep 14-Day Returns Easy and convenient returns Secure Payment Multiple payment options [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6376","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Sniper Admin","author_link":"https:\/\/testing.snipershopping.com\/ar\/author\/snipertradingbh-onlinegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"SHOP NOW Fast Shipping Quick delivery to your doorstep 14-Day Returns Easy and convenient returns Secure Payment Multiple payment options [&hellip;]","_links":{"self":[{"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/pages\/6376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/comments?post=6376"}],"version-history":[{"count":65,"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/pages\/6376\/revisions"}],"predecessor-version":[{"id":30160,"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/pages\/6376\/revisions\/30160"}],"wp:attachment":[{"href":"https:\/\/testing.snipershopping.com\/ar\/wp-json\/wp\/v2\/media?parent=6376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}