{"id":4092,"date":"2026-07-31T11:44:45","date_gmt":"2026-07-31T11:44:45","guid":{"rendered":"https:\/\/test.instylefurniture.ae\/?page_id=4092"},"modified":"2026-08-17T10:53:51","modified_gmt":"2026-08-17T10:53:51","slug":"elementor-4092","status":"publish","type":"page","link":"https:\/\/test.instylefurniture.ae\/?page_id=4092","title":{"rendered":"Elementor #4092"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPakistan's No.1 Online Supplements Store | Jacked Nutrition<\/title>\n<meta name=\"description\" content=\"Jacked Nutrition, an online supplement store, offers high-quality supplements in Pakistan. A wide range of protein, creatine, pre-workout, mass gainer & more\">\n<meta name=\"theme-color\" content=\"#0a0b0e\">\n\n<!-- ============================================================\n FONTS\n Display: Anton \u2014 condensed, high-impact, athletic energy\n Body: Inter \u2014 clean, highly legible workhorse sans\n ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ==================================================================\n 1. RESET & BASE\n ================================================================== *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\n@media (prefers-reduced-motion: reduce) {\n html { scroll-behavior: auto; }\n *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }\n}\n\n\/* ==================================================================\n 2. DESIGN TOKENS\n Custom palette applied over the original dark, athletic aesthetic.\n Primary : #0057FF (electric blue \u2014 CTAs, links, focus)\n Secondary: #F8FF14 (lime spark \u2014 badges, ratings, accents)\n ================================================================== *\/\n:root{\n --bg-void: #0a0b0e;\n --bg-surface: #14161b;\n --bg-elevated: #1c1f26;\n --bg-elevated-2: #23262f;\n\n --brand-blue: #0057ff;\n --brand-blue-soft: #3b7dff;\n --brand-blue-dim: rgba(0,87,255,0.14);\n --brand-blue-glow: rgba(0,87,255,0.45);\n\n --brand-lime: #f8ff14;\n --brand-lime-dim: rgba(248,255,20,0.12);\n --brand-lime-glow: rgba(248,255,20,0.35);\n\n --ink: #f4f5f7;\n --ink-dim: #9ea1ac;\n --ink-faint:#686c78;\n\n --line: rgba(255,255,255,0.09);\n --line-strong: rgba(255,255,255,0.16);\n\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 24px;\n --radius-pill: 999px;\n\n --shadow-card: 0 24px 48px -24px rgba(0,0,0,0.65);\n --shadow-pop: 0 30px 60px -20px rgba(0,87,255,0.35);\n\n --ease-out: cubic-bezier(.16,1,.3,1);\n --ease-soft: cubic-bezier(.22,1,.36,1);\n\n --container: 1280px;\n}\n\nhtml, body { background: var(--bg-void); color: var(--ink); }\nbody{\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n position: relative;\n}\n\n.display{\n font-family: 'Anton', 'Inter', sans-serif;\n font-weight: 400;\n letter-spacing: 0.01em;\n line-height: 1.02;\n}\n\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }\ninput { font: inherit; color: inherit; }\nul { list-style: none; }\n\n::selection { background: var(--brand-blue); color: #fff; }\n\n\/* Visible keyboard focus \u2014 accessibility floor *\/\na:focus-visible, button:focus-visible, input:focus-visible {\n outline: 2px solid var(--brand-lime);\n outline-offset: 3px;\n border-radius: 4px;\n}\n\n.container{\n width: 100%;\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 32px;\n}\n\n.skip-link{\n position: absolute; left: -9999px; top: 0; z-index: 999;\n background: var(--brand-blue); color: #fff; padding: 12px 20px; border-radius: 0 0 8px 0;\n}\n.skip-link:focus{ left: 0; }\n\n\/* Ambient background glow \u2014 cheap, GPU-friendly radial gradients *\/\n.ambient-glow{\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\n background:\n radial-gradient(60vmax 60vmax at 12% -10%, var(--brand-blue-dim), transparent 60%),\n radial-gradient(50vmax 50vmax at 110% 20%, var(--brand-lime-dim), transparent 55%);\n}\n\n\/* Mouse-follow glow (desktop only, cheap single element) *\/\n.cursor-glow{\n position: fixed; top: 0; left: 0; width: 420px; height: 420px;\n border-radius: 50%; pointer-events: none; z-index: 1;\n background: radial-gradient(circle, var(--brand-blue-glow) 0%, transparent 70%);\n opacity: 0; filter: blur(10px);\n transform: translate(-50%,-50%);\n transition: opacity .4s var(--ease-out);\n mix-blend-mode: screen;\n}\n@media (hover:hover) and (pointer:fine){\n .cursor-glow.active{ opacity: .35; }\n}\n\n\/* ==================================================================\n 3. ANNOUNCEMENT + PROMO BAR\n ================================================================== *\/\n.announcement-bar{\n background: var(--bg-void);\n border-bottom: 1px solid var(--line);\n overflow: hidden;\n position: relative;\n z-index: 40;\n}\n.marquee{\n display: flex; white-space: nowrap;\n animation: marquee-scroll 18s linear infinite;\n width: max-content;\n}\n.marquee span{\n display: inline-flex; align-items: center; gap: 10px;\n font-size: 13px; font-weight: 600; letter-spacing: .04em;\n color: var(--ink-dim); padding: 10px 40px;\n text-transform: uppercase;\n}\n.marquee span b{ color: var(--brand-lime); font-weight: 700; }\n@keyframes marquee-scroll{\n from{ transform: translateX(0); }\n to{ transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce){ .marquee{ animation: none; } }\n\n.promo-banner{\n display: block; position: relative; z-index: 40;\n border-bottom: 1px solid var(--line);\n overflow: hidden;\n}\n.promo-banner img{\n width: 100%; height: auto; transition: transform .6s var(--ease-out);\n}\n.promo-banner:hover img{ transform: scale(1.02); }\n\n\/* ==================================================================\n 4. HEADER\n ================================================================== *\/\n.site-header{\n position: sticky; top: 0; z-index: 50;\n background: rgba(10,11,14,0.75);\n backdrop-filter: blur(16px) saturate(140%);\n -webkit-backdrop-filter: blur(16px) saturate(140%);\n border-bottom: 1px solid var(--line);\n transition: padding .3s var(--ease-out), background .3s var(--ease-out);\n}\n.header-inner{\n display: flex; align-items: center; justify-content: space-between;\n gap: 24px; padding: 22px 0;\n}\n.site-header.is-scrolled .header-inner{ padding: 14px 0; }\n\n.logo{\n display: flex; flex-direction: column; line-height: 0.85;\n font-family: 'Anton', sans-serif;\n font-size: 26px; letter-spacing: .01em;\n white-space: nowrap;\n}\n.logo .l1{ color: var(--ink); }\n.logo .l2{ color: var(--brand-blue); position: relative; }\n.logo .l2::after{\n content:''; position:absolute; left:1px; right:1px; bottom:-4px; height:3px;\n background: var(--brand-lime); border-radius: 2px;\n}\n\n.main-nav{ display: flex; align-items: center; gap: 30px; flex: 1; justify-content: center; }\n.main-nav a{\n font-size: 14px; font-weight: 600; color: var(--ink-dim);\n letter-spacing: .01em; white-space: nowrap; position: relative;\n padding: 6px 2px; transition: color .25s var(--ease-out);\n}\n.main-nav a::after{\n content:''; position:absolute; left:0; bottom:0; width:0; height:2px;\n background: var(--brand-blue); transition: width .3s var(--ease-out);\n}\n.main-nav a:hover{ color: var(--ink); }\n.main-nav a:hover::after{ width: 100%; }\n.main-nav a.accent{ color: var(--brand-lime); }\n.main-nav a.accent::after{ background: var(--brand-lime); }\n\n.header-actions{ display: flex; align-items: center; gap: 18px; }\n.icon-btn{\n display: flex; align-items: center; justify-content: center;\n width: 40px; height: 40px; border-radius: var(--radius-pill);\n color: var(--ink); position: relative;\n transition: background .25s var(--ease-out), color .25s var(--ease-out), transform .25s var(--ease-out);\n}\n.icon-btn:hover{ background: var(--bg-elevated); color: var(--brand-blue-soft); transform: translateY(-1px); }\n.icon-btn svg{ width: 20px; height: 20px; }\n.cart-count{\n position: absolute; top: -2px; right: -2px;\n width: 16px; height: 16px; border-radius: 50%;\n background: var(--brand-lime); color: #0a0b0e;\n font-size: 10px; font-weight: 800;\n display: flex; align-items: center; justify-content: center;\n}\n.hamburger{ display: none; }\n\n\/* Mobile nav drawer *\/\n.mobile-nav{\n position: fixed; inset: 0 0 0 auto; width: min(360px, 88vw); height: 100vh;\n background: var(--bg-surface); border-left: 1px solid var(--line);\n z-index: 100; transform: translateX(100%);\n transition: transform .45s var(--ease-out);\n padding: 26px 26px 40px; overflow-y: auto;\n}\n.mobile-nav.is-open{ transform: translateX(0); }\n.mobile-nav-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 30px; }\n.mobile-nav a{\n display:block; padding: 14px 0; font-size: 17px; font-weight: 700;\n border-bottom: 1px solid var(--line); color: var(--ink);\n}\n.mobile-nav a:hover{ color: var(--brand-blue-soft); }\n.scrim{\n position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 90;\n opacity: 0; pointer-events: none; transition: opacity .4s var(--ease-out);\n}\n.scrim.is-open{ opacity: 1; pointer-events: auto; }\n\n\/* ==================================================================\n 5. HERO\n ================================================================== *\/\n.hero{\n position: relative; z-index: 2;\n padding: 110px 0 90px;\n text-align: center;\n overflow: hidden;\n}\n.hero-particles{ position:absolute; inset:0; z-index:-1; opacity:.7; }\n.hero-eyebrow{\n display:inline-flex; align-items:center; gap:8px;\n font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;\n color: var(--brand-lime); background: var(--brand-lime-dim);\n border: 1px solid rgba(248,255,20,0.25);\n padding: 8px 18px; border-radius: var(--radius-pill);\n margin-bottom: 28px;\n}\n.hero-eyebrow::before{ content:'\u25cf'; font-size: 8px; color: var(--brand-lime); }\n.hero h1{\n font-size: clamp(2.4rem, 6vw, 5.4rem);\n max-width: 18ch; margin: 0 auto; color: var(--ink);\n}\n.hero h1 em{\n font-style: normal;\n background: linear-gradient(100deg, var(--brand-blue-soft), var(--brand-lime) 130%);\n -webkit-background-clip: text; background-clip: text; color: transparent;\n}\n.hero p{\n max-width: 640px; margin: 30px auto 0;\n color: var(--ink-dim); font-size: 17px; line-height: 1.75;\n}\n.hero-actions{ margin-top: 40px; display:flex; justify-content:center; gap:16px; flex-wrap: wrap; }\n\n.btn{\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n padding: 16px 34px; border-radius: var(--radius-pill);\n font-size: 14px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;\n transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out), background .3s var(--ease-out);\n white-space: nowrap;\n}\n.btn-primary{\n background: var(--brand-blue); color: #fff;\n box-shadow: 0 16px 32px -12px var(--brand-blue-glow);\n}\n.btn-primary:hover{ transform: translateY(-3px); box-shadow: 0 22px 44px -14px var(--brand-blue-glow); }\n.btn-ghost{\n background: transparent; color: var(--ink); border: 1px solid var(--line-strong);\n}\n.btn-ghost:hover{ border-color: var(--brand-lime); color: var(--brand-lime); }\n\n\/* ==================================================================\n 6. SECTION HEAD (shared)\n ================================================================== *\/\n.section{ position: relative; z-index: 2; padding: 90px 0; }\n.section-head{ text-align:center; max-width: 620px; margin: 0 auto 52px; }\n.section-eyebrow{\n font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;\n color: var(--brand-blue-soft); margin-bottom: 14px; display:block;\n}\n.section-head h2{\n font-family: 'Anton', sans-serif; font-weight: 400;\n font-size: clamp(1.8rem, 3.4vw, 2.9rem); color: var(--ink); line-height: 1.08;\n}\n.section-head h2 em{ font-style: normal; color: var(--brand-lime); }\n.section-head p{ color: var(--ink-dim); margin-top: 14px; font-size: 15.5px; }\n\n.reveal{ opacity: 0; transform: translateY(36px); }\n\n\/* ==================================================================\n 7. CATEGORY PILLS\n ================================================================== *\/\n.category-pills{\n display:flex; gap:10px; justify-content:center; flex-wrap: wrap;\n margin-bottom: 48px; padding: 0 4px;\n}\n.pill{\n padding: 11px 24px; border-radius: var(--radius-pill);\n font-size: 13.5px; font-weight: 700; letter-spacing:.01em;\n color: var(--ink-dim); background: var(--bg-surface);\n border: 1px solid var(--line);\n transition: all .3s var(--ease-out);\n}\n.pill:hover{ color: var(--ink); border-color: var(--line-strong); }\n.pill.is-active{\n background: var(--brand-blue); color: #fff; border-color: var(--brand-blue);\n box-shadow: 0 10px 24px -8px var(--brand-blue-glow);\n}\n\n\/* ==================================================================\n 8. PRODUCT GRID \/ CARD\n ================================================================== *\/\n.product-grid{\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n}\n.product-card{\n background: var(--bg-surface); border: 1px solid var(--line);\n border-radius: var(--radius-lg); overflow: hidden;\n position: relative; display:flex; flex-direction:column;\n transition: transform .5s var(--ease-out), border-color .4s var(--ease-out), box-shadow .5s var(--ease-out);\n transform-style: preserve-3d; will-change: transform;\n}\n.product-card:hover{ border-color: var(--line-strong); box-shadow: var(--shadow-card); }\n\n.card-media{\n position: relative; aspect-ratio: 1\/1;\n background: radial-gradient(120% 120% at 30% 20%, var(--bg-elevated-2), var(--bg-surface));\n overflow: hidden;\n}\n.card-media img{\n width: 100%; height: 100%; object-fit: contain; padding: 22px;\n transition: transform .6s var(--ease-out);\n}\n.product-card:hover .card-media img{ transform: scale(1.06); }\n\n.card-badges{ position:absolute; top: 14px; left: 14px; display:flex; flex-direction:column; gap:6px; z-index:2; }\n.badge{\n font-size: 10.5px; font-weight: 800; letter-spacing:.03em; text-transform: uppercase;\n padding: 5px 11px; border-radius: var(--radius-pill); width: max-content;\n}\n.badge-sale{ background: var(--brand-lime); color: #0a0b0e; }\n.badge-tag{ background: rgba(0,0,0,0.55); color: var(--ink); backdrop-filter: blur(6px); border: 1px solid var(--line); }\n\n.card-rating{\n position:absolute; top:14px; right:14px; z-index:2;\n display:flex; align-items:center; gap:4px;\n background: rgba(10,11,14,0.6); backdrop-filter: blur(6px);\n border: 1px solid var(--line); border-radius: var(--radius-pill);\n padding: 5px 10px; font-size: 12px; font-weight: 700;\n}\n.card-rating svg{ width: 12px; height: 12px; fill: var(--brand-lime); }\n\n.quick-add{\n position:absolute; left: 14px; right: 14px; bottom: -50px; z-index: 3;\n background: var(--ink); color: var(--bg-void);\n border-radius: var(--radius-pill); padding: 12px; text-align:center;\n font-size: 12.5px; font-weight: 800; letter-spacing:.04em; text-transform: uppercase;\n transition: bottom .4s var(--ease-out), background .3s;\n}\n.product-card:hover .quick-add{ bottom: 14px; }\n.quick-add:hover{ background: var(--brand-blue); color:#fff; }\n\n.card-body{ padding: 18px 18px 20px; display:flex; flex-direction:column; gap: 10px; flex:1; }\n.card-vendor{ font-size: 11px; font-weight: 700; letter-spacing:.06em; text-transform: uppercase; color: var(--ink-faint); }\n.card-title{\n font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.35;\n min-height: 40px;\n transition: color .25s var(--ease-out);\n}\n.product-card:hover .card-title{ color: var(--brand-blue-soft); }\n.card-price{ display:flex; align-items:baseline; gap: 8px; font-size: 15px; }\n.price-sale{ color: var(--brand-lime); font-weight: 800; }\n.price-regular{ color: var(--ink-faint); text-decoration: line-through; font-size: 13px; }\n.price-from{ color: var(--ink-faint); font-size: 11px; text-transform: uppercase; letter-spacing:.04em; }\n\n.card-features{\n display:grid; grid-template-columns: 1fr 1fr; gap: 8px;\n margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--line);\n}\n.feature{ display:flex; align-items:center; gap:7px; }\n.feature img{ width: 22px; height: 22px; object-fit: contain; flex-shrink:0; opacity:.92; }\n.feature-text{ line-height: 1.15; }\n.feature-text b{ display:block; font-size: 11.5px; color: var(--ink); font-weight: 700; }\n.feature-text span{ display:block; font-size: 10px; color: var(--ink-faint); }\n\n.section-cta{ text-align: center; margin-top: 48px; }\n\n\/* ==================================================================\n 9. TOP BRANDS\n ================================================================== *\/\n.brands-track-wrap{ overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\n.brands-track{ display:flex; gap: 56px; width: max-content; animation: brands-scroll 30s linear infinite; align-items:center; }\n.brands-track-wrap:hover .brands-track{ animation-play-state: paused; }\n@keyframes brands-scroll{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }\n.brand-logo{\n width: 96px; height: 96px; border-radius: 50%;\n background: var(--bg-surface); border: 1px solid var(--line);\n display:flex; align-items:center; justify-content:center; padding: 18px;\n filter: grayscale(1) brightness(1.5) contrast(0.9); opacity: .6;\n transition: filter .4s var(--ease-out), opacity .4s var(--ease-out), border-color .4s, transform .4s var(--ease-out);\n flex-shrink: 0;\n}\n.brand-logo:hover{ filter: none; opacity: 1; border-color: var(--brand-blue); transform: translateY(-4px); }\n@media (prefers-reduced-motion: reduce){ .brands-track{ animation: none; flex-wrap: wrap; justify-content: center; } }\n\n\/* ==================================================================\n 10. STACKS BY GOALS\n ================================================================== *\/\n.goals-grid{ display:grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.goal-card{\n position: relative; padding: 30px 22px; border-radius: var(--radius-lg);\n border: 1px solid var(--line); overflow: hidden; min-height: 220px;\n display:flex; flex-direction:column; justify-content:flex-end;\n transition: transform .45s var(--ease-out), border-color .4s;\n}\n.goal-card:hover{ transform: translateY(-6px); border-color: var(--line-strong); }\n.goal-card::before{\n content:''; position:absolute; inset:0; z-index:0;\n background: var(--goal-grad); opacity:.9;\n transition: opacity .4s var(--ease-out), transform .6s var(--ease-out);\n}\n.goal-card:hover::before{ transform: scale(1.08); }\n.goal-emoji{ font-size: 34px; position: relative; z-index:1; margin-bottom: 14px; filter: drop-shadow(0 6px 14px rgba(0,0,0,.4)); }\n.goal-count{\n position:relative; z-index:1; align-self:flex-start;\n font-size: 11px; font-weight: 800; letter-spacing:.05em; text-transform:uppercase;\n background: rgba(10,11,14,0.5); border:1px solid rgba(255,255,255,0.2);\n padding: 4px 10px; border-radius: var(--radius-pill); margin-bottom: 10px; backdrop-filter: blur(6px);\n}\n.goal-card h3{ position:relative; z-index:1; font-size: 19px; font-weight: 800; color: #0a0b0e; line-height:1.2; margin-bottom: 6px; }\n.goal-card p{ position:relative; z-index:1; font-size: 12.5px; color: rgba(10,11,14,0.72); line-height:1.4; }\n.goal-arrow{\n position:absolute; z-index:1; top: 24px; right: 24px;\n width: 34px; height: 34px; border-radius:50%; background: rgba(10,11,14,0.18);\n display:flex; align-items:center; justify-content:center;\n transition: transform .35s var(--ease-out), background .35s;\n}\n.goal-card:hover .goal-arrow{ transform: rotate(45deg); background: rgba(10,11,14,0.3); }\n.goal-arrow svg{ width:16px; height:16px; color:#0a0b0e; }\n\n\/* ==================================================================\n 11. SHOP THE FEED\n ================================================================== *\/\n.feed-track{\n display:flex; gap: 18px; overflow-x: auto; scroll-snap-type: x proximity;\n padding: 4px 4px 20px; cursor: grab;\n scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent;\n}\n.feed-track.is-dragging{ cursor: grabbing; scroll-snap-type: none; }\n.feed-track::-webkit-scrollbar{ height: 6px; }\n.feed-track::-webkit-scrollbar-thumb{ background: var(--line-strong); border-radius: 4px; }\n.feed-card{\n flex: 0 0 auto; width: 240px; aspect-ratio: 9\/14; border-radius: var(--radius-lg);\n overflow: hidden; position: relative; scroll-snap-align: start;\n border: 1px solid var(--line); background: var(--bg-surface);\n}\n.feed-card img.feed-bg{ width:100%; height:100%; object-fit: cover; transition: transform .6s var(--ease-out); }\n.feed-card:hover img.feed-bg{ transform: scale(1.08); }\n.feed-play{\n position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);\n width: 52px; height: 52px; border-radius: 50%;\n background: rgba(255,255,255,0.15); backdrop-filter: blur(6px);\n border: 1px solid rgba(255,255,255,0.4);\n display:flex; align-items:center; justify-content:center;\n transition: transform .35s var(--ease-out), background .35s; z-index: 3;\n}\n.feed-card:hover .feed-play{ transform: translate(-50%,-50%) scale(1.12); background: var(--brand-blue); }\n.feed-play svg{ width: 18px; height: 18px; color: #fff; margin-left: 2px; }\n.feed-chip{\n position:absolute; left: 12px; right:12px; bottom: 12px; z-index:2;\n background: rgba(10,11,14,0.72); backdrop-filter: blur(8px);\n border: 1px solid var(--line); border-radius: var(--radius-md);\n padding: 10px 12px; display:flex; align-items:center; gap:10px;\n}\n.feed-chip img{ width: 30px; height: 30px; border-radius: 8px; object-fit: cover; background:#fff; flex-shrink:0; }\n.feed-chip span{ font-size: 11.5px; font-weight: 700; line-height:1.25; color: var(--ink); }\n.feed-gradient{ position:absolute; inset:0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.75) 100%); z-index:1; }\n\n\/* ==================================================================\n 12. TESTIMONIALS\n ================================================================== *\/\n.testimonial-stats{ display:flex; justify-content:center; gap: 10px; align-items:baseline; margin-bottom: 8px; }\n.testimonial-stats .num{ font-family:'Anton', sans-serif; font-size: 42px; color: var(--brand-lime); }\n.testimonial-stats .label{ color: var(--ink-dim); font-size: 14px; font-weight: 600; }\n\n.t-carousel{ position: relative; max-width: 900px; margin: 0 auto; }\n.t-track-wrap{ overflow: hidden; border-radius: var(--radius-lg); }\n.t-track{ display:flex; transition: transform .6s var(--ease-out); }\n.t-slide{ flex: 0 0 100%; padding: 6px; }\n.t-card{\n background: var(--bg-surface); border: 1px solid var(--line); border-radius: var(--radius-lg);\n padding: 40px 44px; text-align:center; min-height: 200px;\n display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 18px;\n}\n.t-stars{ display:flex; gap:3px; }\n.t-stars svg{ width:16px; height:16px; fill: var(--brand-lime); }\n.t-quote{ font-size: 17px; line-height: 1.6; color: var(--ink); max-width: 60ch; }\n.t-author{ display:flex; align-items:center; gap:10px; }\n.t-avatar{\n width: 36px; height:36px; border-radius:50%; background: var(--brand-blue);\n color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; flex-shrink:0;\n}\n.t-name{ font-weight: 700; font-size: 13.5px; }\n.t-product{ font-size: 11px; color: var(--ink-faint); text-transform: uppercase; letter-spacing:.04em; }\n\n.t-controls{ display:flex; justify-content:center; align-items:center; gap: 18px; margin-top: 28px; }\n.t-arrow{\n width: 44px; height:44px; border-radius:50%; border:1px solid var(--line-strong);\n display:flex; align-items:center; justify-content:center; color: var(--ink);\n transition: all .3s var(--ease-out); flex-shrink:0;\n}\n.t-arrow:hover{ background: var(--brand-blue); border-color: var(--brand-blue); color:#fff; }\n.t-arrow svg{ width: 18px; height:18px; }\n.t-dots{ display:flex; gap:7px; flex-wrap:wrap; justify-content:center; max-width: 220px; }\n.t-dot{ width:7px; height:7px; border-radius:50%; background: var(--line-strong); transition: all .3s var(--ease-out); }\n.t-dot.is-active{ background: var(--brand-lime); width: 22px; border-radius: 4px; }\n\n\/* ==================================================================\n 13. FOOTER\n ================================================================== *\/\n.site-footer{ position: relative; z-index: 2; border-top: 1px solid var(--line); padding: 80px 0 0; background: var(--bg-surface); }\n.footer-grid{\n display:grid; grid-template-columns: 1.4fr 0.8fr 0.8fr 1.2fr; gap: 48px;\n padding-bottom: 60px; border-bottom: 1px solid var(--line);\n}\n.footer-brand p{ color: var(--ink-dim); font-size: 14px; margin: 18px 0 24px; max-width: 32ch; line-height: 1.6; }\n.social-row{ display:flex; gap:10px; }\n.social-btn{\n width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line-strong);\n display:flex; align-items:center; justify-content:center; color: var(--ink-dim);\n transition: all .3s var(--ease-out);\n}\n.social-btn:hover{ background: var(--brand-blue); border-color: var(--brand-blue); color:#fff; transform: translateY(-3px); }\n.social-btn svg{ width: 16px; height:16px; }\n\n.footer-col h4{ font-size: 13px; font-weight: 800; letter-spacing:.06em; text-transform: uppercase; color: var(--ink); margin-bottom: 20px; }\n.footer-col ul{ display:flex; flex-direction:column; gap: 13px; }\n.footer-col a{ font-size: 14px; color: var(--ink-dim); transition: color .25s var(--ease-out); }\n.footer-col a:hover{ color: var(--brand-lime); }\n\n.newsletter h4{ font-size: 13px; font-weight: 800; letter-spacing:.06em; text-transform: uppercase; color: var(--ink); margin-bottom: 14px; }\n.newsletter p{ color: var(--ink-dim); font-size: 14px; margin-bottom: 18px; line-height:1.6; }\n.newsletter-form{ display:flex; gap: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-pill); padding: 5px; }\n.newsletter-form input{\n flex:1; background:transparent; border:none; padding: 10px 16px; color: var(--ink); font-size: 14px; min-width: 0;\n}\n.newsletter-form input::placeholder{ color: var(--ink-faint); }\n.newsletter-form button{\n background: var(--brand-blue); color:#fff; padding: 10px 20px; border-radius: var(--radius-pill);\n font-size: 12.5px; font-weight: 800; letter-spacing:.03em; text-transform: uppercase; white-space:nowrap;\n transition: background .3s var(--ease-out);\n}\n.newsletter-form button:hover{ background: var(--brand-blue-soft); }\n.newsletter-msg{ font-size: 12.5px; color: var(--brand-lime); margin-top: 10px; min-height: 16px; }\n\n.footer-bottom{\n display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; gap: 14px;\n padding: 26px 0; font-size: 12.5px; color: var(--ink-faint);\n}\n.footer-bottom .policy-links{ display:flex; gap: 20px; flex-wrap: wrap; }\n.footer-bottom a:hover{ color: var(--ink-dim); }\n\n\/* ==================================================================\n 14. RESPONSIVE\n ================================================================== *\/\n@media (max-width: 1100px){\n .main-nav{ display:none; }\n .hamburger{ display:flex; }\n .product-grid{ grid-template-columns: repeat(3, 1fr); }\n .goals-grid{ grid-template-columns: repeat(3, 1fr); }\n .footer-grid{ grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 768px){\n .container{ padding: 0 20px; }\n .product-grid{ grid-template-columns: repeat(2, 1fr); gap: 16px; }\n .goals-grid{ grid-template-columns: repeat(2, 1fr); }\n .section{ padding: 64px 0; }\n .hero{ padding: 80px 0 60px; }\n .card-features{ grid-template-columns: 1fr 1fr; }\n .footer-grid{ grid-template-columns: 1fr; gap: 36px; }\n .t-card{ padding: 30px 24px; }\n}\n@media (max-width: 480px){\n .product-grid{ grid-template-columns: 1fr 1fr; gap: 12px; }\n .goals-grid{ grid-template-columns: 1fr 1fr; }\n .card-body{ padding: 14px; }\n .card-title{ font-size: 13.5px; min-height: 34px; }\n .btn{ padding: 14px 24px; font-size: 12.5px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<a href=\"#main-content\" class=\"skip-link\">Skip to content<\/a>\n<div class=\"ambient-glow\" aria-hidden=\"true\"><\/div>\n<div class=\"cursor-glow\" id=\"cursorGlow\" aria-hidden=\"true\"><\/div>\n\n<!-- ANNOUNCEMENT BAR -->\n<div class=\"announcement-bar\" role=\"banner\">\n <div class=\"marquee\" aria-hidden=\"true\">\n <span>\ud83d\udee1\ufe0f <b>100% Authentic<\/b>  |  Free Shipping<\/span>\n <span>\ud83d\udee1\ufe0f <b>100% Authentic<\/b>  |  Free Shipping<\/span>\n <span>\ud83d\udee1\ufe0f <b>100% Authentic<\/b>  |  Free Shipping<\/span>\n <span>\ud83d\udee1\ufe0f <b>100% Authentic<\/b>  |  Free Shipping<\/span>\n <\/div>\n<\/div>\n\n<!-- PROMO BANNER -->\n<a class=\"promo-banner\" href=\"https:\/\/jackednutrition.pk\/collections\/azadi-sale\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/jackednutrition.pk\/cdn\/shop\/files\/web-bannerjpg-6a7da4305e6c7.webp?v=1786619094&width=2200\" alt=\"Azadi Sale \u2014 limited time offer\" loading=\"lazy\">\n<\/a>\n\n<!-- HEADER -->\n<header class=\"site-header\" id=\"siteHeader\">\n <div class=\"container header-inner\">\n <a href=\"https:\/\/jackednutrition.pk\/\" class=\"logo\" aria-label=\"Jacked Nutrition \u2014 home\">\n <span class=\"l1\">JACKED<\/span><span class=\"l2\">NUTRITION<\/span>\n <\/a>\n\n <nav class=\"main-nav\" aria-label=\"Primary\">\n <a href=\"https:\/\/jackednutrition.pk\/collections\/azadi-sale\" class=\"accent\">Azadi Sale<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/collections\/deals\">Deals & Offers<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/our-stores\">Our Stores<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/farmalabs\">Farmalabs<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/online-training-program\">Online Training Program<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/our-story\">Our Story<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/jacked-university\">Jacked University<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a href=\"https:\/\/jackednutrition.pk\/search\" class=\"icon-btn\" aria-label=\"Search\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/jackednutrition.pk\/customer_authentication\/redirect\" class=\"icon-btn\" aria-label=\"Login\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4 4-6 8-6s8 2 8 6\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/jackednutrition.pk\/cart\" class=\"icon-btn\" aria-label=\"Cart, 0 items\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6h15l-1.5 9h-12z\"\/><path d=\"M6 6L4 3H2\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <span class=\"cart-count\">0<\/span>\n <\/a>\n <button class=\"icon-btn hamburger\" id=\"menuToggle\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"mobileNav\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 6h18M3 12h18M3 18h18\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n<\/header>\n\n<div class=\"scrim\" id=\"scrim\"><\/div>\n<nav class=\"mobile-nav\" id=\"mobileNav\" aria-label=\"Mobile\">\n <div class=\"mobile-nav-head\">\n <span class=\"logo\"><span class=\"l1\">JACKED<\/span><span class=\"l2\">NUTRITION<\/span><\/span>\n <button class=\"icon-btn\" id=\"menuClose\" aria-label=\"Close menu\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n <\/button>\n <\/div>\n <a href=\"https:\/\/jackednutrition.pk\/collections\/azadi-sale\">Azadi Sale<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/collections\/deals\">Deals & Offers<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/our-stores\">Our Stores<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/farmalabs\">Farmalabs<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/online-training-program\">Online Training Program<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/our-story\">Our Story<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/jacked-university\">Jacked University<\/a>\n<\/nav>\n\n<main id=\"main-content\">\n\n <!-- HERO -->\n <section class=\"hero\">\n <canvas class=\"hero-particles\" id=\"heroParticles\" aria-hidden=\"true\"><\/canvas>\n <div class=\"container\">\n <span class=\"hero-eyebrow reveal\" data-reveal>Est. 2012 \u00b7 Pakistan's Fitness Movement<\/span>\n <h1 class=\"display reveal\" data-reveal>Pakistan's Fitness Revolution Begins with <em>Jacked Nutrition.<\/em><\/h1>\n <p class=\"reveal\" data-reveal>We started with a simple idea in 2012, to change the perspective on how people from Pakistan approach fitness. We started without an investment with just $10 in the pocket in a small room with a big dream to serve our people. Today, Jacked Nutrition presents seven retail stores, a leading online presence, and the largest gym in Pakistan. We started with one person and one goal at a time and aim to provide the best fitness experience. For us, it's always been about helping people live better and reach their full potential.<\/p>\n <div class=\"hero-actions reveal\" data-reveal>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/our-story\" class=\"btn btn-primary\">Our Story<\/a>\n <a href=\"#shop\" class=\"btn btn-ghost\">Shop Now<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SHOP BY COLLECTION -->\n <section class=\"section\" id=\"shop\">\n <div class=\"container\">\n <div class=\"section-head reveal\" data-reveal>\n <span class=\"section-eyebrow\">Bestsellers<\/span>\n <h2 class=\"display\">Shop By <em>Collection<\/em><\/h2>\n <\/div>\n\n <div class=\"category-pills reveal\" data-reveal id=\"categoryPills\">\n <button class=\"pill is-active\" data-cat=\"protein\">Protein<\/button>\n <button class=\"pill\" data-cat=\"creatine\">Creatine<\/button>\n <button class=\"pill\" data-cat=\"pre-workout\">Pre-Workout<\/button>\n <button class=\"pill\" data-cat=\"multivitamins\">Multivitamins<\/button>\n <button class=\"pill\" data-cat=\"mass-gainer\">Mass Gainer<\/button>\n <button class=\"pill\" data-cat=\"fat-burners\">Fat Burners<\/button>\n <\/div>\n\n <div class=\"product-grid\" id=\"productGrid\"><!-- injected by JS --><\/div>\n\n <div class=\"section-cta reveal\" data-reveal>\n <a href=\"https:\/\/jackednutrition.pk\/collections\/protein\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">View all<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TOP BRANDS -->\n <section class=\"section\" style=\"padding-top:20px;\">\n <div class=\"container\">\n <div class=\"section-head reveal\" data-reveal>\n <span class=\"section-eyebrow\">Authorized Retailer<\/span>\n <h2 class=\"display\">Top <em>Brands<\/em><\/h2>\n <p>Trusted Names in Nutrition & Fitness<\/p>\n <\/div>\n <\/div>\n <div class=\"brands-track-wrap reveal\" data-reveal>\n <div class=\"brands-track\" id=\"brandsTrack\"><!-- injected by JS --><\/div>\n <\/div>\n <\/section>\n\n <!-- STACKS BY GOALS -->\n <section class=\"section\">\n <div class=\"container\">\n <div class=\"section-head reveal\" data-reveal>\n <span class=\"section-eyebrow\">Built Around You<\/span>\n <h2 class=\"display\"><em>Stacks<\/em> By Goals<\/h2>\n <p>Fuel Your Fitness \u2014 Tailored for Your Goals<\/p>\n <\/div>\n <div class=\"goals-grid\" id=\"goalsGrid\"><!-- injected by JS --><\/div>\n <\/div>\n <\/section>\n\n <!-- SHOP THE FEED -->\n <section class=\"section\">\n <div class=\"container\">\n <div class=\"section-head reveal\" data-reveal>\n <span class=\"section-eyebrow\">@jackednutrition.pk<\/span>\n <h2 class=\"display\">Shop the <em>Feed<\/em><\/h2>\n <p>Showcasing how Jacked Nutrition fuels every goal, every grind.<\/p>\n <\/div>\n <\/div>\n <div class=\"container\">\n <div class=\"feed-track\" id=\"feedTrack\"><!-- injected by JS --><\/div>\n <div class=\"section-cta reveal\" data-reveal>\n <a href=\"https:\/\/www.instagram.com\/jackednutrition.pk\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">Inspire Me<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TESTIMONIALS -->\n <section class=\"section\">\n <div class=\"container\">\n <div class=\"section-head reveal\" data-reveal>\n <span class=\"section-eyebrow\">Real Results<\/span>\n <h2 class=\"display\">Let <em>Customers<\/em> Speak For Us.<\/h2>\n <div class=\"testimonial-stats\" style=\"margin-top:22px;\">\n <span class=\"num display\">30,163<\/span>\n <span class=\"label\">Verified Reviews<\/span>\n <\/div>\n <\/div>\n\n <div class=\"t-carousel reveal\" data-reveal>\n <div class=\"t-track-wrap\">\n <div class=\"t-track\" id=\"tTrack\"><!-- injected by JS --><\/div>\n <\/div>\n <div class=\"t-controls\">\n <button class=\"t-arrow\" id=\"tPrev\" aria-label=\"Previous testimonial\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg>\n <\/button>\n <div class=\"t-dots\" id=\"tDots\"><\/div>\n <button class=\"t-arrow\" id=\"tNext\" aria-label=\"Next testimonial\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"section-cta reveal\" data-reveal>\n <a href=\"https:\/\/jackednutrition.pk\/pages\/what-our-customers-say-about-jacked-nutrition\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">View All Testimonials<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n<!-- FOOTER -->\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <span class=\"logo\"><span class=\"l1\">JACKED<\/span><span class=\"l2\">NUTRITION<\/span><\/span>\n <p>Pakistan's largest supplement retailer \u2014 seven stores, one mission: helping people live better and reach their full potential.<\/p>\n <div class=\"social-row\">\n <a class=\"social-btn\" href=\"https:\/\/www.facebook.com\/JackedNutrition\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 21v-8h2.7l.4-3.1h-3.1V8c0-.9.25-1.5 1.55-1.5H17V3.6C16.7 3.55 15.7 3.5 14.5 3.5c-2.5 0-4.2 1.5-4.2 4.3v2.1H7.6V13h2.7v8h3.2z\"\/><\/svg>\n <\/a>\n <a class=\"social-btn\" href=\"https:\/\/www.instagram.com\/jackednutrition.pk\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"3.6\"\/><circle cx=\"17\" cy=\"7\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <\/a>\n <a class=\"social-btn\" href=\"https:\/\/www.youtube.com\/@JackedNutritionOfficial\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12s0-3.2-.4-4.7c-.25-.9-1-1.6-1.9-1.85C18.1 5 12 5 12 5s-6.1 0-7.7.45c-.9.25-1.65.95-1.9 1.85C2 8.8 2 12 2 12s0 3.2.4 4.7c.25.9 1 1.6 1.9 1.85C5.9 19 12 19 12 19s6.1 0 7.7-.45c.9-.25 1.65-.95 1.9-1.85.4-1.5.4-4.7.4-4.7zM10 15.2V8.8L15.5 12 10 15.2z\"\/><\/svg>\n <\/a>\n <a class=\"social-btn\" href=\"https:\/\/www.tiktok.com\/@jackednutrition\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16.5 3c.4 2.2 1.8 3.6 4 3.9v2.8c-1.4 0-2.7-.4-3.9-1.2v6.4c0 3.1-2.5 5.6-5.6 5.6S5.4 18 5.4 14.9c0-3 2.4-5.4 5.3-5.6v3c-1.3.2-2.3 1.3-2.3 2.6 0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7V3h3.2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>Help Center<\/h4>\n <ul>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/track-your-order\">Track Your Order<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/customer-complaint-form\">Submit a Complaint<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/product-authentication-tips\">Product Authentication<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/contact\">Contact Us<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/policies\/terms-of-service\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/disclaimer-privacy-policy\">Disclaimer & Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>Partner & Grow<\/h4>\n <ul>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/gym-and-swimming-pool-in-islamabad\">Jacked Fitness Arena<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/our-team\">Our Team<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/calorie-calculator\">Calorie Calculator<\/a><\/li>\n <li><a href=\"https:\/\/affiliate.jackednutrition.pk\">Affiliate Program<\/a><\/li>\n <li><a href=\"https:\/\/jackednutrition.pk\/pages\/editorial-policy\">Editorial Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter\">\n <h4>Stay In The Loop<\/h4>\n <p>Subscribe for Exclusive Offers & Expert Tips.<\/p>\n <form class=\"newsletter-form\" id=\"newsletterForm\">\n <input type=\"email\" placeholder=\"Enter your email\" required aria-label=\"Email address\">\n <button type=\"submit\">Subscribe<\/button>\n <\/form>\n <p class=\"newsletter-msg\" id=\"newsletterMsg\" role=\"status\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Jacked Nutrition. All Rights Reserved.<\/span>\n <div class=\"policy-links\">\n <a href=\"https:\/\/jackednutrition.pk\/policies\/refund-policy\">Refund policy<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/policies\/privacy-policy\">Privacy policy<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/policies\/terms-of-service\">Terms of service<\/a>\n <a href=\"https:\/\/jackednutrition.pk\/policies\/contact-information\">Contact information<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script>\n\/* ==================================================================\n DATA \u2014 extracted verbatim from the live storefront\n ================================================================== *\/\nconst ICONS = {\n protein: 'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Protein_Icon_24f9cdc4-0421-47cd-9122-5793a042de9b.png?v=1742461361',\n muscle: 'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/increase_muscle.png?v=1742366427',\n recovery:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Muscle_recovery_icon_a74d5f8a-80e4-4e99-aceb-9904c539e48b.png?v=1742369811',\n perform: 'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Enhance_perormance_icon_4fc2f031-ba31-48cb-a3b9-1683f8eac9c7.png?v=1742366530',\n metab: 'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/metabolism_icon_bfed9cd8-59f1-4cda-a1c1-086024605bd7.png?v=1742370636'\n};\n\nconst PRODUCTS = [\n { badge:'Trending', sale:'Save 10%', rating:4.7, vendor:'Jacked Nutrition',\n title:'Whey Protein Powder \u2013 ISO Jacked Ultra-Premium Whey Blend',\n url:'https:\/\/jackednutrition.pk\/products\/iso-jacked-whey-protein',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/IsoJacked5lbs.jpg?v=1686284258&width=880',\n priceSale:'Rs.945.00', priceReg:'Rs.1,050.00', from:true,\n features:[['27 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:'Reengineered Flavour', sale:null, rating:4.7, vendor:'Jacked Nutrition',\n title:'JACKED BROWN RICE PROTEIN',\n url:'https:\/\/jackednutrition.pk\/products\/jacked-brown-rice-protein',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/2_3d13ea79-0868-4ce4-8358-dea060b925fa.png?v=1784121556&width=880',\n priceSale:null, priceReg:'Rs.6,450.00', from:true,\n features:[['24 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:'Best Price', sale:'Save 30%', rating:4.7, vendor:'Blade Sport',\n title:'BLADE WHEY+',\n url:'https:\/\/jackednutrition.pk\/products\/blade-sport-blade-whey-plus',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/2000g_4.4lbs.webp?v=1748523570&width=880',\n priceSale:'Rs.7,595.00', priceReg:'Rs.10,850.00', from:true,\n features:[['25 Gram','Protein Per Serving',ICONS.protein],['Boost Metabolism','Enhances Body Efficiency',ICONS.metab]] },\n\n { badge:null, sale:'Save 25%', rating:4.6, vendor:'Blade Sport',\n title:'BLADE PREDATOR BEEF PROTEIN',\n url:'https:\/\/jackednutrition.pk\/products\/blade-predator-hydrolyzed-beef-protein',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Blade_predators.webp?v=1748500945&width=880',\n priceSale:'Rs.26,962.00', priceReg:'Rs.35,950.00', from:false,\n features:[['24 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:null, sale:'Save 10%', rating:4.6, vendor:'MuscleTech',\n title:'NITRO TECH 100% WHEY GOLD',\n url:'https:\/\/jackednutrition.pk\/products\/nitro-tech-100-whey-gold',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/nitrotech_whey_gold_5lbs_vanilla_cream.webp?v=1781683713&width=2640',\n priceSale:'Rs.20,655.00', priceReg:'Rs.22,950.00', from:true,\n features:[['24 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:null, sale:'Save 10%', rating:4.8, vendor:'Dymatize Nutrition',\n title:'ISO 100',\n url:'https:\/\/jackednutrition.pk\/products\/iso-100',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/dymatizeiso100.webp?v=1748584584&width=880',\n priceSale:'Rs.20,655.00', priceReg:'Rs.22,950.00', from:true,\n features:[['25 Gram','Protein Per Serving',ICONS.protein],['Enhances Recovery','Muscle Repair & Growth',ICONS.recovery]] },\n\n { badge:null, sale:'Save 10%', rating:4.8, vendor:'BSN',\n title:'Syntha 6',\n url:'https:\/\/jackednutrition.pk\/products\/syntha-6',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/SYntha6.webp?v=1748583426&width=880',\n priceSale:'Rs.19,755.00', priceReg:'Rs.21,950.00', from:true,\n features:[['22 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:null, sale:'Save 25%', rating:4.5, vendor:'Superior14',\n title:'RIPPED WHEY PROTEIN',\n url:'https:\/\/jackednutrition.pk\/products\/ripped-whey-protein',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/superior14rippedwhey42servings.webp?v=1781609823&width=2640',\n priceSale:'Rs.27,712.00', priceReg:'Rs.36,950.00', from:false,\n features:[['30 Gram','Protein Per Serving',ICONS.protein],['Boost Metabolism','Enhances Body Efficiency',ICONS.metab]] },\n\n { badge:null, sale:'Save 25%', rating:4.6, vendor:'Superior14',\n title:'WHEY CORE PROTEIN',\n url:'https:\/\/jackednutrition.pk\/products\/superior-14-whey-core',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Superior-Whey-Core-Chocolate-2270gENHANCED.webp?v=1748505777&width=880',\n priceSale:'Rs.15,337.00', priceReg:'Rs.20,450.00', from:true,\n features:[['25 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:null, sale:'Save 10%', rating:4.9, vendor:'MuscleMeds',\n title:'CARNIVOR BEEF PROTEIN SHRED',\n url:'https:\/\/jackednutrition.pk\/products\/carnivor-beef-protein-shred',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/4_CARNIVOR_BEEF_PROTEIN_SHRED.webp?v=1749630630&width=880',\n priceSale:'Rs.17,055.00', priceReg:'Rs.18,950.00', from:true,\n features:[['23 Gram','Protein Per Serving',ICONS.protein],['Builds Muscle','Support Muscle Recovery',ICONS.muscle]] },\n\n { badge:null, sale:'Save 10%', rating:4.7, vendor:'MuscleTech',\n title:'NITRO TECH RIPPED',\n url:'https:\/\/jackednutrition.pk\/products\/nitro-tech-ripped',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/untitled-design-4-6a2fd4ce4f571.webp?v=1781519609&width=880',\n priceSale:'Rs.18,405.00', priceReg:'Rs.20,450.00', from:true,\n features:[['30 Gram','Protein Per Serving',ICONS.protein],['Boost Metabolism','Enhances Body Efficiency',ICONS.metab]] },\n\n { badge:null, sale:'Save 20%', rating:4.6, vendor:'Jacked Nutrition',\n title:'ALL-IN JACKED PROTEIN BAR',\n url:'https:\/\/jackednutrition.pk\/products\/all-in-jacked-protein-bar',\n img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/COCONUT.png?v=1741340905&width=880',\n priceSale:'Rs.600.00', priceReg:'Rs.750.00', from:true,\n features:[['20 Gram','Protein Per Bar',ICONS.protein],['Enhances Performance','Fuel Your Workouts',ICONS.perform]] }\n];\n\nconst BRANDS = [\n { name:'Jacked Nutrition', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/JN_150x150_3ccab9ff-eb35-491a-ab14-06d8e883f297.webp?height=160&v=1759597503' },\n { name:'Blade Sport', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Blade_Sport_150x150_13a61c08-4b5e-4ab8-b95f-e294ed08e43e.webp?height=160&v=1759597502' },\n { name:'Musclelabs', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/ML_150x150_75c0c6b2-46e7-4fa7-a7b4-1c96a781dbd3.webp?height=160&v=1759597504' },\n { name:'Army1', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Army_1_150x150_03c42b71-3ab3-4982-9fda-b02ede760205.webp?height=160&v=1759597504' },\n { name:'Superior 14', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/Superior_150x150_27939f3a-528e-4d36-bd7c-79f8f54ab8a5.webp?height=160&v=1759597505' },\n { name:'MuscleTech', img:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/muscle_tech_150x150_7660bde6-d6a6-48af-8cfb-2465cf228236.webp?height=160&v=1759597505' }\n];\n\nconst GOALS = [\n { title:'Lean Muscle', count:9, emoji:'\ud83d\udcaa', desc:'Build lean muscle, boost strength, and enhance recovery.', url:'https:\/\/jackednutrition.pk\/collections\/lean-muscle-building', grad:'linear-gradient(150deg, #0057ff, #3b7dff)' },\n { title:'Weight Loss', count:8, emoji:'\ud83d\udd25', desc:'Burn fat, boost metabolism, and stay lean with every workout.', url:'https:\/\/jackednutrition.pk\/collections\/weight-loss', grad:'linear-gradient(150deg, #f8ff14, #c7cf00)' },\n { title:'Bulk Like Hulk', count:9, emoji:'\ud83d\udcaa', desc:'Gain mass, build strength, and power up like a beast!', url:'https:\/\/jackednutrition.pk\/collections\/bulk-like-hulk', grad:'linear-gradient(150deg, #3b7dff, #f8ff14)' },\n { title:'High Performance', count:7, emoji:'\ud83d\udcaa', desc:'Fuel strength, endurance, and recovery for peak performance.', url:'https:\/\/jackednutrition.pk\/collections\/high-performance', grad:'linear-gradient(150deg, #0057ff, #f8ff14)' },\n { title:'Healthy Lifestyle', count:6, emoji:'\ud83c\udf3f', desc:'Stay active, feel great, and live a healthier life every day.', url:'https:\/\/jackednutrition.pk\/collections\/healthy-life-style', grad:'linear-gradient(150deg, #f8ff14, #3b7dff)' }\n];\n\nconst FEED = [\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/0e032f08247549e3ae7eb3021bc994aa.thumbnail.0000000000.jpg?v=1748952268&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/2_3d13ea79-0868-4ce4-8358-dea060b925fa.png?v=1784121556&width=200', label:'JACKED BROWN RICE PROTEIN' },\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/e255f5fa91554d64b6cfdb128aadc039.thumbnail.0000000000.jpg?v=1785151808&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/COCONUT.png?v=1741340905&width=200', label:'ALL-IN JACKED PROTEIN BAR' },\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/e14f0bd6aa654365824a1f5388022975.thumbnail.0000000000.jpg?v=1785154742&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/vitabasic-696f61c89d493.webp?v=1768907535&width=200', label:'Multivitamin \u2014 Vitabasic' },\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/d60a466cf1a240649ddbbef09f666229.thumbnail.0000000000.jpg?v=1785151798&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/PeanutButterBucket.webp?v=1748496675&width=200', label:'Original Peanut Butter' },\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/6794ab2387a142cab5aac8579edfa8bb.thumbnail.0000000000.jpg?v=1783944175&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/VITAMITIC-BESTMULTIVITAMINFORMEN_WOMEN.webp?v=1748495989&width=200', label:'Multivitamin \u2014 Vitamitic' },\n { thumb:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/preview_images\/c56f5418d1f74672bd29016468e16182.thumbnail.0000000000.jpg?v=1783932125&width=540', chip:'https:\/\/jackednutrition.pk\/cdn\/shop\/files\/1_b16544df-6503-4833-9845-da6406fe83be.png?v=1779432601&width=200', label:'MICRONIZED CREATINE MONOHYDRATE' }\n];\n\nconst TESTIMONIALS = [\n { name:'Zain', text:\"Superb - Trusted, local, verified by 3rd party, performance boosting micronized creatine. Even without a loading phase, with one week use, I am noticing more stamina and power during my sets! Most of all, it's the most affordable creatine on the market.\", product:'Platinum Creatine' },\n { name:'Muhammad Murtaza Hassan', text:'These are original and best products, 100% results guaranteed.', product:'Micronized Creatine Monohydrate' },\n { name:'Tahir', text:'Amazing product with affordability. Good taste. Makes me feel alive.', product:'Jacked Brown Rice Protein' },\n { name:'M. Yousuf Mastoi', text:'This Gold Creatine is absolutely amazing \u2014 incredible quality and value. Highly recommend it!', product:'Gold Creatine' },\n { name:'Abdul', text:'Used it after using non-micronized creatine, these are way much better, got rid of that bloating and grains. Excellent product quality.', product:null },\n { name:'Malik Shazil', text:\"This vanilla flavour is 100% recommended, I'm really enjoying its taste.\", product:null },\n { name:'Ahmad', text:'Yes this is a nice flavoured protein with a good taste and also a good source of high protein.', product:null },\n { name:'Lawangeen', text:'Excellent product, genuine product.', product:null },\n { name:'Rizwan', text:'Very effective product. \ud83d\udd25', product:null },\n { name:'Waqar', text:'Recommended 100%.', product:null }\n];\n\n\/* ==================================================================\n RENDER HELPERS\n ================================================================== *\/\nfunction starIcon(){ return '<svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 5.6 6.1.6-4.6 4.2 1.3 6-5.4-3-5.4 3 1.3-6L1.3 7.2l6.1-.6z\"\/><\/svg>'; }\n\nfunction renderProducts(){\n const grid = document.getElementById('productGrid');\n grid.innerHTML = PRODUCTS.map(p => `\n <article class=\"product-card\" data-tilt>\n <div class=\"card-media\">\n <div class=\"card-badges\">\n ${p.badge ? `<span class=\"badge badge-tag\">${p.badge}<\/span>` : ''}\n ${p.sale ? `<span class=\"badge badge-sale\">${p.sale}<\/span>` : ''}\n <\/div>\n <div class=\"card-rating\">${starIcon()}<span>${p.rating}<\/span><\/div>\n <a href=\"${p.url}\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"${p.img}\" alt=\"${p.title}\" loading=\"lazy\"><\/a>\n <a href=\"${p.url}\" class=\"quick-add\" target=\"_blank\" rel=\"noopener\">Choose Options<\/a>\n <\/div>\n <div class=\"card-body\">\n <span class=\"card-vendor\">${p.vendor}<\/span>\n <a href=\"${p.url}\" class=\"card-title\" target=\"_blank\" rel=\"noopener\">${p.title}<\/a>\n <div class=\"card-price\">\n ${p.from ? '<span class=\"price-from\">From<\/span>' : ''}\n ${p.priceSale ? `<span class=\"price-sale\">${p.priceSale}<\/span><span class=\"price-regular\">${p.priceReg}<\/span>` : `<span class=\"price-sale\">${p.priceReg}<\/span>`}\n <\/div>\n <div class=\"card-features\">\n ${p.features.map(f => `\n <div class=\"feature\">\n <img decoding=\"async\" src=\"${f[2]}\" alt=\"\" loading=\"lazy\">\n <div class=\"feature-text\"><b>${f[0]}<\/b><span>${f[1]}<\/span><\/div>\n <\/div>`).join('')}\n <\/div>\n <\/div>\n <\/article>\n `).join('');\n}\n\nfunction renderBrands(){\n const track = document.getElementById('brandsTrack');\n const set = BRANDS.map(b => `<div class=\"brand-logo\" title=\"${b.name}\"><img decoding=\"async\" src=\"${b.img}\" alt=\"${b.name} logo\" loading=\"lazy\"><\/div>`).join('');\n track.innerHTML = set + set; \/\/ duplicate for seamless loop\n}\n\nfunction renderGoals(){\n const grid = document.getElementById('goalsGrid');\n grid.innerHTML = GOALS.map(g => `\n <a class=\"goal-card reveal\" data-reveal href=\"${g.url}\" target=\"_blank\" rel=\"noopener\" style=\"--goal-grad:${g.grad}\">\n <div class=\"goal-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/div>\n <span class=\"goal-emoji\">${g.emoji}<\/span>\n <span class=\"goal-count\">${g.count} Products<\/span>\n <h3>${g.title}<\/h3>\n <p>${g.desc}<\/p>\n <\/a>\n `).join('');\n}\n\nfunction renderFeed(){\n const track = document.getElementById('feedTrack');\n track.innerHTML = FEED.map(f => `\n <div class=\"feed-card\">\n <img decoding=\"async\" class=\"feed-bg\" src=\"${f.thumb}\" alt=\"${f.label} \u2014 shop the feed\" loading=\"lazy\">\n <div class=\"feed-gradient\"><\/div>\n <div class=\"feed-play\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n <div class=\"feed-chip\"><img decoding=\"async\" src=\"${f.chip}\" alt=\"\"><span>${f.label}<\/span><\/div>\n <\/div>\n `).join('');\n}\n\nfunction renderTestimonials(){\n const track = document.getElementById('tTrack');\n const dots = document.getElementById('tDots');\n track.innerHTML = TESTIMONIALS.map(t => `\n <div class=\"t-slide\">\n <div class=\"t-card\">\n <div class=\"t-stars\">${starIcon().repeat(5)}<\/div>\n <p class=\"t-quote\">\"${t.text}\"<\/p>\n <div class=\"t-author\">\n <span class=\"t-avatar\">${t.name.charAt(0)}<\/span>\n <div>\n <div class=\"t-name\">${t.name}<\/div>\n ${t.product ? `<div class=\"t-product\">${t.product}<\/div>` : ''}\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n `).join('');\n dots.innerHTML = TESTIMONIALS.map((_,i) => `<button class=\"t-dot${i===0?' is-active':''}\" data-i=\"${i}\" aria-label=\"Go to review ${i+1}\"><\/button>`).join('');\n}\n\nrenderProducts();\nrenderBrands();\nrenderGoals();\nrenderFeed();\nrenderTestimonials();\n\n\/* ==================================================================\n HEADER: scroll state + mobile nav\n ================================================================== *\/\nconst header = document.getElementById('siteHeader');\nwindow.addEventListener('scroll', () => {\n header.classList.toggle('is-scrolled', window.scrollY > 40);\n}, { passive:true });\n\nconst menuToggle = document.getElementById('menuToggle');\nconst menuClose = document.getElementById('menuClose');\nconst mobileNav = document.getElementById('mobileNav');\nconst scrim = document.getElementById('scrim');\nfunction openNav(){ mobileNav.classList.add('is-open'); scrim.classList.add('is-open'); menuToggle.setAttribute('aria-expanded','true'); document.body.style.overflow='hidden'; }\nfunction closeNav(){ mobileNav.classList.remove('is-open'); scrim.classList.remove('is-open'); menuToggle.setAttribute('aria-expanded','false'); document.body.style.overflow=''; }\nmenuToggle.addEventListener('click', openNav);\nmenuClose.addEventListener('click', closeNav);\nscrim.addEventListener('click', closeNav);\nmobileNav.querySelectorAll('a').forEach(a => a.addEventListener('click', closeNav));\n\n\/* ==================================================================\n CATEGORY PILLS \u2014 only \"Protein\" has live product data (as fetched\n from the source collection); other pills surface a graceful note\n rather than inventing products that don't exist in the sourced data.\n ================================================================== *\/\nconst pills = document.querySelectorAll('.pill');\nconst grid = document.getElementById('productGrid');\npills.forEach(pill => {\n pill.addEventListener('click', () => {\n pills.forEach(p => p.classList.remove('is-active'));\n pill.classList.add('is-active');\n const cat = pill.dataset.cat;\n if (cat === 'protein') {\n renderProducts();\n initTilt();\n } else {\n const label = pill.textContent;\n grid.innerHTML = `\n <div style=\"grid-column:1\/-1; text-align:center; padding:60px 20px; color:var(--ink-dim);\">\n <p style=\"font-size:16px; margin-bottom:18px;\">Browse the full <strong style=\"color:var(--brand-lime);\">${label}<\/strong> range on the live store.<\/p>\n <a href=\"https:\/\/jackednutrition.pk\/collections\/all-products\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Explore ${label}<\/a>\n <\/div>`;\n }\n });\n});\n\n\/* ==================================================================\n PRODUCT CARD TILT (mouse-follow 3D depth, desktop only)\n ================================================================== *\/\nfunction initTilt(){\n if (!window.matchMedia('(hover:hover) and (pointer:fine)').matches) return;\n document.querySelectorAll('[data-tilt]').forEach(card => {\n const strength = 8;\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = (e.clientX - r.left) \/ r.width - 0.5;\n const y = (e.clientY - r.top) \/ r.height - 0.5;\n card.style.transform = `perspective(800px) rotateY(${x*strength}deg) rotateX(${-y*strength}deg) translateY(-4px)`;\n });\n card.addEventListener('mouseleave', () => { card.style.transform = ''; });\n });\n}\ninitTilt();\n\n\/* ==================================================================\n CURSOR GLOW\n ================================================================== *\/\nconst glow = document.getElementById('cursorGlow');\nif (window.matchMedia('(hover:hover) and (pointer:fine)').matches) {\n window.addEventListener('mousemove', e => {\n glow.style.left = e.clientX + 'px';\n glow.style.top = e.clientY + 'px';\n glow.classList.add('active');\n }, { passive:true });\n window.addEventListener('mouseleave', () => glow.classList.remove('active'));\n}\n\n\/* ==================================================================\n HERO PARTICLES (lightweight canvas, no external lib)\n ================================================================== *\/\n(function heroParticles(){\n const canvas = document.getElementById('heroParticles');\n const ctx = canvas.getContext('2d');\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n let w, h, particles = [];\n const COUNT = 44;\n\n function resize(){\n const hero = canvas.closest('.hero');\n w = canvas.width = hero.offsetWidth;\n h = canvas.height = hero.offsetHeight;\n }\n function init(){\n particles = Array.from({length: COUNT}, () => ({\n x: Math.random()*w, y: Math.random()*h,\n r: Math.random()*2 + 0.6,\n vx: (Math.random()-0.5)*0.25, vy: (Math.random()-0.5)*0.25,\n c: Math.random() > 0.5 ? '0,87,255' : '248,255,20'\n }));\n }\n function frame(){\n ctx.clearRect(0,0,w,h);\n particles.forEach(p => {\n p.x += p.vx; p.y += p.vy;\n if (p.x < 0 || p.x > w) p.vx *= -1;\n if (p.y < 0 || p.y > h) p.vy *= -1;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\n ctx.fillStyle = `rgba(${p.c},0.5)`;\n ctx.fill();\n });\n if (!reduce) requestAnimationFrame(frame);\n }\n resize(); init(); frame();\n window.addEventListener('resize', () => { resize(); init(); }, { passive:true });\n})();\n\n\/* ==================================================================\n FEED TRACK \u2014 drag to scroll\n ================================================================== *\/\n(function dragScroll(){\n const track = document.getElementById('feedTrack');\n let isDown = false, startX, scrollLeft;\n track.addEventListener('mousedown', e => {\n isDown = true; track.classList.add('is-dragging');\n startX = e.pageX - track.offsetLeft; scrollLeft = track.scrollLeft;\n });\n ['mouseleave','mouseup'].forEach(evt => track.addEventListener(evt, () => { isDown = false; track.classList.remove('is-dragging'); }));\n track.addEventListener('mousemove', e => {\n if (!isDown) return;\n e.preventDefault();\n const x = e.pageX - track.offsetLeft;\n track.scrollLeft = scrollLeft - (x - startX) * 1.4;\n });\n})();\n\n\/* ==================================================================\n TESTIMONIAL CAROUSEL\n ================================================================== *\/\n(function testimonialCarousel(){\n const t_track = document.getElementById('tTrack');\n const dotsWrap = document.getElementById('tDots');\n const prev = document.getElementById('tPrev');\n const next = document.getElementById('tNext');\n let index = 0;\n const total = TESTIMONIALS.length;\n let timer;\n\n function go(i){\n index = (i + total) % total;\n t_track.style.transform = `translateX(-${index * 100}%)`;\n Array.from(dotsWrap.children).forEach((d,di) => d.classList.toggle('is-active', di === index));\n }\n function autoplay(){\n clearInterval(timer);\n if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n timer = setInterval(() => go(index+1), 5000);\n }\n }\n prev.addEventListener('click', () => { go(index-1); autoplay(); });\n next.addEventListener('click', () => { go(index+1); autoplay(); });\n dotsWrap.addEventListener('click', e => {\n if (e.target.classList.contains('t-dot')) { go(+e.target.dataset.i); autoplay(); }\n });\n\n const carousel = document.querySelector('.t-carousel');\n carousel.addEventListener('mouseenter', () => clearInterval(timer));\n carousel.addEventListener('mouseleave', autoplay);\n\n \/\/ touch swipe\n let touchX = null;\n t_track.addEventListener('touchstart', e => { touchX = e.touches[0].clientX; }, { passive:true });\n t_track.addEventListener('touchend', e => {\n if (touchX === null) return;\n const dx = e.changedTouches[0].clientX - touchX;\n if (Math.abs(dx) > 40) go(dx < 0 ? index+1 : index-1);\n touchX = null; autoplay();\n });\n\n go(0);\n autoplay();\n})();\n\n\/* ==================================================================\n NEWSLETTER (client-side only demo feedback)\n ================================================================== *\/\ndocument.getElementById('newsletterForm').addEventListener('submit', e => {\n e.preventDefault();\n const msg = document.getElementById('newsletterMsg');\n msg.textContent = \"You're in \u2014 welcome to the Jacked family.\";\n e.target.reset();\n});\n\n\/* ==================================================================\n SCROLL REVEALS (GSAP if available, IntersectionObserver fallback)\n ================================================================== *\/\nfunction initReveals(){\n const els = document.querySelectorAll('[data-reveal]');\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n els.forEach(el => { el.style.opacity = 1; el.style.transform = 'none'; });\n return;\n }\n if (window.gsap && window.ScrollTrigger) {\n gsap.registerPlugin(ScrollTrigger);\n els.forEach(el => {\n gsap.to(el, {\n opacity: 1, y: 0, duration: 0.9, ease: 'power3.out',\n scrollTrigger: { trigger: el, start: 'top 88%', once: true }\n });\n });\n } else {\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1)';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'none';\n io.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n els.forEach(el => io.observe(el));\n }\n}\ninitReveals();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pakistan’s No.1 Online Supplements Store | Jacked Nutrition Skip to content \ud83d\udee1\ufe0f 100% Authentic  |  Free Shipping \ud83d\udee1\ufe0f 100% Authentic  |  Free Shipping \ud83d\udee1\ufe0f 100% Authentic  |  Free Shipping \ud83d\udee1\ufe0f 100% Authentic  |  Free Shipping JACKEDNUTRITION Azadi Sale Deals & Offers Our Stores Farmalabs Online Training Program Our Story Jacked University 0 JACKEDNUTRITION Azadi Sale […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-4092","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/pages\/4092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4092"}],"version-history":[{"count":28,"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/pages\/4092\/revisions"}],"predecessor-version":[{"id":4131,"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=\/wp\/v2\/pages\/4092\/revisions\/4131"}],"wp:attachment":[{"href":"https:\/\/test.instylefurniture.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}