PageSourceSearch

https://darussalam.pk/

html darussalam.pk collected 2026-09-25 10:56:55 UTC 561,012 bytes, 8,214 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    
4<script nowprocket nitro-exclude type="text/javascript" id="sa-dynamic-optimization" data-uuid="b7d8b190-6721-4676-87df-1c5370804467" src="https://dashboard.searchatlas.com/scripts/dynamic_optimization.js"></script>
4
5    <meta charset="utf-8">
6 
7<meta http-equiv="X-UA-Compatible" content="IE=edge">
8    <meta name="viewport" content="width=device-width,initial-scale=1">
9    <meta name="theme-color" content="">
10    <link rel="canonical" href="https://darussalam.pk/"><link rel="alternate" hreflang="en-gb" href="https://darussalam.uk/">
11  <link rel="alternate" hreflang="en-pk" href="https://darussalam.pk/">
12  <link rel="alternate" hreflang="en-sa" href="https://darussalamstore.com/">
13  <link rel="alternate" hreflang="en-ae" href="https://darussalamstore.ae/">
14  <link rel="alternate" hreflang="x-default" href="https://darussalamstore.com/"><link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//darussalam.pk/cdn/shop/files/favicon.png?crop=center&height=32&v=1779453192&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
15      Buy Authentic Islamic Books Online in Pakistan | Darussalam
16</title>
17
18    
19      <meta name="description" content="Darussalam.pk is Pakistan&#39;s only official Darussalam store for authentic Islamic books, Qurans, Hadith &amp; prayer essentials. Trusted by scholars since 1986.">
20    
21
22    
23
24<meta property="og:site_name" content="Darussalam PK">
25<meta property="og:url" content="https://darussalam.pk/">
26<meta property="og:title" content="Buy Authentic Islamic Books Online in Pakistan | Darussalam">
27<meta property="og:type" content="website">
28<meta property="og:description" content="Darussalam.pk is Pakistan&#39;s only official Darussalam store for authentic Islamic books, Qurans, Hadith &amp; prayer essentials. Trusted by scholars since 1986."><meta name="twitter:card" content="summary_large_image">
29<meta name="twitter:title" content="Buy Authentic Islamic Books Online in Pakistan | Darussalam">
30<meta name="twitter:description" content="Darussalam.pk is Pakistan&#39;s only official Darussalam store for authentic Islamic books, Qurans, Hadith &amp; prayer essentials. Trusted by scholars since 1986.">
31
32
33    
33<script src="//darussalam.pk/cdn/shop/t/19/assets/constants.js?v=58251544750838685771779255518" defer="defer"></script>
33
34    
34<script src="//darussalam.pk/cdn/shop/t/19/assets/pubsub.js?v=158357773527763999511779255518" defer="defer"></script>
34
35    
35<script src="//darussalam.pk/cdn/shop/t/19/assets/global.js?v=91987038017105044271779255518" defer="defer"></script>
35<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
35<meta name="google-site-verification" content="0uiAxgVF__iuD_tLfgOVjpmtyZ5PjgoJYoPRGsq6neo">
36<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/62075469935/digital_wallets/dialog">
37<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
37<script async="async" src="/checkouts/internal/preloads.js?locale=en-PK"></script>
vendor: 1 bytes, line 37
37
38<script id="shopify-features" type="application/json">{"accessToken":"c832b054aa44f13e9ef4fbfd208b75c2","betas":["rich-media-storefront-analytics"],"domain":"darussalam.pk","predictiveSearch":true,"shopId":62075469935,"locale":"en"}</script>
vendor: 1 bytes, line 38
38
39<script>var Shopify = Shopify || {};
40Shopify.shop = "g2nxeh-hm.myshopify.com";
41Shopify.locale = "en";
42Shopify.currency = {"active":"PKR","rate":"1.0"};
43Shopify.country = "PK";
44Shopify.theme = {"name":"Darussalam PK (Toyo Theme)","id":182932996207,"schema_name":"Toyo","schema_version":"4.0.1","theme_store_id":null,"role":"main"};
45Shopify.theme.handle = "null";
46Shopify.theme.style = {"id":null,"handle":null};
47Shopify.cdnHost = "darussalam.pk/cdn";
48Shopify.routes = Shopify.routes || {};
49Shopify.routes.root = "/";
50Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
51Shopify.SignInWithShop = Shopify.SignInWithShop || {};
52Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
53Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 53
53
54<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 54
54
55<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 55
55
56<script>
57  window.Shopify = window.Shopify || {};
58  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
59  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
60  window.Shopify.SignInWithShop.eligible = true;
61</script>
vendor: 1 bytes, line 61
61
62<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 62
62
63<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 63
63
64<script type="module">
65  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
66
67  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
68
69</script>
vendor: 1 bytes, line 69
69
70<script>
71  window.Shopify = window.Shopify || {};
72  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
73  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
74</script>
vendor: 1 bytes, line 74
74
75<script>(function() {
76  var isLoaded = false;
77  function asyncLoad() {
78    if (isLoaded) return;
79    isLoaded = true;
80    var urls = ["https:\/\/restock.semget.com\/\/scripttags\/semget.js?shop=g2nxeh-hm.myshopify.com","\/\/cdn.shopify.com\/proxy\/73d68775cfcc769be612fb18d127f3885b7aab033b9ba1ac2983683c94d58ff1\/api.goaffpro.com\/loader.js?shop=g2nxeh-hm.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
81    for (var i = 0; i < urls.length; i++) {
82      var s = document.createElement('script');
83      s.type = 'text/javascript';
84      s.async = true;
85      s.src = urls[i];
86      var x = document.getElementsByTagName('script')[0];
87      x.parentNode.insertBefore(s, x);
88    }
89  };
90  if(window.attachEvent) {
91    window.attachEvent('onload', asyncLoad);
92  } else {
93    window.addEventListener('load', asyncLoad, false);
94  }
95})();</script>
vendor: 1 bytes, line 95
95
96<script id="__st">var __st={"a":62075469935,"offset":18000,"reqid":"0b54813a-0074-4e59-bed9-e0d40f6924dc-1790333814","pageurl":"darussalam.pk\/","u":"c4b72bf6c545","p":"home"};</script>
vendor: 1 bytes, line 96
96
97<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 97
97
98<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 98
98
99<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//darussalam.pk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 99
99
100<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//darussalam.pk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
100<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 100
100
101<script>
102  window.Shopify = window.Shopify || {};
103  window.Shopify.MCP = window.Shopify.MCP || {};
104  window.Shopify.MCP.enabled = true;
105  window.Shopify.MCP.shop = "g2nxeh-hm.myshopify.com";
106  window.Shopify.MCP.mcpEndpoint = "https:\/\/darussalam.pk\/api\/mcp";
107  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
108</script>
vendor: 1 bytes, line 108
108
109<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/darussalam.pk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
110</script>
vendor: 1 bytes, line 110
110
111<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://darussalam.pk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
112</script>
vendor: 1 bytes, line 112
112
113<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
114  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
115</script>
vendor: 1 bytes, line 115
115
116<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
117</script>
vendor: 1 bytes, line 117
117
118<script id="sections-script" data-sections="header" defer="defer" src="//darussalam.pk/cdn/shop/t/19/compiled_assets/scripts.js?v=58349397155245895311779255545"></script>
vendor: 1 bytes, line 118
118
119<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
119
120
121
122    <style data-shopify>
123      @font-face {
124  font-family: Cormorant;
125  font-weight: 400;
126  font-style: normal;
127  font-display: swap;
128  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2") format("woff2"),
129       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n4.e5604516683cb4cc166c001f2ff5f387255e3b45.woff") format("woff");
130}
131
132      @font-face {
133  font-family: Cormorant;
134  font-weight: 300;
135  font-style: normal;
136  font-display: swap;
137  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n3.0b17a542c8aa1ebff75081c7c3a854475090bf40.woff2") format("woff2"),
138       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n3.c357ee519b5baa7a2389366dbc1017e7bfccb716.woff") format("woff");
139}
140
141      @font-face {
142  font-family: Cormorant;
143  font-weight: 500;
144  font-style: normal;
145  font-display: swap;
146  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n5.897f6a30ce53863d490505c0132c13f3a2107ba7.woff2") format("woff2"),
147       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n5.2886c5c58d0eba0663ec9f724d5eb310c99287bf.woff") format("woff");
148}
149
150      @font-face {
151  font-family: Cormorant;
152  font-weight: 600;
153  font-style: normal;
154  font-display: swap;
155  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n6.3930e9d27a43e1a6bc5a2b0efe8fe595cfa3bda5.woff2") format("woff2"),
156       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n6.f8314ab02a47b4a38ed5c78b31e8d1963c1cbe87.woff") format("woff");
157}
158
159      @font-face {
160  font-family: Cormorant;
161  font-weight: 700;
162  font-style: normal;
163  font-display: swap;
164  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n7.c51184f59f7d2caf4999bcef8df2fc4fc4444aec.woff2") format("woff2"),
165       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_n7.c9ca63ec9e4d37ba28b9518c6b06672c0f43cd49.woff") format("woff");
166}
167
168      
169      @font-face {
170  font-family: Cormorant;
171  font-weight: 400;
172  font-style: italic;
173  font-display: swap;
174  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i4.0b95f138bb9694e184a2ebaf079dd59cf448e2d3.woff2") format("woff2"),
175       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i4.75684eb0a368d69688996f5f8e72c62747e6c249.woff") format("woff");
176}
177
178      @font-face {
179  font-family: Cormorant;
180  font-weight: 300;
181  font-style: italic;
182  font-display: swap;
183  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i3.daccd1544064a8f91b945b46407eb35b026a568b.woff2") format("woff2"),
184       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i3.8b483976a1a48ce4720cab824f30f7347747ed2c.woff") format("woff");
185}
186
187      @font-face {
188  font-family: Cormorant;
189  font-weight: 500;
190  font-style: italic;
191  font-display: swap;
192  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i5.5f44803b5f0edb410d154f596e709a324a72bde3.woff2") format("woff2"),
193       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i5.a529d8c487f1e4d284473cc4a5502e52c8de247f.woff") format("woff");
194}
195
196      @font-face {
197  font-family: Cormorant;
198  font-weight: 600;
199  font-style: italic;
200  font-display: swap;
201  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i6.d9cec4523bc4837b1c96b94ecf1a29351fbd8199.woff2") format("woff2"),
202       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i6.d18564a4f17d4e508a5eefe333645fbb7817d176.woff") format("woff");
203}
204
205      @font-face {
206  font-family: Cormorant;
207  font-weight: 700;
208  font-style: italic;
209  font-display: swap;
210  src: url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i7.fa6e55789218717259c80e332e32b03d0c0e36e1.woff2") format("woff2"),
211       url("//darussalam.pk/cdn/fonts/cormorant/cormorant_i7.b5766b6262212587af58cec3328f4ffbc7c29531.woff") format("woff");
212}
213
214      
215			
216      @font-face {
217  font-family: Inter;
218  font-weight: 400;
219  font-style: normal;
220  font-display: swap;
221  src: url("//darussalam.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
222       url("//darussalam.pk/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
223}
224
225      @font-face {
226  font-family: Inter;
227  font-weight: 600;
228  font-style: normal;
229  font-display: swap;
230  src: url("//darussalam.pk/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"),
231       url("//darussalam.pk/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff");
232}
233
234      @font-face {
235  font-family: Inter;
236  font-weight: 700;
237  font-style: normal;
238  font-display: swap;
239  src: url("//darussalam.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
240       url("//darussalam.pk/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
241}
242
243      @font-face {
244  font-family: Inter;
245  font-weight: 400;
246  font-style: italic;
247  font-display: swap;
248  src: url("//darussalam.pk/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
249       url("//darussalam.pk/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
250}
251
252      @font-face {
253  font-family: Inter;
254  font-weight: 600;
255  font-style: italic;
256  font-display: swap;
257  src: url("//darussalam.pk/cdn/fonts/inter/inter_i6.3bbe0fe1c7ee4f282f9c2e296f3e4401a48cbe19.woff2") format("woff2"),
258       url("//darussalam.pk/cdn/fonts/inter/inter_i6.8bea21f57a10d5416ddf685e2c91682ec237876d.woff") format("woff");
259}
260
261      @font-face {
262  font-family: Inter;
263  font-weight: 700;
264  font-style: italic;
265  font-display: swap;
266  src: url("//darussalam.pk/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
267       url("//darussalam.pk/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
268}
269
270
271      :root {
272        --font-body-family: Inter, sans-serif;
273        --font-body-style: normal;
274        --font-body-weight: 400;
275        --font-body-weight-bold: 700;
276
277        --body-font-large: 1.8rem;
278        --body-font-medium: 1.6rem;
279        --body-font-small: 1.2rem;
280
281        --font-heading-family: Cormorant, serif;
282        --font-heading-style: normal;
283        --font-heading-weight: 400;
284        --font-heading-weight-medium: 500;
285        --font-heading-weight-semi-bold: 600;
286        --font-heading-weight-bold: 700;
287
288        --font-heading-hero-size: 7.2rem;
289        --font-heading-hero-size-mb: 5.6rem;
290        --font-heading-1-size: 8.0rem;
291        --font-heading-1-size-mb: 6.0rem;
292        --font-heading-2-size: 4.8rem;
293        --font-heading-2-size-mb: 3.2rem;
294        --font-heading-3-size: 4.0rem;
295        --font-heading-3-size-mb: 2.8rem;
296        --font-heading-4-size: 3.2rem;
297        --font-heading-4-size-mb: 2.4rem;
298        --font-heading-5-size: 2.4rem;
299        --font-heading-5-size-mb: 2.0rem;
300        --font-heading-6-size: 1.8rem;
301        --font-heading-6-size-mb: 1.8rem;
302
303        --color-base-text: 71, 84, 103;
304        --color-secondary-text: 27, 164, 226;
305        --color-base-heading: 16, 16, 16;
306        --color-secondary-heading: 71, 84, 103;
307
308        --colors-background-main: 255, 255, 255;
309        --colors-background-section-1: 242, 244, 247;
310        --colors-background-section-2: 207, 234, 246;
311        --colors-background-section-3: 246, 233, 214;
312        --colors-background-section-4: 38, 91, 72;
313        --colors-background-section-5: 0, 0, 0;
314        
315        --quick-add-background-color: 255, 255, 255;
316
317        --color-shadow: 71, 84, 103;
318        --color-base-background-1: 255, 255, 255;
319        --color-base-accent-2: , , ;
320        --payment-terms-background-color: #ffffff;
321
322        --media-padding: px;
323        --media-border-opacity: 0.0;
324        --media-border-width: 0px;
325        --media-radius: 4px;
326        --media-shadow-opacity: 0.0;
327        --media-shadow-horizontal-offset: 0px;
328        --media-shadow-vertical-offset: 0px;
329        --media-shadow-blur-radius: 0px;
330        --media-shadow-visible: 0;
331
332        --header-width: 144rem;
333        --page-width: 128rem;
334        --page-width-margin: 0rem;
335
336        --product-card-image-padding: 0px;
337        --product-card-corner-radius: 0.0rem;
338        --product-card-text-alignment: center;
339          --product-card-border-width: 0px;
340        
341
342        --product-card-shadow-visible: 0;
343        --product-card-shadow-horizontal-offset: 0.0rem;
344        --product-card-shadow-vertical-offset: 0.4rem;
345        --product-card-shadow-blur-radius: 0.5rem;
346
347        --collection-card-image-padding: 0rem;
348        --collection-card-corner-radius: 0.4rem;
349        --collection-card-text-alignment: left;
350        --collection-card-border-width: 0rem;
351
352        --blog-card-image-padding: 0rem;
353        --blog-card-corner-radius: 0.0rem;
354        --blog-card-image-corner-radius: 0.4rem;
355        --blog-card-text-alignment: left;
356          --blog-card-border-width: 0;
357        
358
359        --blog-card-border-opacity: 0.1;
360
361        --badge-corner-radius: 0.4rem;
362        --color-badge-background-default: #f19c5b;
363        --color-badge-background-sale: #f19c5b;
364        --color-badge-background-sold-out: #c2c2c2;
365
366        --popup-border-width: 1px;
367        --popup-border-opacity: 1.0;
368        --popup-corner-radius: 10px;
369        --popup-shadow-opacity: 0;
370        --popup-shadow-horizontal-offset: 0px;
371        --popup-shadow-vertical-offset: 4px;
372        --popup-shadow-blur-radius: 5px;
373
374        --spacing-sections-desktop: 0px;
375        --spacing-sections-mobile: 0px;
376
377        --grid-desktop-vertical-spacing: 40px;
378        --grid-desktop-horizontal-spacing: 30px;
379        --grid-mobile-vertical-spacing: 26.666666666666668px;
380        --grid-mobile-horizontal-spacing: 20.0px;
381
382        --text-boxes-border-opacity: 0.1;
383        --text-boxes-border-width: 0px;
384        --text-boxes-radius: 0px;
385        --text-boxes-shadow-opacity: 0.0;
386        --text-boxes-shadow-visible: 0;
387        --text-boxes-shadow-horizontal-offset: 0px;
388        --text-boxes-shadow-vertical-offset: 4px;
389        --text-boxes-shadow-blur-radius: 5px;
390
391
392        --buttons-font-size: 1.6rem;
393        --buttons-font-size-mobile: 1.4rem;
394        --buttons-font-weight: 400;
395        --buttons-text-transform: ;
396        --buttons-border-size: 0px;
397        --buttons-border-radius: 4px;
398
399				--border-color: 16, 16, 16;
400
401        --button-color-text: 255, 255, 255;
402        --button-color-bg: 1, 50, 32;
403        --button-color-border: 27, 164, 226;
404        --button-color-text-hover: 255, 255, 255;
405        --button-color-bg-hover: 38, 91, 72;
406        --button-color-border-hover: 16, 16, 16;
407
408        --button-color-layer-1: 253, 198, 132;
409        --button-color-layer-2: 196, 151, 237;
410        --button-color-layer-3: 16, 16, 16;
411
412        --inline-button-color: 218, 60, 36;
413        --inline-button-color-hover: 207, 46, 38;
414
415        --quick-add-text: 255, 255, 255;
416        --quick-add-background: 27, 164, 226;
417        --quick-add-border: 27, 164, 226;
418        --quick-add-text-hover: 255, 255, 255;
419        --quick-add-background-hover: 38, 91, 72;
420        --quick-add-border-hover: 38, 91, 72;
421        --quick-add-background-color: 255, 255, 255;
422
423        --buttons-radius: 4px;
424        --buttons-radius-outset: 5px;
425        --buttons-border-width: 1px;
426        --buttons-border-opacity: 1.0;
427        --buttons-shadow-opacity: 0.0;
428        --buttons-shadow-visible: 0;
429        --buttons-shadow-horizontal-offset: 0px;
430        --buttons-shadow-vertical-offset: 4px;
431        --buttons-shadow-blur-radius: 5px;
432        --buttons-border-offset: 0.3px;
433
434        --inputs-radius: 0;
435        --inputs-border-width: 1px;
436        --inputs-border-opacity: 1;
437
438        --variant-pills-radius: 4px;
439        --variant-pills-border-width: 2px;
440        --variant-pills-border-opacity: 1.0;
441      }
442
443      *,
444      *::before,
445      *::after {
446        box-sizing: inherit;
447      }
448
449      html {
450        box-sizing: border-box;
451        font-size: 62.5%;
452        height: 100%;
453      }
454
455      body {
456        display: grid;
457        grid-template-rows: auto auto 1fr auto;
458        grid-template-columns: 100%;
459        min-height: 100%;
460        margin: 0;
461        font-size: var(--body-font-medium);
462        letter-spacing: normal;
463        line-height: 1.4;
464        font-family: var(--font-body-family);
465        font-style: var(--font-body-style);
466        font-weight: var(--font-body-weight);
467      }
468
469      
470    </style>
471<style>:root{--font-body-family:'IBM Plex Sans',sans-serif;--font-heading-family:'IBM Plex Sans',sans-serif;}</style>
472
473    <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/base.css?v=146227337899330913571785761481" as="style" onload="this.onload=null;this.rel='stylesheet'">
474    <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/base.css?v=146227337899330913571785761481" rel="stylesheet" type="text/css" media="all" /></noscript>
475    <link rel="preload" as="font" href="//darussalam.pk/cdn/shop/t/19/assets/IBMPlexSans.woff2?v=162942437039324346631780400042" type="font/woff2" crossorigin>
476    <link rel="preload" as="font" href="//darussalam.pk/cdn/shop/t/19/assets/IBMPlexSans-Medium.woff2?v=173947638846005690021780400042" type="font/woff2" crossorigin>
477    <link rel="preload" as="font" href="//darussalam.pk/cdn/shop/t/19/assets/IBMPlexSans-SemiBold.woff2?v=147891763561177334781780400042" type="font/woff2" crossorigin>
478    
479    <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/darussalam-fonts.css?v=15584099598470478061780653003" as="style" onload="this.onload=null;this.rel='stylesheet'">
480    <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/darussalam-fonts.css?v=15584099598470478061780653003" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-predictive-search.css?v=30923209157441906831779255518" media="print" onload="this.media='all'">
480<script>
481      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
482      if (Shopify.designMode) {
483        document.documentElement.classList.add('shopify-design-mode');
484      }
485    </script>
485
486
487    
488    
489
490    
491  <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/swiper-bundle.min.css?v=131937886719854189621779255518" as="style" onload="this.onload=null;this.rel='stylesheet'">
492  <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/swiper-bundle.min.css?v=131937886719854189621779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
493  
493<script src="//darussalam.pk/cdn/shop/t/19/assets/swiper-bundle.min.js?v=119980822102068234991779255518" defer="defer"></script>
493
494
495
496    
497    <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/button-animation.css?v=30170617512289042991779255518" as="style" onload="this.onload=null;this.rel='stylesheet'">
498<noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/button-animation.css?v=30170617512289042991779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
499
500
501		
502        <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/theme-mood5.css?v=129774481292271851731779255518" as="style" onload="this.onload=null;this.rel='stylesheet'">
503        <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/theme-mood5.css?v=129774481292271851731779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
504		
505
506    <link rel="preload" href="//darussalam.pk/cdn/shop/t/19/assets/ds-homepage.css?v=70045926373744373031786822623" as="style" onload="this.onload=null;this.rel='stylesheet'">
507    <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/ds-homepage.css?v=70045926373744373031786822623" rel="stylesheet" type="text/css" media="all" /></noscript>
508    
508<script src="//darussalam.pk/cdn/shop/t/19/assets/ds-homepage.js?v=110217016006788661441785341030" defer></script>
508<link rel="preload" as="image"
509      href="https://darussalam.uk/cdn/shop/files/quran-banner-4.jpg?v=1777552437&width=1800"
510      media="(min-width: 750px)">
511    <link rel="preload" as="image"
512      href="https://darussalam.uk/cdn/shop/files/quran-banner-4.jpg?v=1777552437&width=900"
513      media="(max-width: 749px)"><!-- DS CHAT CONFIG START (connected via portal 2026-07-12) -->
514
515<script>
516window.DarussalamChatConfig = {
517  storeKey: "pk",
518  language: "en",
519  dir: "ltr",
520  baseUrl: "https://darussalam.pk",
521  botName: "Ask Darussalam",
522  botSubtitle: "Islamic Guide \u0026 Store",
523  welcomeText: "",
524  brandStrip: "Powered by Darussalam Publishers",
525  launcherLine1: "ASK",
526  launcherLine2: "✨",
527  launcherText: "Ask Darussalam",
528  popupEnabled: "yes" !== 'no',
529  popupMessage: "Assalamu Alaikum! Ask me anything about Islam or our books.",
530  popupDelay: 3,
531  cartNudge: "yes" !== 'no',
532  desktopStyle: "sidebar",
533  verticalPosition: "bottom",
534  bottomOffset: 100,
535  topOffset: 100,
536  desktopAlign: "center",
537  mobileAlign: "right",
538  sideOffset: 20,
539  page: {
540    type: "index"
541  },
542  enabled: true
543};
544</script>
544
545
546<script src="https://darussalam-chatbot.vercel.app/widget.js" defer></script>
546
547<!-- DS CHAT CONFIG END -->
548
549    <meta name="google-site-verification" content="NabaDCjXvQovDRlhcMG_tV5SBTS4SszOF8nVJJnAiu4" />
550<!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
551<script type="text/javascript">
552  (function (c, l, a, r, i, t, y) {
553    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
554    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
555    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
556
557    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
558      if (error) {
559        console.error("Error loading Shopify features:", error);
560        return;
561      }
562
563      c[a]('consentv2', {
564        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
565        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
566        source: 101,
567      });
568    });
569
570    l.addEventListener("visitorConsentCollected", function (e) {
571      c[a]('consentv2', {
572        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
573        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
574        source: 101,
575      });
576    });
577  })(window, document, "clarity", "script", "xx1unld9qm");
578</script>
578
579
580
581
582<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
583
584
585
586
587
588
589
590<link rel="dns-prefetch" href="https://cdn.judge.me">
591<link rel="dns-prefetch" href="https://cdn1.judge.me">
592<link rel="dns-prefetch" href="https://api.judge.me">
593
594<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
594ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"dd/mm/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
594itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#0085FF","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
594youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
594:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Darussalam PK","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"always","require_verification_before_submit":false,"customer_account_val
594idation_enabled":true,"can_be_branded":true,"reply_name_text":"Darussalam PK"};</script>
594 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #0085FF;--jdgm-secondary-color: rgba(0,133,255,0.1);--jdgm-star-color: #0085FF;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #0085FF;--jdgm-paginate-color: #0085FF;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #0085FF}.jdgm-histogram__bar-content{background-color:#0085FF}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#0085FF}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Darussalam PK'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
595</style> <style class='jdgm-settings-style'></style>
596
597  
598  
599  
600  <style class='jdgm-miracle-styles'>
601  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
601/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
602
603</style>
604
605
606  
607  
608   
609
610
611
612
613<script data-cfasync='false' class='jdgm-script'>
614!function(e){window.jdgm=window.jdgm||{};
615/* INF-1976 */
616var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
617if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
618jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
619jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
620setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
621!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
622(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
623a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
624jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
625t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
626t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
627".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
628parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
629jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
630)}))}(document);
631</script>
631
632<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript>
633
634<!-- BEGIN app snippet: theme_fix_tags -->
634<script>
635  (function() {
636    var jdgmThemeFixes = null;
637    if (!jdgmThemeFixes) return;
638
639    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
640    // before the per-theme fix so the theme-specific CSS wins the cascade.
641    // HTML is never applied globally (too risky).
642    var allThemesFix = jdgmThemeFixes['all'];
643    if (allThemesFix && allThemesFix.css) {
644      var allStyleTag = document.createElement('style');
645      allStyleTag.classList.add('jdgm-theme-fix-style-all');
646      allStyleTag.innerHTML = allThemesFix.css;
647      document.head.append(allStyleTag);
648    };
649
650    if (allThemesFix && allThemesFix.js) {
651      var allScriptTag = document.createElement('script');
652      allScriptTag.classList.add('jdgm-theme-fix-script-all');
653      allScriptTag.innerHTML = allThemesFix.js;
654      document.head.append(allScriptTag);
655    };
656
657    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
658    if (!thisThemeFix) return;
659
660    if (thisThemeFix.html) {
661      document.addEventListener("DOMContentLoaded", function() {
662        var htmlDiv = document.createElement('div');
663        htmlDiv.classList.add('jdgm-theme-fix-html');
664        htmlDiv.innerHTML = thisThemeFix.html;
665        document.body.append(htmlDiv);
666      });
667    };
668
669    if (thisThemeFix.css) {
670      var styleTag = document.createElement('style');
671      styleTag.classList.add('jdgm-theme-fix-style');
672      styleTag.innerHTML = thisThemeFix.css;
673      document.head.append(styleTag);
674    };
675
676    if (thisThemeFix.js) {
677      var scriptTag = document.createElement('script');
678      scriptTag.classList.add('jdgm-theme-fix-script');
679      scriptTag.innerHTML = thisThemeFix.js;
680      document.head.append(scriptTag);
681    };
682  })();
683</script>
683
684<!-- END app snippet -->
685<!-- End of Judge.me Core -->
686
687
688
689<!-- END app block -->
689<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 689
689
690<script src="https://cdn.shopify.com/extensions/01a0d519-46bd-7628-9219-180ed5883223/forms-2596/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
690
691<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
692<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 62075469935,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 692
692
693<script>
694  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
695</script>
vendor: 1 bytes, line 695
695
696<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
696).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 62075469935,storefrontBaseUrl: "https://darussalam.pk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://darussalam.pk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2563899503","configuration":"{\"projectId\":\"xx1unld9qm\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
696,"dataSharingState":"unrestricted"},{"id":"2135752815","configuration":"{\"shop\":\"g2nxeh-hm.myshopify.com\",\"cookie_duration\":\"2592000\",\"first_touch_or_last\":\"last_touch\",\"goaffpro_identifiers\":\"gfp_ref,ref,aff,wpam_id,click_id\",\"ignore_ad_clicks\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a74598cb423e21a6befc33d5db5fba42","type":"APP","apiClientId":2744533,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2109964399","configuration":"{\"pixel_id\":\"1701345807773744\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1843724399","configuration":"{\"accountID\":\"r-dev\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5db3e545019aa2773c307099cdcfc312","type":"APP","apiClientId":235418615809,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"516718703","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-S4M8DM7GE0\\\",\\\"G-TFH72HB4DW\\\",\\\"GT-NSV9CHX4\\\"],\\\"target_country\\\":\\\"PK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/NBc9CN3Qu4IaENWR4bgD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/wq4vCNfQu4IaENWR4bgD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-S4M8DM7GE0\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/pPwtCNTQu4IaENWR4bgD\\\",\\\"MC-VE9V5401RZ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-S4M8DM7GE0\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/rUe9CM7Qu4IaENWR4bgD\\\",\\\"MC-VE9V5401RZ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/g40VCNHQu4IaENWR4bgD\\\",\\\"MC-VE9V5401RZ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-S4M8DM7GE0\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/-tvSCODQu4IaENWR4bgD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-S4M8DM7GE0\\\",\\\"AW-924338389\\\/d5sRCNrQu4IaENWR4bgD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-S4M8DM7GE0\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Darussalam PK","paymentSettings":{"currencyCode":"PKR"},"myshopifyDomain":"g2nxeh-hm.myshopify.com","countryCode":"PK","storefrontUrl":"https:\/\/darussalam.pk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7729125294191","handle":"qurani-qaidah-17x24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956474991","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729094590575","handle":"ar-raheeq-al-makhtum-urdu","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793877831791","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729210032239","handle":"hisn-ul-muslim-8x12-pocket-size","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794209083503","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729193386095","handle":"ar-raheeq-al-makhtum-urdu-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794159997039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729261019247","handle":"hisn-ul-muslim-14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794391470191","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729160323183","handle":"rabbana-qurani-duayein","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794067722351","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7748870340719","handle":"byan-ul-quran-by-dr-israr-ahmed-copy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42846972608623","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729121788015","handle":"the-sealed-nectar-ar-raheequl-makhtum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793943236719","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7990749233263","handle":"tafsir-ahsan-ul-bayan-17x24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44027626324079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7752593440879","handle":"60-golden-hadith-for-children-urdu-arabic-english","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42863320694895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729163501679","handle":"qawaid-al-tajweed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794075783279","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7749466620015","handle":"wa-iyyaka-nasta-in-medium","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42850407514223","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729157472367","handle":"qisas-al-anbiya","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794058842223","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729227694191","handle":"qurani-wazif","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794270457967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7749468225647","handle":"qurani-masnoon-duain-al-huda-large","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42850409185391","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729135059055","handle":"muallim-al-tajweed-7b-tajweedi-quran-16-lines","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793987407983","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729257054319","handle":"maani-ul-quran-local","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794383704175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729131257967","handle":"masnoon-hajj-o-umrah-guide-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793977544815","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729146200175","handle":"stories-of-the-prophets-pbuh-local","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794034561135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901761863791","handle":"the-little-learner-my-first-book-of-islamic-knowledge","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710487003247","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7788209340527","handle":"rehnima-e-hajj-o-umrah","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42978730475631","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729229922415","handle":"my-prayer-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794279108719","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729262002287","handle":"seerat-un-nabi-pbuh-2-vols-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794403168367","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7976737144943","handle":"asaan-tarjuma-quran-mufti-taqi-usmani","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43989636022383","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729138630767","handle":"qurani-qaidah-14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794005233775","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
696,{"id":"15057544347759","handle":"complete-ibadah-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53240645353583","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729127096431","handle":"masnoon-hajj-o-umrah-small","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793960308847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729153179759","handle":"tajalliyat-e-nabuwwat-17x24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794047996015","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125130351","handle":"namaz-e-nabvi-hard-cover-14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956245615","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729144365167","handle":"tib-e-nabvi-latest","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794029121647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901724901487","handle":"story-of-khabbab-bin-al-aratt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710440013935","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729229824111","handle":"my-wudu-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794278813807","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729080205423","handle":"nunehalon-kay-liye-sunehre-azkar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793830514799","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729127981167","handle":"sahih-al-bukhari-6-vol-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793964404847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125949551","handle":"healing-with-the-medicine-of-the-prophet-pbuh-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793957490799","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729178378351","handle":"subah-shaam-allah-kai-naam-azkar-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794121920623","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729162027119","handle":"dua-aur-dum-kay-zariye-masnoon-elaj-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794071752815","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729179099247","handle":"60-sunehri-ahadith","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794126147695","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901748199535","handle":"a-flying-envoy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710468784239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729205510255","handle":"my-dua-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794194600047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125425263","handle":"namaz-e-nabvi-s-c-12x17","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956671599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729080172655","handle":"ashra-mubashra-ki-zindagiyon-ke-sunehre-waqiaat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793830482031","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729132109935","handle":"the-sealed-nectar-ar-raheeq-al-makhtoum-4-color-print","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793979838575","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729193222255","handle":"ar-raheeq-al-makhtum-urdu-aala-quality","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794159800431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729205051503","handle":"the-story-of-adam-a-s-art-paper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794193649775","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729222320239","handle":"muhammad-saw-kay-shabo-roz-kay-masnoon-amaal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794257154159","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729226252399","handle":"muslman-bachey-ke-sunehray-shab-o-roz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794267705455","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729217405039","handle":"saabir-o-shakir-imam-imam-ahmad-bin-hanbal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794226057327","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901735190639","handle":"the-arrogant-people","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710450925679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729077289071","handle":"meri-namaaz-sunnat-e-nabwi-k-mutabik-tareeka-e-namaaz","
696isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793823404143","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729164517487","handle":"balooghat-kai-masaail","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794079092847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7749189140591","handle":"9-line-tajweedi-quran-2-vol-with-urdu-translation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42848937312367","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7753523036271","handle":"subah-sham-k-azkar-flax","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42867364102255","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125687407","handle":"the-biography-of-abu-bakr-as-siddeeq-r-a","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793957163119","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729160749167","handle":"hirz-e-azam-card-cover","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794068607087","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7749466718319","handle":"wa-iyyaka-nasta-in-small","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42850407612527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729208852591","handle":"seerat-encyclopedia-7th-vol","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794204889199","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
696,{"id":"15545991725167","handle":"tawheed-my-promise-to-allah-22x28","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54373347393647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729124016239","handle":"sahih-muslim-urdu-5-volume-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793949888623","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729134436463","handle":"taqwiyat-ul-imaan-14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793986130031","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729147248751","handle":"seerat-imam-bukhari","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794037182575","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729148690543","handle":"astaghfar-aur-tauoz-fazail-fawaid-aur-samarat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794040361071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7748868800623","handle":"byan-ul-quran-by-dr-israr-ahmed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42846971101295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15412216234095","handle":"asaan-tarjuma-dr-asrar-ahmad","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53902868152431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729092821103","handle":"islamic-creed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793874227311","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729138204783","handle":"jadeed-arabic-seekhein","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794002907247","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15350451503215","handle":"qisa-hazrat-yunus-local","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53766724485231","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729121656943","handle":"tafsir-ahsan-al-bayan-new-version","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793942876271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729094656111","handle":"namaz-e-nabvi-hisn-ul-muslim","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793877897327","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729104158831","handle":"a-treatise-on-hijab","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793896607855","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729265901679","handle":"islamic-studies-grade-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794410606703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15123399114863","handle":"zam-zam-5-litter-with-packing","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53415898710127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729204592751","handle":"the-noble-quran-hard-cover14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794191650927","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729134043247","handle":"when-the-moon-split-new-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793985704047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729081352303","handle":"how-to-pray","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793832710255","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729086103663","handle":"at-tawassal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793855909999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729146396783","handle":"atlas-seerat-nabvi-pbuh-clone","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794034856047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729161666671","handle":"islam-k-3-bunyaadi-asool","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794070507631","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729205772399","handle":"hindrances-on-the-path","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794194894959","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729122803823","handle":"yasalunaka","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793945858159","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729158520943","handle":"qiyamat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794061168751","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
696,{"id":"15059407896687","handle":"islamic-kids-complete-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53242538492015","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729255383151","handle":"bacho-key-lye-sunehri-seerat-sy-muntakhab-waqiyat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794378985583","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729088626799","handle":"masnoon-namaz-aur-roz-marha-ki-duain-12x17","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793862332527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15059342196847","handle":"al-nabawi-collection-3-book-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53242471121007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14990015037551","handle":"tajalliyat-e-nabuwwat-new-edition-14x21","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53030769066095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729138860143","handle":"kitab-at-tauhid","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794007396463","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729264558191","handle":"fiqr-o-aqeedah-ki-gumrahiyan-aur-siraat-e-mustaqeem-k-taqazay","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794408444015","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729145380975","handle":"qiyam-ul-layl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794031284335","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729134174319","handle":"tobah-kay-ahkam-o-masayel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793985867887","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729154031727","handle":"janazay-k-ihkaam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794049273967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7749190451311","handle":"9-line-para-with-lafzi-ba-muhawara-urdu-traslation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42848945012847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7746544664687","handle":"tafseer-ahsan-ul-kalam-17x24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42838580363375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729265246319","handle":"namaz-se-pehle-new-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794409427055","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729262526575","handle":"haqooq-e-waaldein-haqooq-series","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794404249711","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729131454575","handle":"haqooq-al-aulad-haqooq-series","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793977741423","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729127850095","handle":"sayeda-khadija-r-a-aur-unki-betiyan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793963520111","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125884015","handle":"golden-stories-of-sayyida-khadijah-r-a","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793957425263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729127915631","handle":"sayeda-khadija-r-a-ki-zindagi-kai-sunehray-waqiyat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793964241007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729159667823","handle":"agar-aap-maa-banny-wali-hain-اگر-آپ-ماں-بننے-والی-ہیں","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794064838767","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125556335","handle":"ek-majils-mein-3-talaqain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956933743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729268162671","handle":"talaq-kay-masail","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794416242799","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729130930287","handle":"masnoon-nikah-aur-shadi-biyaah-ki-rasoomat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793976692847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729265279087","handle":"marital-discord-causes-and-cures","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794409459823","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729099669615","handle":"a-well-guarded-treasure","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793886482543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729079976047","handle":"kindness-to-parents","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793830285423","
696image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729089085551","handle":"islamic-etiquettes-for-newborn-child","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793863512175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729250861167","handle":"parents-love","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794355032175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729132732527","handle":"loving-our-parents-art-paper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793981509743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729092362351","handle":"the-gift-of-my-mother","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793873277039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729165369455","handle":"20-hadith-for-kids-english","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794080239727","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729270456431","handle":"ramadhan-work-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794423124079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729092526191","handle":"guidelines-for-raising-children","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793873506415","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729229496431","handle":"life-style-of-muslim-child-1-6","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794278060143","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729089544303","handle":"a-muslim-child-way-of-life-eng","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793865314415","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729115496559","handle":"islam-atotal-beginners-guide-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793917022319","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729115299951","handle":"islam-a-total-beginners-guide-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793915449455","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729092558959","handle":"yes-i-converted-to-islam-here-is-why","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793873539183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125326959","handle":"what-is-islam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956507759","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729262788719","handle":"islam-salvation-for-mankind","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794404577391","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729101733999","handle":"what-must-be-known-about-islam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793890611311","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729094721647","handle":"prayer-for-beginners","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793877962863","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729092460655","handle":"a-brief-look-upon-islam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793873440879","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729123852399","handle":"kitab-at-tawheed-soft-cover","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793948610671","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729160913007","handle":"sahih-islami-aqeedah","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794069229679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729146003567","handle":"arkan-e-islam-o-imaan-new-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794032431215","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
696,{"id":"7729256726639","handle":"tawheed-ki-awaaz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794382786671","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729126735983","handle":"alam-e-akherat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793959063663","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729100587119","handle":"provisions-for-the-hereafter","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793888022639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729231855727","handle":"ilamat-e-qiyamat-ka-bayan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794284613743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729091346543","handle":"road-to-paradise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793871573103","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729231954031","handle":"qiyamat-ka-bayan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794284712047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729093902447","handle":"establish-the-prayers-prize-is-paradise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793875472495","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729257349231","handle":"be-patient-and-paradise-will-be-yours","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794384293999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729119821935","handle":"the-unchallengeable-miracles-of-the-qur-an","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793931276399","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729136074863","handle":"great-women-of-islam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793991798895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7752604024943","handle":"uswa-tul-alam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42863354413167","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729204789359","handle":"the-story-of-muhammad-saw-in-madinah-art-paper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794192109679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7977536782447","handle":"an-nawawi-40-hadith-prophets-traditions-pocket-size","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43992034672751","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729204985967","handle":"the-story-of-ibrahim-a-s-art-paper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794193584239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729085481071","handle":"bachon-ka-islami-encyclopedia","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793853616239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901601693807","handle":"baby-s-first-islamic-library-box-of-5-books","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710252220527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125359727","handle":"fortress-of-muslim","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793956573295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729217929327","handle":"qisa-hazrat-suleman-local","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42794227269743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901741449327","handle":"that-one-scream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710459576431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7729125064815","handle":"namaz-e-muhammadi-8x12","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42793955786863","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901698883695","handle":"his-faith-was-great-the-story-of-prophet-ibrahim-a-3rd-part-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710411341935","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901769597039","handle":"the-quest-for-truth","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710505058415","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7901642457199","handle":"cool-flames-the-story-of-prophet-ibrahim-a-2nd-part-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43710299275375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://darussalam.pk/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"182932996207","themePublished":"true","eventMetadataId":"695b90a7-27c0-49a5-baec-599ab2ae2245","pageType":"home","shopId":"62075469935","storefrontBaseUrl":"https:\/\/darussalam.pk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
696<script>
697  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
698  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
699  window.ShopifyAnalytics.meta.currency = 'PKR';
700  var meta = {"page":{"pageType":"home","requestId":"0b54813a-0074-4e59-bed9-e0d40f6924dc-1790333814"}};
701  for (var attr in meta) {
702    window.ShopifyAnalytics.meta[attr] = meta[attr];
703  }
704</script>
vendor: 1 bytes, line 704
704
705<script class="analytics">
706  (function () {
707    var customDocumentWrite = function(content) {
708      var jquery = null;
709
710      if (window.jQuery) {
711        jquery = window.jQuery;
712      } else if (window.Checkout && window.Checkout.$) {
713        jquery = window.Checkout.$;
714      }
715
716      if (jquery) {
717        jquery('body').append(content);
718      }
719    };
720
721    var hasLoggedConversion = function(token) {
722      if (token) {
723        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
724      }
725      return false;
726    }
727
728    var setCookieIfConversion = function(token) {
729      if (token) {
730        var twoMonthsFromNow = new Date(Date.now());
731        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
732
733        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
734      }
735    }
736
737    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
738    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
739    if (trekkie.integrations) {
740      return;
741    }
742    trekkie.methods = [
743      'identify',
744      'page',
745      'ready',
746      'track',
747      'trackForm',
748      'trackLink'
749    ];
750    trekkie.factory = function(method) {
751      return function() {
752        var args = Array.prototype.slice.call(arguments);
753        args.unshift(method);
754        trekkie.push(args);
755        if (method == 'track' || method == 'page') {
756          var pageUrl;
757          try {
758            pageUrl = window.location.href;
759          } catch (e) {}
760          var pageReferrer;
761          try {
762            pageReferrer = document.referrer;
763          } catch (e) {}
764          try {
765            if (window.__TREKKIE_SHIM_QUEUE == null) {
766              window.__TREKKIE_SHIM_QUEUE = [];
767            }
768            window.__TREKKIE_SHIM_QUEUE.push({
769              from: 'trekkie-stub',
770              method: method,
771              args: args.slice(1),
772              pageContext: {
773                url: pageUrl,
774                referrer: pageReferrer
775              }
776            });
777          } catch (e) {
778            // no-op
779          }
780        }
781        return trekkie;
782      };
783    };
784    for (var i = 0; i < trekkie.methods.length; i++) {
785      var key = trekkie.methods[i];
786      trekkie[key] = trekkie.factory(key);
787    }
788    trekkie.load = function(config) {
789      trekkie.config = config || {};
790      trekkie.config.initialDocumentCookie = document.cookie;
791      var first = document.getElementsByTagName('script')[0];
792var script = document.createElement('script');
793script.type = 'text/javascript';
794script.onerror = function(e) {
795  var scriptFallback = document.createElement('script');
796  scriptFallback.type = 'text/javascript';
797  scriptFallback.onerror = function(error) {
798          var Monorail = {
799      produce: function produce(monorailDomain, schemaId, payload) {
800        var currentMs = new Date().getTime();
801        var event = {
802          schema_id: schemaId,
803          payload: payload,
804          metadata: {
805            event_created_at_ms: currentMs,
806            event_sent_at_ms: currentMs
807          }
808        };
809        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
810      },
811      sendRequest: function sendRequest(endpointUrl, payload) {
812        // Try the sendBeacon API
813        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
814          var blobData = new window.Blob([payload], {
815            type: 'text/plain'
816          });
817
818          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
819            return true;
820          } // sendBeacon was not successful
821
822        } // XHR beacon
823
824        var xhr = new XMLHttpRequest();
825
826        try {
827          xhr.open('POST', endpointUrl);
828          xhr.setRequestHeader('Content-Type', 'text/plain');
829          xhr.send(payload);
830        } catch (e) {
831          console.log(e);
832        }
833
834        return false;
835      },
836      isIos12: function isIos12() {
837        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
838      }
839    };
840    Monorail.produce('monorail-edge.shopifysvc.com',
841      'trekkie_storefront_load_errors/1.1',
842      {shop_id: 62075469935,
843      theme_id: 182932996207,
844      app_name: "storefront",
845      context_url: window.location.href,
846      source_url: "//darussalam.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
847
848  };
849  scriptFallback.async = true;
850  scriptFallback.src = '//darussalam.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
851  first.parentNode.insertBefore(scriptFallback, first);
852};
853script.async = true;
854script.src = '//darussalam.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
855first.parentNode.insertBefore(script, first);
856
857    };
858    trekkie.load(
859      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":62075469935,"isMerchantRequest":null,"themeId":182932996207,"themeCityHash":"18148602319239441973","contentLanguage":"en","currency":"PKR","eventMetadataId":"695b90a7-27c0-49a5-baec-599ab2ae2245"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
860    );
861
862    var loaded = false;
863    trekkie.ready(function() {
864      if (loaded) return;
865      loaded = true;
866
867      window.ShopifyAnalytics.lib = window.trekkie;
868
869      var originalDocumentWrite = document.write;
870      document.write = customDocumentWrite;
871      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
872      document.write = originalDocumentWrite;
873
874      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
875      var token = match? match[1]: undefined;
876      if (!hasLoggedConversion(token)) {
877        setCookieIfConversion(token);
878        
879      }
880    });
881
882    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"0b54813a-0074-4e59-bed9-e0d40f6924dc-1790333814","shopifyEmitted":true});
883
884    var eventsListenerScript = document.createElement('script');
885    eventsListenerScript.async = true;
886    eventsListenerScript.src = "//darussalam.pk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
887    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
888})();</script>
vendor: 1 bytes, line 888
888
889<script
890  defer
891  src="https://darussalam.pk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
892  data-application="storefront-renderer"
893  data-shop-id="62075469935"
894  data-render-region="gcp-us-central1"
895  data-page-type="index"
896  data-theme-instance-id="182932996207"
897  data-theme-name="Toyo"
898  data-theme-version="4.0.1"
899  data-monorail-region="shop_domain"
900  data-resource-timing-sampling-rate="10"
901  data-shs="true"
902  data-shs-beacon="true"
903  data-shs-export-with-fetch="true"
904  data-shs-logs-sample-rate="1"
905  data-shs-beacon-endpoint="https://darussalam.pk/api/collect"
906></script>
906
907<meta name="shopify-y" content="d87253ac-8475-4006-9b7b-4d22da338c5b" data-expiration="1821891414000"><meta name="shopify-s" content="7da2cf68-3f13-4a52-8628-d3db75cf882f" data-expiration="1790335614000"><meta name="new-cookie-storage-activated" content="t">
908</head>
909
910  <body class="gradient mood5-mood lang-en"><style>
911      h1,h2,h3,h4,h5,h6,p,body,li,a,strong,b,em,span,button,input,select,textarea,nav,label,
912      .banner h2,.scrolling-item,.d-info .container h1,.stat,.small-heading,.medium-heading,
913      .timeline-item h4,.principle h3,.price .price-item,.footer-block__newsletter h2,
914      .wishlist .product-title { font-family: 'IBM Plex Sans', sans-serif !important }
915      blockquote,q,.quote,.quote-text,.testimonial__quote,.testimonial-text,
916      .breaker,.section-breaker,.pull-quote,.pullquote,.ds-quote { font-family: 'Cormorant Garamond', serif !important }
917    </style>
918
919    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
920      Skip to content
921    </a>
922
923    
924
925<script src="//darussalam.pk/cdn/shop/t/19/assets/cart.js?v=148996627909797289481779255518" defer="defer"></script>
vendor: 1 bytes, line 925
925
926<script src="//darussalam.pk/cdn/shop/t/19/assets/darussalam-cart.js?v=164260854122604394801790320978" defer="defer"></script>
926
927<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/darussalam-cart.css?v=168888672302479217771790319794" media="print" onload="this.media='all'"><style>
928  :root {
929    --ds-gold: #C9A84C;
930    --ds-gold-light: #E8C97A;
931    --ds-gold-dark: #8B6914;
932    --ds-cream: #F5EDD8;
933    --ds-dark: #0E0B06;
934    --ds-dark-mid: #1A1409;
935    --ds-dark-card: #1E1810;
936    --ds-green: #1B4332;
937    --ds-text-muted: #9E8A66;
938    --ds-drawer-width: 460px;
939  }
940  .drawer { visibility: hidden; }
941</style>
942
943<cart-drawer class="drawer dsc-drawer is-empty">
944  <div id="CartDrawer"
945       class="cart-drawer dsc-cart-drawer"
946       data-free-threshold="1000000"
947       data-progress-text="Youʼre [amount] away from FREE shipping"
948       data-unlocked-text="Alhamdulillah! Youʼve unlocked FREE shipping">
949
950    <div id="CartDrawer-Overlay" class="cart-drawer__overlay dsc-overlay"></div>
951
952    <div class="drawer__inner dsc-inner" role="dialog" aria-modal="true"
953         aria-label="Your Cart" tabindex="-1"><header class="dsc-header">
954        <div class="dsc-header__brand"><h2 class="dsc-header__title">
955            <span class="dsc-header__title-text">
956              YOUR BASKET
957            </span>
958            <span class="dsc-count-pill" data-cart-count>0</span>
959          </h2>
960        </div>
961
962        <button class="dsc-close" type="button"
963                onclick="this.closest('cart-drawer').close()"
964                aria-label="Close">
965          <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
966            <path d="M1 1L13 13M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
967          </svg>
968        </button>
969      </header><div class="dsc-shipbar dsc-shipbar--empty" data-shipbar>
970          <div class="dsc-shipbar__msg" data-shipbar-msg><span class="dsc-shipbar__icon">🚚</span>
971              <span>Spend <strong>Rs.10,000.00</strong> and unlock FREE shipping</span></div>
972          <div class="dsc-shipbar__track">
973            <div class="dsc-shipbar__fill" data-shipbar-fill style="width: 0.0%;"></div>
974          </div>
975        </div><div class="dsc-empty">
976          <div class="dsc-empty__icon">
977            <svg width="56" height="56" viewBox="0 0 56 56" fill="none">
978              <path d="M14 18H42L38.5 44H17.5L14 18Z" stroke="var(--ds-gold)" stroke-width="1.4"/>
979              <path d="M21 18V13C21 9.13 24.13 6 28 6C31.87 6 35 9.13 35 13V18" stroke="var(--ds-gold)" stroke-width="1.4"/>
980            </svg>
981          </div>
982          <h3 class="dsc-empty__title">Your basket awaits</h3>
983          <p class="dsc-empty__text">Begin your journey of beneficial knowledge — explore our authentic Islamic library.</p><a href="/collections/all" class="dsc-btn dsc-btn--primary dsc-btn--full">
984            Explore Collection <span class="dsc-btn__arrow">→</span>
985          </a></div><cart-drawer-items class="is-empty" style="display:none">
986        <form action="/cart" id="CartDrawer-Form" class="cart__contents dsc-form" method="post">
987          <div id="CartDrawer-CartItems" class="dsc-items-scroll js-contents-items"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
988            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p>
989          </div>
990          <div id="CartDrawer-CartErrors" role="alert"></div>
991        </form>
992      </cart-drawer-items></div>
993  </div>
994</cart-drawer>
995
996<style data-shopify>
997  
998  
999</style>
1000
1001    <!-- BEGIN sections: header-group -->
1002<section id="shopify-section-sections--26093345636463__ds_announcement_bar_wX9GDK" class="shopify-section shopify-section-group-header-group ds-announcement-section">
1003
1004<script src="//darussalam.pk/cdn/shop/t/19/assets/ds-homepage.js?v=110217016006788661441785341030" defer></script>
1004
1005<style>
1006.ds-announcement-strip{background:var(--ds-ann-bg,#0d2818)!important;color:var(--ds-ann-color,#fff)!important;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-align:center!important;padding:14px 24px!important;line-height:1!important;width:100%!important}
1007.ds-announcement-strip .ds-ann-inner{display:inline-flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;justify-content:center!important;max-width:100%!important}
1008.ds-announcement-strip .ds-ann-text{color:var(--ds-ann-color,#fff)!important;opacity:1!important;font-weight:600!important;letter-spacing:.16em!important}
1009.ds-announcement-strip .ds-ann-text--secondary{font-weight:600!important;opacity:.95!important}
1010.ds-announcement-strip .ds-ann-cta{color:var(--ds-ann-accent,#e0a73a)!important;font-weight:700!important;cursor:pointer!important;border:0!important;background:transparent!important;font-family:inherit!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.16em!important;padding:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border-bottom:1px solid transparent!important;transition:gap .2s ease,border-color .2s ease!important;text-decoration:none!important;line-height:1!important}
1011.ds-announcement-strip .ds-ann-cta:hover{border-bottom-color:var(--ds-ann-accent,#e0a73a)!important;gap:11px!important}
1012.ds-announcement-strip .ds-ann-dot{color:var(--ds-ann-color,#fff)!important;opacity:.4!important;font-weight:700!important;font-size:14px!important;display:inline-block!important}
1013@media(max-width:768px){.ds-announcement-strip{font-size:11px!important;padding:12px 16px!important;letter-spacing:.12em!important}.ds-announcement-strip .ds-ann-inner{gap:12px!important}.ds-announcement-strip .ds-ann-cta{font-size:11px!important}}
1014@media(max-width:480px){.ds-announcement-strip{font-size:10px!important;padding:11px 12px!important}.ds-announcement-strip .ds-ann-inner{gap:8px!important}.ds-announcement-strip .ds-ann-dot{display:none!important}}
1015</style>
1016
1017<section class="ds-home ds-announcement-strip" role="region" aria-label="Store announcements"
1018  style="
1019    --ds-ann-bg: #0d2818;
1020    --ds-ann-color: #ffffff;
1021    --ds-ann-accent: #e0a73a;
1022  ">
1023  <div class="ds-ann-inner">
1024    <span class="ds-ann-text">Free Shipping on Orders Over Rs. 10,000</span></div>
1025</section>
1026
1027
1028
1029<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/return-popup.css?v=157767271285892166841779255518" media="print" onload="this.media='all'">
1030<script src="//darussalam.pk/cdn/shop/t/19/assets/return-popup.js?v=83868399924919442611780899581" defer></script>
1030
1031
1032</section><div id="shopify-section-sections--26093345636463__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-list-menu.css?v=52571632774313350331779255518" media="print" onload="this.media='all'">
1033<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-search.css?v=42782018394368854981779255518" media="print" onload="this.media='all'">
1034<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-menu-drawer.css?v=125730998613970915831779255518" media="print" onload="this.media='all'">
1035
1036
1037  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-cart-items-drawer.css?v=183844597577013397451779255518" media="print" onload="this.media='all'">
1038
1039<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-price.css?v=31410237705494021779255518" media="print" onload="this.media='all'">
1040  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-loading-overlay.css?v=21590378275566697821779255518" media="print" onload="this.media='all'"><link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-mega-menu.css?v=119007936846558021411785761481" media="print" onload="this.media='all'">
1041  <noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/component-mega-menu.css?v=119007936846558021411785761481" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-cart-drawer.css?v=167533590521460983341779255518" media="print" onload="this.media='all'">
1042  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-cart.css?v=177830976049852786251779255518" media="print" onload="this.media='all'">
1043  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-totals.css?v=129864721431625376971779255518" media="print" onload="this.media='all'">
1044  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-price.css?v=31410237705494021779255518" media="print" onload="this.media='all'">
1045  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-discounts.css?v=120412833074128896681779255518" media="print" onload="this.media='all'">
1046  <link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/component-loading-overlay.css?v=21590378275566697821779255518" media="print" onload="this.media='all'"><noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/component-list-menu.css?v=52571632774313350331779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
1047<noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/component-search.css?v=42782018394368854981779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
1048<noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/component-menu-drawer.css?v=125730998613970915831779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
1049<noscript><link href="//darussalam.pk/cdn/shop/t/19/assets/component-cart-items.css?v=136677140668116621831779255518" rel="stylesheet" type="text/css" media="all" /></noscript>
1050
1051<style>
1052  header-drawer {
1053    justify-self: start;
1054    margin-left: -1.2rem;
1055  }.header-wrapper--border-bottom {
1056			--outline-color: #c2c2c2;
1057    }.scrolled-past-header .header__heading-logo-wrapper {
1058      width: 90%;
1059    }
1060    @media screen and (min-width: 750px) {
1061      .scrolled-past-header .header__heading-logo-wrapper {
1062        width: 75%;
1063      }
1064    }@media screen and (min-width: 990px) {
1065      header-drawer {
1066        display: none;
1067      }
1068    }.menu-drawer-container {
1069    display: flex;
1070  }
1071
1072  .list-menu {
1073    list-style: none;
1074    padding: 0;
1075    margin: 0;
1076  }
1077
1078  .list-menu--inline {
1079    display: inline-flex;
1080    flex-wrap: wrap;
1081  }
1082
1083  summary.list-menu__item {
1084    padding-right: 3.7rem;
1085  }
1086
1087  .list-menu__item {
1088    display: flex;
1089    align-items: center;
1090    line-height: 1.3;
1091  }
1092
1093  .list-menu__item--link {
1094    text-decoration: none;
1095    padding-bottom: 1rem;
1096    padding-top: 1rem;
1097    line-height: 1.5;
1098  }
1099
1100  @media screen and (min-width: 750px) {
1101    .list-menu__item--link {
1102      padding-bottom: 0.5rem;
1103      padding-top: 0.5rem;
1104    }
1105  }
1106
1107  
1108		.section-header .header-wrapper .header__search {
1109			--clr-icon:  rgba(0,0,0,0);
1110    }	
1111    .section-header .header-wrapper .header .icon-search-stroke {
1112      fill: rgba(0,0,0,0);
1113    }
1114  
1115
1116  
1117
1118  
1119		.section-header .header-wrapper .header__icon--account {
1120			--clr-icon:  rgba(0,0,0,0);
1121		}		
1122    .section-header .header-wrapper .header .icon-account-stroke {
1123      fill: rgba(0,0,0,0);
1124    }
1125
1126  
1127
1128  
1129    .section-header .header-wrapper .header__icon--cart {
1130			--clr-icon:  rgba(0,0,0,0);
1131    }	
1132    .section-header .header-wrapper .header .icon-cart-stroke, 
1133    .section-header .header-wrapper .header .icon-cart-stroke path:not(.header-icon-color) {
1134      fill: rgba(0,0,0,0);
1135    }
1136  
1137</style><style data-shopify>.header {
1138    padding-top: 3px;
1139    padding-bottom: 3px;
1140  }
1141
1142  .section-header {
1143    position: sticky;
1144    margin-bottom: 0px;
1145  }
1146
1147  @media screen and (min-width: 750px) {
1148    .section-header {
1149      margin-bottom: 0px;
1150    }
1151  }
1152
1153  @media screen and (min-width: 990px) {
1154    .header {
1155      padding-top: 6px;
1156      padding-bottom: 6px;
1157    }
1158  }
1159  @media screen and (max-width: 749px) {
1160    .header__heading-logo {
1161      width: 148px;
1162    }
1163  }</style>
1163<script src="//darussalam.pk/cdn/shop/t/19/assets/details-disclosure.js?v=142397259462947869241779255518" defer="defer"></script>
vendor: 1 bytes, line 1163
1163
1164<script src="//darussalam.pk/cdn/shop/t/19/assets/ds-nav-disclosure.js?v=155892579574552881941785761481" defer="defer"></script>
vendor: 1 bytes, line 1164
1164
1165<script src="//darussalam.pk/cdn/shop/t/19/assets/details-modal.js?v=16948901009312924411779255518" defer="defer"></script>
vendor: 1 bytes, line 1165
1165
1166<script src="//darussalam.pk/cdn/shop/t/19/assets/search-form.js?v=133129549252120666541779255518" defer="defer"></script>
1166<script src="//darussalam.pk/cdn/shop/t/19/assets/cart-drawer.js?v=140325596520243419631779255518" defer="defer"></script>
1166<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1167  
1168    <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1169      <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
1170    </symbol>
1171  
1172
1173  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
1174    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
1175    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1176    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1177  </symbol>
1178
1179  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1180    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1181  </symbol>
1182</svg><sticky-header data-sticky-type="reduce-logo-size" class="header-wrapper color-main-bg text-color-main text-color-secondary-hover  header-wrapper--border-bottom"><header class="header header--middle-left page-width header-width header--has-menu header--has-social header--has-account header-not-cover">
1183
1184<header-drawer data-breakpoint="tablet">
1185  <details id="Details-menu-drawer-container" class="menu-drawer-container">
1186    <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
1187      <span>
1188				
1189						<svg
1190  xmlns="http://www.w3.org/2000/svg"
1191  aria-hidden="true"
1192  focusable="false"
1193  class="icon icon-hamburger"
1194  fill="none"
1195  viewBox="0 0 18 16"
1196>
1197  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
1198</svg>
1199
1200				
1201        <svg 
1202  width="12" height="13" 
1203  viewBox="0 0 12 13" class="icon icon-close"
1204  fill="none" xmlns="http://www.w3.org/2000/svg"
1205>
1206  <path d="M1.03516 1.4043L11.0352 11.4043" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
1207  <path d="M11.0352 1.4043L1.03516 11.4043" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
1208</svg>
1209      </span>
1210    </summary>
1211    <div id="menu-drawer" class="gradient menu-drawer motion-reduce dropdown color-main-bg">
1212      <div class="menu-drawer__inner-container">
1213        <div class="menu-drawer__navigation-container">
1214          <nav class="menu-drawer__navigation">
1215            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
1216                      id="HeaderDrawer-home"
1217                      href="/"
1218                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
1219                      
1220                        aria-current="page"
1221                      
1222                    >
1223                      Home
1224                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
1225                      <summary id="HeaderDrawer-books" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1226                        Books
1227                        <svg
1228  viewBox="0 0 14 10"
1229  fill="none"
1230  aria-hidden="true"
1231  focusable="false"
1232  class="icon icon-arrow"
1233  xmlns="http://www.w3.org/2000/svg"
1234>
1235  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1236</svg>
1237
1238                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1239  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1240</svg>
1241
1242                      </summary>
1243                      <div id="link-books" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg" tabindex="-1">
1244                        <div class="menu-drawer__inner-submenu">
1245                          <button class="menu-drawer__close-button link focus-inset" aria-expanded="true"> 
1246                            <svg
1247  viewBox="0 0 14 10"
1248  fill="none"
1249  aria-hidden="true"
1250  focusable="false"
1251  class="icon icon-arrow"
1252  xmlns="http://www.w3.org/2000/svg"
1253>
1254  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1255</svg>
1256
1257                            Books
1258                          </button>
1259                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1259<details id="Details-menu-drawer-books-quran">
1260                                    <summary id="HeaderDrawer-books-quran" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1261                                      Quran
1262                                      <svg
1263  viewBox="0 0 14 10"
1264  fill="none"
1265  aria-hidden="true"
1266  focusable="false"
1267  class="icon icon-arrow"
1268  xmlns="http://www.w3.org/2000/svg"
1269>
1270  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1271</svg>
1272
1273                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1274  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1275</svg>
1276
1277                                    </summary>
1278                                    <div id="childlink-quran" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1279                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1280                                        <svg
1281  viewBox="0 0 14 10"
1282  fill="none"
1283  aria-hidden="true"
1284  focusable="false"
1285  class="icon icon-arrow"
1286  xmlns="http://www.w3.org/2000/svg"
1287>
1288  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1289</svg>
1290
1291                                        Quran
1292                                      </button>
1293                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1294                                            <a id="HeaderDrawer-books-quran-translation" href="/collections/translation"
1295                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Translation</a>
1296                                          </li><li>
1297                                            <a id="HeaderDrawer-books-quran-tafseer" href="/collections/tafseer-quran-hadith"
1298                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Tafseer</a>
1299                                          </li><li>
1300                                            <a id="HeaderDrawer-books-quran-tajweed" href="/collections/tajweed"
1301                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Tajweed</a>
1302                                          </li><li>
1303                                            <a id="HeaderDrawer-books-quran-parah-parts" href="/collections/parah-parts"
1304                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Parah/Parts</a>
1305                                          </li><li>
1306                                            <a id="HeaderDrawer-books-quran-see-all" href="/collections/quran"
1307                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1308                                          </li></ul>
1309                                    </div>
1310                                  </details></li><li><details id="Details-menu-drawer-books-hadith">
1311                                    <summary id="HeaderDrawer-books-hadith" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1312                                      Hadith
1313                                      <svg
1314  viewBox="0 0 14 10"
1315  fill="none"
1316  aria-hidden="true"
1317  focusable="false"
1318  class="icon icon-arrow"
1319  xmlns="http://www.w3.org/2000/svg"
1320>
1321  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1322</svg>
1323
1324                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1325  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1326</svg>
1327
1328                                    </summary>
1329                                    <div id="childlink-hadith" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1330                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1331                                        <svg
1332  viewBox="0 0 14 10"
1333  fill="none"
1334  aria-hidden="true"
1335  focusable="false"
1336  class="icon icon-arrow"
1337  xmlns="http://www.w3.org/2000/svg"
1338>
1339  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1340</svg>
1341
1342                                        Hadith
1343                                      </button>
1344                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1345                                            <a id="HeaderDrawer-books-hadith-sahah-e-sitta" href="/collections/sahah-e-sitta"
1346                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Sahah e Sitta</a>
1347                                          </li><li>
1348                                            <a id="HeaderDrawer-books-hadith-ahadith-e-nabvi" href="/collections/ahadith-e-nabvi"
1349                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Ahadith e Nabvi</a>
1350                                          </li><li>
1351                                            <a id="HeaderDrawer-books-hadith-ahadith-qudsi" href="/collections/ahadith-qudsi"
1352                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Ahadith Qudsi</a>
1353                                          </li><li>
1354                                            <a id="HeaderDrawer-books-hadith-see-all" href="/collections/hadith-quran-hadith"
1355                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1356                                          </li></ul>
1357                                    </div>
1358                                  </details></li><li>
1358<details id="Details-menu-drawer-books-biography">
1359                                    <summary id="HeaderDrawer-books-biography" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1360                                      Biography
1361                                      <svg
1362  viewBox="0 0 14 10"
1363  fill="none"
1364  aria-hidden="true"
1365  focusable="false"
1366  class="icon icon-arrow"
1367  xmlns="http://www.w3.org/2000/svg"
1368>
1369  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1370</svg>
1371
1372                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1373  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1374</svg>
1375
1376                                    </summary>
1377                                    <div id="childlink-biography" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1378                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1379                                        <svg
1380  viewBox="0 0 14 10"
1381  fill="none"
1382  aria-hidden="true"
1383  focusable="false"
1384  class="icon icon-arrow"
1385  xmlns="http://www.w3.org/2000/svg"
1386>
1387  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1388</svg>
1389
1390                                        Biography
1391                                      </button>
1392                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1393                                            <a id="HeaderDrawer-books-biography-prophet-s-seerah" href="/collections/prophet-s-seerah"
1394                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Prophet’s Seerah</a>
1395                                          </li><li>
1396                                            <a id="HeaderDrawer-books-biography-companions-of-prophet-saw" href="/collections/companions-of-prophet-saw"
1397                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Companions of Prophet (SAW)</a>
1398                                          </li><li>
1399                                            <a id="HeaderDrawer-books-biography-imams-scholars" href="/collections/imams-scholars"
1400                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Imams &amp; Scholars</a>
1401                                          </li><li>
1402                                            <a id="HeaderDrawer-books-biography-see-all" href="/collections/biography"
1403                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1404                                          </li></ul>
1405                                    </div>
1406                                  </details></li><li><details id="Details-menu-drawer-books-family">
1407                                    <summary id="HeaderDrawer-books-family" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1408                                      Family
1409                                      <svg
1410  viewBox="0 0 14 10"
1411  fill="none"
1412  aria-hidden="true"
1413  focusable="false"
1414  class="icon icon-arrow"
1415  xmlns="http://www.w3.org/2000/svg"
1416>
1417  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1418</svg>
1419
1420                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1421  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1422</svg>
1423
1424                                    </summary>
1425                                    <div id="childlink-family" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1426                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1427                                        <svg
1428  viewBox="0 0 14 10"
1429  fill="none"
1430  aria-hidden="true"
1431  focusable="false"
1432  class="icon icon-arrow"
1433  xmlns="http://www.w3.org/2000/svg"
1434>
1435  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1436</svg>
1437
1438                                        Family
1439                                      </button>
1440                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1441                                            <a id="HeaderDrawer-books-family-women" href="/collections/women"
1442                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Women</a>
1443                                          </li><li>
1444                                            <a id="HeaderDrawer-books-family-kids-children" href="/collections/children"
1445                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Kids/Children</a>
1446                                          </li><li>
1447                                            <a id="HeaderDrawer-books-family-marital-relations" href="/collections/marital-relations"
1448                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Marital Relations</a>
1449                                          </li><li>
1450                                            <a id="HeaderDrawer-books-family-see-all" href="/collections/family"
1451                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1452                                          </li></ul>
1453                                    </div>
1454                                  </details></li><li>
1454<details id="Details-menu-drawer-books-pillars-of-islam">
1455                                    <summary id="HeaderDrawer-books-pillars-of-islam" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1456                                      Pillars of Islam
1457                                      <svg
1458  viewBox="0 0 14 10"
1459  fill="none"
1460  aria-hidden="true"
1461  focusable="false"
1462  class="icon icon-arrow"
1463  xmlns="http://www.w3.org/2000/svg"
1464>
1465  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1466</svg>
1467
1468                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1469  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1470</svg>
1471
1472                                    </summary>
1473                                    <div id="childlink-pillars-of-islam" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1474                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1475                                        <svg
1476  viewBox="0 0 14 10"
1477  fill="none"
1478  aria-hidden="true"
1479  focusable="false"
1480  class="icon icon-arrow"
1481  xmlns="http://www.w3.org/2000/svg"
1482>
1483  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1484</svg>
1485
1486                                        Pillars of Islam
1487                                      </button>
1488                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1489                                            <a id="HeaderDrawer-books-pillars-of-islam-prayer-supplication" href="/collections/prayer-supplication"
1490                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Prayer/Supplication</a>
1491                                          </li><li>
1492                                            <a id="HeaderDrawer-books-pillars-of-islam-fasting" href="/collections/fasting"
1493                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Fasting</a>
1494                                          </li><li>
1495                                            <a id="HeaderDrawer-books-pillars-of-islam-hajj-umrah" href="/collections/hajj-o-umrah-collection"
1496                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Hajj/Umrah</a>
1497                                          </li><li>
1498                                            <a id="HeaderDrawer-books-pillars-of-islam-faith-aqeedah" href="/collections/faith-aqeedah"
1499                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Faith/Aqeedah</a>
1500                                          </li><li>
1501                                            <a id="HeaderDrawer-books-pillars-of-islam-zakaat" href="/collections/zakaat"
1502                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Zakaat</a>
1503                                          </li><li>
1504                                            <a id="HeaderDrawer-books-pillars-of-islam-see-all" href="/collections/pillars-of-islam"
1505                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1506                                          </li></ul>
1507                                    </div>
1508                                  </details></li><li><details id="Details-menu-drawer-books-miscellaneous">
1509                                    <summary id="HeaderDrawer-books-miscellaneous" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1510                                      Miscellaneous
1511                                      <svg
1512  viewBox="0 0 14 10"
1513  fill="none"
1514  aria-hidden="true"
1515  focusable="false"
1516  class="icon icon-arrow"
1517  xmlns="http://www.w3.org/2000/svg"
1518>
1519  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1520</svg>
1521
1522                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1523  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1524</svg>
1525
1526                                    </summary>
1527                                    <div id="childlink-miscellaneous" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg">
1528                                      <button class="menu-drawer__close-button link focus-inset" aria-expanded="true">
1529                                        <svg
1530  viewBox="0 0 14 10"
1531  fill="none"
1532  aria-hidden="true"
1533  focusable="false"
1534  class="icon icon-arrow"
1535  xmlns="http://www.w3.org/2000/svg"
1536>
1537  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1538</svg>
1539
1540                                        Miscellaneous
1541                                      </button>
1542                                      <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1543                                            <a id="HeaderDrawer-books-miscellaneous-darussalam-books" href="/collections/darussalam-books"
1544                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Darussalam Books</a>
1545                                          </li><li>
1546                                            <a id="HeaderDrawer-books-miscellaneous-lifestyle" href="/collections/lifestyle"
1547                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Lifestyle</a>
1548                                          </li><li>
1549                                            <a id="HeaderDrawer-books-miscellaneous-health" href="/collections/health"
1550                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Health</a>
1551                                          </li><li>
1552                                            <a id="HeaderDrawer-books-miscellaneous-education" href="/collections/education"
1553                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Education</a>
1554                                          </li><li>
1555                                            <a id="HeaderDrawer-books-miscellaneous-fiqh" href="/collections/fiqh"
1556                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >Fiqh</a>
1557                                          </li><li>
1558                                            <a id="HeaderDrawer-books-miscellaneous-see-all" href="/collections/miscellaneous-books"
1559                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset" >See all</a>
1560                                          </li></ul>
1561                                    </div>
1562                                  </details></li></ul>
1563                        </div>
1564                      </div>
1565                    </details></li><li>
1565<details id="Details-menu-drawer-menu-item-3">
1566                      <summary id="HeaderDrawer-authors" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1567                        Authors
1568                        <svg
1569  viewBox="0 0 14 10"
1570  fill="none"
1571  aria-hidden="true"
1572  focusable="false"
1573  class="icon icon-arrow"
1574  xmlns="http://www.w3.org/2000/svg"
1575>
1576  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1577</svg>
1578
1579                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1580  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1581</svg>
1582
1583                      </summary>
1584                      <div id="link-authors" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg" tabindex="-1">
1585                        <div class="menu-drawer__inner-submenu">
1586                          <button class="menu-drawer__close-button link focus-inset" aria-expanded="true"> 
1587                            <svg
1588  viewBox="0 0 14 10"
1589  fill="none"
1590  aria-hidden="true"
1591  focusable="false"
1592  class="icon icon-arrow"
1593  xmlns="http://www.w3.org/2000/svg"
1594>
1595  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1596</svg>
1597
1598                            Authors
1599                          </button>
1600                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
1601                                    id="HeaderDrawer-authors-abdul-malik-mujahid"
1602                                    href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Abdul+Malik+Mujahid&sort_by=manual"
1603                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1604                                    >
1605                                    Abdul Malik Mujahid
1606                                  </a></li><li><a
1607                                    id="HeaderDrawer-authors-safiur-rahman-mubarakpuri"
1608                                    href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Safiur+Rahman+Al+Mubarakpuri&sort_by=manual"
1609                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1610                                    >
1611                                    Safiur Rahman Mubarakpuri
1612                                  </a></li><li><a
1613                                    id="HeaderDrawer-authors-dr-abdur-rahman-al-arifi"
1614                                    href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Muhammad+Abdul+Rahman+Al-Airfi"
1615                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1616                                    >
1617                                    Dr. Abdur Rahman Al Arifi
1618                                  </a></li><li><a
1619                                    id="HeaderDrawer-authors-dr-ali-sallabi"
1620                                    href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Ali+Muhammad+Al-Sallabi"
1621                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1622                                    >
1623                                    Dr. Ali Sallabi
1624                                  </a></li><li><a
1625                                    id="HeaderDrawer-authors-maulvi-abdul-aziz"
1626                                    href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Maulvi+Abdul+Aziz&sort_by=manual"
1627                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1628                                    >
1629                                    Maulvi Abdul Aziz
1630                                  </a></li><li><a
1631                                    id="HeaderDrawer-authors-darusssalam-research-center"
1632                                    href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Darussalam+Research+Center"
1633                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1634                                    >
1635                                    Darusssalam Research Center
1636                                  </a></li></ul>
1637                        </div>
1638                      </div>
1639                    </details></li><li>
1639<details id="Details-menu-drawer-menu-item-4">
1640                      <summary id="HeaderDrawer-languages" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1641                        Languages
1642                        <svg
1643  viewBox="0 0 14 10"
1644  fill="none"
1645  aria-hidden="true"
1646  focusable="false"
1647  class="icon icon-arrow"
1648  xmlns="http://www.w3.org/2000/svg"
1649>
1650  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1651</svg>
1652
1653                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1654  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1655</svg>
1656
1657                      </summary>
1658                      <div id="link-languages" class="menu-drawer__submenu has-submenu motion-reduce color-main-bg" tabindex="-1">
1659                        <div class="menu-drawer__inner-submenu">
1660                          <button class="menu-drawer__close-button link focus-inset" aria-expanded="true"> 
1661                            <svg
1662  viewBox="0 0 14 10"
1663  fill="none"
1664  aria-hidden="true"
1665  focusable="false"
1666  class="icon icon-arrow"
1667  xmlns="http://www.w3.org/2000/svg"
1668>
1669  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1670</svg>
1671
1672                            Languages
1673                          </button>
1674                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
1675                                    id="HeaderDrawer-languages-arabic"
1676                                    href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Arabic&sort_by=title-ascending"
1677                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1678                                    >
1679                                    Arabic
1680                                  </a></li><li><a
1681                                    id="HeaderDrawer-languages-english"
1682                                    href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=English&sort_by=title-decending"
1683                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1684                                    >
1685                                    English
1686                                  </a></li><li><a
1687                                    id="HeaderDrawer-languages-urdu"
1688                                    href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Urdu&sort_by=title-descending"
1689                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1690                                    >
1691                                    Urdu
1692                                  </a></li></ul>
1693                        </div>
1694                      </div>
1695                    </details></li><li><a
1696                      id="HeaderDrawer-islamic-products"
1697                      href="/collections/islamic-products-1"
1698                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1699                      
1700                    >
1701                      Islamic Products
1702                    </a></li></ul>
1703          </nav>
1704
1705          
1706
1707          <div class="menu-drawer__utility-links"><a href="https://darussalam.pk/customer_authentication/redirect?locale=en&region_country=PK"
1708                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide color-main-bg">
1709								
1710										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account icon-account-stroke">
1711  <path d="M10.3203 18.9998C15.2909 18.9998 19.3203 14.9703 19.3203 9.99976C19.3203 5.02919 15.2909 0.999756 10.3203 0.999756C5.34975 0.999756 1.32031 5.02919 1.32031 9.99976C1.32031 14.9703 5.34975 18.9998 10.3203 18.9998Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
1712  <path d="M12.7753 8.27246C12.7753 9.67891 11.6765 10.8178 10.3208 10.8178C8.96503 10.8178 7.86621 9.67809 7.86621 8.27246V6.81856C7.86621 5.41211 8.96503 4.27313 10.3208 4.27313C11.6765 4.27313 12.7753 5.41293 12.7753 6.81856V8.27246Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
1713  <path d="M4.32324 16.7089C5.32961 14.688 7.63684 13.2726 10.3205 13.2726C13.0041 13.2726 15.3114 14.688 16.3177 16.7089" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
1714</svg>
1715								
1716Log In</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
1717									<a href="https://www.linkedin.com/company/darussalam-publishers/" target="_blank" rel="noopener" class="link list-social__link" >
1718  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" class="icon icon-linkedin">
1719    <g clip-path="url(#clip0_1379_1836)">
1720    <path d="M22.678 0H2.22646C1.24678 0 0.45459 0.773438 0.45459 1.72969V22.2656C0.45459 23.2219 1.24678 24 2.22646 24H22.678C23.6577 24 24.4546 23.2219 24.4546 22.2703V1.72969C24.4546 0.773438 23.6577 0 22.678 0ZM7.5749 20.4516H4.0124V8.99531H7.5749V20.4516ZM5.79365 7.43438C4.6499 7.43438 3.72646 6.51094 3.72646 5.37187C3.72646 4.23281 4.6499 3.30937 5.79365 3.30937C6.93271 3.30937 7.85615 4.23281 7.85615 5.37187C7.85615 6.50625 6.93271 7.43438 5.79365 7.43438ZM20.9062 20.4516H17.3483V14.8828C17.3483 13.5562 17.3249 11.8453 15.4968 11.8453C13.6452 11.8453 13.364 13.2937 13.364 14.7891V20.4516H9.81084V8.99531H13.2233V10.5609H13.2702C13.7437 9.66094 14.9062 8.70938 16.6358 8.70938C20.2405 8.70938 20.9062 11.0813 20.9062 14.1656V20.4516Z" fill="currentColor"/>
1721    </g>
1722    <defs>
1723    <clipPath id="clip0_1379_1836">
1724    <rect width="24" height="24" fill="white" transform="translate(0.45459)"/>
1725    </clipPath>
1726    </defs>
1727  </svg>
1728
1729
1730<span class="visually-hidden">LinkedIn</span>
1731									</a>
1732								</li><li class="list-social__item">
1733                  <a href="https://www.facebook.com/darussalam.urdu" target="_blank" rel="noopener" class="list-social__link link">
1734  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="icon icon-facebook">
1735    <g clip-path="url(#clip0_1379_1839)">
1736    <path d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z" fill="currentColor"/>
1737    </g>
1738    <defs>
1739    <clipPath id="clip0_1379_1839">
1740    <rect width="24" height="24" fill="white"/>
1741    </clipPath>
1742    </defs>
1743  </svg>
1744
1745
1746<span class="visually-hidden">Facebook</span>
1747                  </a>
1748                </li><li class="list-social__item">
1749                  <a href="https://www.instagram.com/darussalam.urdu/" target="_blank" rel="noopener" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 18 18">
1750  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
1751  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
1752</svg>
1753<span class="visually-hidden">Instagram</span>
1754                  </a>
1755                </li><li class="list-social__item">
1756                  <a href="https://www.tiktok.com/@darussalam.urdu" target="_blank" rel="noopener" class="list-social__link link"><svg
1757  aria-hidden="true"
1758  focusable="false"
1759  class="icon icon-tiktok"
1760  width="16"
1761  height="18"
1762  fill="none"
1763  xmlns="http://www.w3.org/2000/svg"
1764>
1765  <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor">
1766</svg>
1767<span class="visually-hidden">TikTok</span>
1768                  </a>
1769                </li><li class="list-social__item">
1770                  <a href="https://youtube.com/@darussalamofficial1?si=jfXDfKvK0_2_EHPy" target="_blank" rel="noopener" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 100 70">
1771  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" fill="currentColor">
1772</svg>
1773<span class="visually-hidden">YouTube</span>
1774                  </a>
1775                </li></ul>
1776          </div>
1777        </div>
1778      </div>
1779      
1780      
1781    </div>
1782  </details>
1783</header-drawer>
1784<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
1785                
1786                <img src="//darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&amp;width=600" alt="Darussalam PK" srcset="//darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&amp;width=185 185w, //darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&amp;width=278 278w, //darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&amp;width=370 370w" width="185" height="41.95876288659794" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 370px) 50vw, 185px">
1787              </div></a></h1>
1788      <nav class="header__inline-menu">
1789        <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-home" href="/" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page">
1790                  <span class="header__active-menu-item" >Home</span>
1791                </a></li><li>
1792                
1793                
1794                  <ds-header-menu>
1795                    
1796<div id="Details-HeaderMenu-" class="mega-menu ds-nav-disclosure">
1797  <button type="button" id="HeaderMenu-books" class="header__menu-item list-menu__item link focus-inset" aria-expanded="false" aria-controls="MegaMenu-Content-Books-">
1798    <span>Books</span>
1799    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1800  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1801</svg>
1802
1803  </button>
1804  <div id="MegaMenu-Content-Books-" class="mega-menu__content gradient motion-reduce global-settings-popup color-main-bg" tabindex="-1" hidden>
1805    
1806
1807<div class="ds-mega-nav" data-ds-mega-nav>
1808  <div class="ds-mega-nav__inner"><div class="ds-mega-nav__zone" data-mm-zone>
1809    <div class="ds-mega-nav__col ds-mega-nav__col--categories">
1810      <div class="ds-mega-nav__col-head">
1811        <span class="ds-mega-nav__label">Browse by Category</span>
1812      </div>
1813      <div class="ds-mega-nav__cats"><a href="/collections/quran" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="0">
1814              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6.6C10.4 5.3 8.3 4.8 4.5 5v12.5c3.8-.2 5.9.3 7.5 1.6 1.6-1.3 3.7-1.8 7.5-1.6V5c-3.8-.2-5.9.3-7.5 1.6Z"/><path d="M12 6.6V19.1"/></svg></span>
1815              <div class="ds-mega-nav__cat-text">
1816                <strong>Quran</strong><span>Translation · Tafseer · Tajweed</span></div>
1817              <span class="ds-mega-nav__cat-arrow">›</span>
1818            </a><a href="/collections/hadith-quran-hadith" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="1">
1819              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4.5h9.5a1 1 0 0 1 1 1V17A2.5 2.5 0 0 0 20 19.5H9A2.5 2.5 0 0 1 6.5 17V6"/><path d="M6.5 4.5A2 2 0 0 0 4.5 6.5v2.5h2"/><path d="M10 9h5M10 12.5h5"/></svg></span>
1820              <div class="ds-mega-nav__cat-text">
1821                <strong>Hadith</strong><span>Sahah e Sitta · Ahadith e Nabvi · Ahadith Qudsi</span></div>
1822              <span class="ds-mega-nav__cat-arrow">›</span>
1823            </a><a href="/collections/biography" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="2">
1824              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 4s-8.5 1-13.5 8.5C5 15 4 19.5 4 19.5s4.5-1 7-2.5C18.5 12 20 4 20 4Z"/><path d="M4 19.5 9.5 14"/><path d="M13 8.5l2.5 2.5"/></svg></span>
1825              <div class="ds-mega-nav__cat-text">
1826                <strong>Biography</strong><span>Prophet’s Seerah · Companions of Prophet (SAW) · Imams &amp; Scholars</span></div>
1827              <span class="ds-mega-nav__cat-arrow">›</span>
1828            </a><a href="/collections/family" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="3">
1829              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7.5" r="3"/><path d="M3.5 19a5.5 5.5 0 0 1 11 0"/><circle cx="17.5" cy="9" r="2.2"/><path d="M15.5 19a4.2 4.2 0 0 1 6-3.4"/></svg></span>
1830              <div class="ds-mega-nav__cat-text">
1831                <strong>Family</strong><span>Women · Kids/Children · Marital Relations</span></div>
1832              <span class="ds-mega-nav__cat-arrow">›</span>
1833            </a><a href="/collections/pillars-of-islam" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="4">
1834              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 16.8A7 7 0 1 1 10.2 4.3a5.6 5.6 0 0 0 5.3 12.5Z"/><path d="M18.5 5.5l.8 1.7 1.8.3-1.3 1.3.3 1.8-1.6-.9-1.6.9.3-1.8-1.3-1.3 1.8-.3Z"/></svg></span>
1835              <div class="ds-mega-nav__cat-text">
1836                <strong>Pillars of Islam</strong><span>Prayer/Supplication · Fasting · Hajj/Umrah</span></div>
1837              <span class="ds-mega-nav__cat-arrow">›</span>
1838            </a><a href="/collections/miscellaneous-books" class="ds-mega-nav__cat ds-mega-nav__cat--has-sub" data-mm-cat="5">
1839              <span class="ds-mega-nav__cat-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7.5" r="3"/><path d="M3.5 19a5.5 5.5 0 0 1 11 0"/><circle cx="17.5" cy="9" r="2.2"/><path d="M15.5 19a4.2 4.2 0 0 1 6-3.4"/></svg></span>
1840              <div class="ds-mega-nav__cat-text">
1841                <strong>Miscellaneous</strong><span>Darussalam Books · Lifestyle · Health</span></div>
1842              <span class="ds-mega-nav__cat-arrow">›</span>
1843            </a></div>
1844    </div><div class="ds-mega-nav__col ds-mega-nav__col--featured ds-mega-nav__col--stage" data-mm-stage>
1845      <div class="ds-mega-nav__stage-panel is-active" data-mm-panel="bestsellers">
1846        <div class="ds-mega-nav__col-head">
1847          <span class="ds-mega-nav__label"><svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M12 3.5l2.6 5.3 5.9.8-4.3 4.1 1 5.8L12 16.8 6.8 19.5l1-5.8L3.5 9.6l5.9-.8Z"/></svg>Bestsellers</span>
1848          <a href="/collections/best-sellers" class="ds-mega-nav__see-all">See all →</a>
1849        </div>
1850        <div class="ds-mega-nav__products"><a href="/products/qurani-qaidah-17x24" class="ds-mega-nav__product">
1851              <div class="ds-mega-nav__product-media"><img src="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=120" alt="Qurani Qaidah 17X24" loading="lazy"></div>
1852              <div class="ds-mega-nav__product-info">
1853                <div class="ds-mega-nav__product-vendor">Darussalam</div>
1854                <div class="ds-mega-nav__product-title">Qurani Qaidah 17X24</div>
1855                <div class="ds-mega-nav__product-price"><strong>Rs.270.00</strong></div>
1856              </div>
1857            </a><a href="/products/ar-raheeq-al-makhtum-urdu" class="ds-mega-nav__product">
1858              <div class="ds-mega-nav__product-media"><img src="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=120" alt="Ar Raheeq Al Makhtum (Urdu)" loading="lazy"></div>
1859              <div class="ds-mega-nav__product-info">
1860                <div class="ds-mega-nav__product-vendor">Darussalam</div>
1861                <div class="ds-mega-nav__product-title">Ar Raheeq Al Makhtum (Urdu)</div>
1862                <div class="ds-mega-nav__product-price"><strong>Rs.1,080.00</strong></div>
1863              </div>
1864            </a><a href="/products/ar-raheeq-al-makhtum-urdu-1" class="ds-mega-nav__product">
1865              <div class="ds-mega-nav__product-media"><img src="//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=120" alt="Ar Raheeq Al Makhtum (Urdu) Big" loading="lazy"></div>
1866              <div class="ds-mega-nav__product-info">
1867                <div class="ds-mega-nav__product-vendor">Darussalam</div>
1868                <div class="ds-mega-nav__product-title">Ar Raheeq Al Makhtum (Urdu) Big</div>
1869                <div class="ds-mega-nav__product-price"><strong>Rs.1,200.00</strong></div>
1870              </div>
1871            </a><a href="/products/hisn-ul-muslim-8x12-pocket-size" class="ds-mega-nav__product">
1872              <div class="ds-mega-nav__product-media"><img src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=120" alt="Hisn ul Muslim (8x12) pocket size" loading="lazy"></div>
1873              <div class="ds-mega-nav__product-info">
1874                <div class="ds-mega-nav__product-vendor">Darussalam</div>
1875                <div class="ds-mega-nav__product-title">Hisn ul Muslim (8x12) pocket size</div>
1876                <div class="ds-mega-nav__product-price"><strong>Rs.190.00</strong></div>
1877              </div>
1878            </a></div>
1879      </div><div class="ds-mega-nav__stage-panel" data-mm-panel="0">
1880            <div class="ds-mega-nav__col-head">
1881              <span class="ds-mega-nav__label">Quran</span>
1882              <a href="/collections/quran" class="ds-mega-nav__see-all">See all →</a>
1883            </div>
1884            <div class="ds-mega-nav__stage-grid"><a href="/collections/translation" class="ds-mega-nav__stage-link">
1885                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1886                    <span>Translation</span>
1887                  </a><a href="/collections/tafseer-quran-hadith" class="ds-mega-nav__stage-link">
1888                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1889                    <span>Tafseer</span>
1890                  </a><a href="/collections/tajweed" class="ds-mega-nav__stage-link">
1891                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1892                    <span>Tajweed</span>
1893                  </a><a href="/collections/parah-parts" class="ds-mega-nav__stage-link">
1894                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1895                    <span>Parah/Parts</span>
1896                  </a></div>
1897          </div><div class="ds-mega-nav__stage-panel" data-mm-panel="1">
1898            <div class="ds-mega-nav__col-head">
1899              <span class="ds-mega-nav__label">Hadith</span>
1900              <a href="/collections/hadith-quran-hadith" class="ds-mega-nav__see-all">See all →</a>
1901            </div>
1902            <div class="ds-mega-nav__stage-grid"><a href="/collections/sahah-e-sitta" class="ds-mega-nav__stage-link">
1903                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1904                    <span>Sahah e Sitta</span>
1905                  </a><a href="/collections/ahadith-e-nabvi" class="ds-mega-nav__stage-link">
1906                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1907                    <span>Ahadith e Nabvi</span>
1908                  </a><a href="/collections/ahadith-qudsi" class="ds-mega-nav__stage-link">
1909                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1910                    <span>Ahadith Qudsi</span>
1911                  </a></div>
1912          </div><div class="ds-mega-nav__stage-panel" data-mm-panel="2">
1913            <div class="ds-mega-nav__col-head">
1914              <span class="ds-mega-nav__label">Biography</span>
1915              <a href="/collections/biography" class="ds-mega-nav__see-all">See all →</a>
1916            </div>
1917            <div class="ds-mega-nav__stage-grid"><a href="/collections/prophet-s-seerah" class="ds-mega-nav__stage-link">
1918                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1919                    <span>Prophet’s Seerah</span>
1920                  </a><a href="/collections/companions-of-prophet-saw" class="ds-mega-nav__stage-link">
1921                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1922                    <span>Companions of Prophet (SAW)</span>
1923                  </a><a href="/collections/imams-scholars" class="ds-mega-nav__stage-link">
1924                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1925                    <span>Imams &amp; Scholars</span>
1926                  </a></div>
1927          </div><div class="ds-mega-nav__stage-panel" data-mm-panel="3">
1928            <div class="ds-mega-nav__col-head">
1929              <span class="ds-mega-nav__label">Family</span>
1930              <a href="/collections/family" class="ds-mega-nav__see-all">See all →</a>
1931            </div>
1932            <div class="ds-mega-nav__stage-grid"><a href="/collections/women" class="ds-mega-nav__stage-link">
1933                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1934                    <span>Women</span>
1935                  </a><a href="/collections/children" class="ds-mega-nav__stage-link">
1936                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1937                    <span>Kids/Children</span>
1938                  </a><a href="/collections/marital-relations" class="ds-mega-nav__stage-link">
1939                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1940                    <span>Marital Relations</span>
1941                  </a></div>
1942          </div><div class="ds-mega-nav__stage-panel" data-mm-panel="4">
1943            <div class="ds-mega-nav__col-head">
1944              <span class="ds-mega-nav__label">Pillars of Islam</span>
1945              <a href="/collections/pillars-of-islam" class="ds-mega-nav__see-all">See all →</a>
1946            </div>
1947            <div class="ds-mega-nav__stage-grid"><a href="/collections/prayer-supplication" class="ds-mega-nav__stage-link">
1948                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1949                    <span>Prayer/Supplication</span>
1950                  </a><a href="/collections/fasting" class="ds-mega-nav__stage-link">
1951                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1952                    <span>Fasting</span>
1953                  </a><a href="/collections/hajj-o-umrah-collection" class="ds-mega-nav__stage-link">
1954                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1955                    <span>Hajj/Umrah</span>
1956                  </a><a href="/collections/faith-aqeedah" class="ds-mega-nav__stage-link">
1957                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1958                    <span>Faith/Aqeedah</span>
1959                  </a><a href="/collections/zakaat" class="ds-mega-nav__stage-link">
1960                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1961                    <span>Zakaat</span>
1962                  </a></div>
1963          </div><div class="ds-mega-nav__stage-panel" data-mm-panel="5">
1964            <div class="ds-mega-nav__col-head">
1965              <span class="ds-mega-nav__label">Miscellaneous</span>
1966              <a href="/collections/miscellaneous-books" class="ds-mega-nav__see-all">See all →</a>
1967            </div>
1968            <div class="ds-mega-nav__stage-grid"><a href="/collections/darussalam-books" class="ds-mega-nav__stage-link">
1969                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1970                    <span>Darussalam Books</span>
1971                  </a><a href="/collections/lifestyle" class="ds-mega-nav__stage-link">
1972                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1973                    <span>Lifestyle</span>
1974                  </a><a href="/collections/health" class="ds-mega-nav__stage-link">
1975                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1976                    <span>Health</span>
1977                  </a><a href="/collections/education" class="ds-mega-nav__stage-link">
1978                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1979                    <span>Education</span>
1980                  </a><a href="/collections/fiqh" class="ds-mega-nav__stage-link">
1981                    <span class="ds-mega-nav__stage-link-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
1982                    <span>Fiqh</span>
1983                  </a></div>
1984          </div></div>
1985    </div><div class="ds-mega-nav__col ds-mega-nav__col--promo">
1986      <div class="ds-mega-nav__quick">
1987        <span class="ds-mega-nav__label">Quick Links</span><a href="/collections/recently-restocked" class="ds-mega-nav__quick-link">
1988          <span class="ds-mega-nav__quick-label"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3.5c.4 3.6 1.9 5.1 5.5 5.5-3.6.4-5.1 1.9-5.5 5.5-.4-3.6-1.9-5.1-5.5-5.5 3.6-.4 5.1-1.9 5.5-5.5Z"/><path d="M18 14.5c.2 1.7.9 2.4 2.5 2.5-1.6.2-2.3.9-2.5 2.5-.2-1.6-.9-2.3-2.5-2.5 1.6-.2 2.3-.8 2.5-2.5Z"/></svg>Recently Restocked</span> <span>Just back in stock</span>
1989        </a>
1990        <a href="/collections/all" class="ds-mega-nav__quick-link">
1991          <span class="ds-mega-nav__quick-label"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5h3.5v14.5H5zM8.5 5H12v14.5H8.5z"/><path d="M13 6.2l3.4-.7 3 13.9-3.4.7z"/></svg>All Books</span> <span>Browse everything</span>
1992        </a>
1993      </div>
1994
1995      <div class="ds-mega-nav__promo">
1996        <div class="ds-mega-nav__promo-eyebrow">📖 For Everyone</div>
1997        <h3 class="ds-mega-nav__promo-title">Build Your Islamic Home Library</h3>
1998        <p class="ds-mega-nav__promo-desc">Answer one quick question — we'll curate a complete library for you, not just one book.</p>
1999        <a href="/#ds-iqra-path" class="ds-mega-nav__promo-cta" data-ds-giftfinder-scroll>
2000          Try Iqra Path
2001          <span>→</span>
2002        </a>
2003        <div class="ds-mega-nav__promo-rating">
2004          <span class="ds-mega-nav__promo-stars">★★★★★</span>
2005          <span>Trusted by 50,000+ Muslims</span>
2006        </div>
2007      </div>
2008    </div>
2009
2010  </div>
2011
2012  
2012<script>
2013  (function(){
2014    var nav = document.querySelector('.ds-mega-nav[data-ds-mega-nav]');
2015    if (!nav || nav.dataset.mmStageInit) return;
2016    nav.dataset.mmStageInit = '1';
2017    var cats   = nav.querySelectorAll('[data-mm-cat]');
2018    var panels = nav.querySelectorAll('[data-mm-panel]');
2019    function show(k){
2020      for (var i=0;i<panels.length;i++) panels[i].classList.toggle('is-active', panels[i].getAttribute('data-mm-panel') === k);
2021      for (var j=0;j<cats.length;j++)   cats[j].classList.toggle('is-active', cats[j].getAttribute('data-mm-cat') === k && k !== 'bestsellers');
2022    }
2023    for (var i=0;i<cats.length;i++){ (function(c){
2024      var k = c.getAttribute('data-mm-cat');
2025      c.addEventListener('mouseenter', function(){ show(k); });
2026      c.addEventListener('focus', function(){ show(k); });
2027    })(cats[i]); }
2028    var zone = nav.querySelector('[data-mm-zone]');
2029    if (zone) zone.addEventListener('mouseleave', function(){ show('bestsellers'); });
2030  })();
2031  </script>
2031
2032</div>
2033  </div>
2034</div>
2035                  </ds-header-menu>
2036                
2037</li><li>
2038                
2039                
2040                  <ds-header-menu>
2041                    
2042
2043<div id="Details-HeaderMenu-" class="ds-nav-disclosure">
2044  <button type="button" id="HeaderMenu-authors" class="header__menu-item list-menu__item link focus-inset" aria-expanded="false" aria-controls="HeaderMenu-MenuList-">
2045    <span>Authors</span>
2046    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2047  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2048</svg>
2049
2050  </button>
2051
2052  <ul id="HeaderMenu-MenuList-" class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce global-settings-popup color-main-bg" role="list" tabindex="-1" hidden><li><a id="HeaderMenu-authors-abdul-malik-mujahid" href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Abdul+Malik+Mujahid&sort_by=manual" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2053            Abdul Malik Mujahid
2054          </a></li><li><a id="HeaderMenu-authors-safiur-rahman-mubarakpuri" href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Safiur+Rahman+Al+Mubarakpuri&sort_by=manual" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2055            Safiur Rahman Mubarakpuri
2056          </a></li><li><a id="HeaderMenu-authors-dr-abdur-rahman-al-arifi" href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Muhammad+Abdul+Rahman+Al-Airfi" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2057            Dr. Abdur Rahman Al Arifi
2058          </a></li><li><a id="HeaderMenu-authors-dr-ali-sallabi" href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Ali+Muhammad+Al-Sallabi" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2059            Dr. Ali Sallabi
2060          </a></li><li><a id="HeaderMenu-authors-maulvi-abdul-aziz" href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Maulvi+Abdul+Aziz&sort_by=manual" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2061            Maulvi Abdul Aziz
2062          </a></li><li><a id="HeaderMenu-authors-darusssalam-research-center" href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Darussalam+Research+Center" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2063            Darusssalam Research Center
2064          </a></li></ul>
2065</div>
2066
2067                  </ds-header-menu>
2068                
2069</li><li>
2070                
2071                
2072                  <ds-header-menu>
2073                    
2074
2075<div id="Details-HeaderMenu-" class="ds-nav-disclosure">
2076  <button type="button" id="HeaderMenu-languages" class="header__menu-item list-menu__item link focus-inset" aria-expanded="false" aria-controls="HeaderMenu-MenuList-">
2077    <span>Languages</span>
2078    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2079  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2080</svg>
2081
2082  </button>
2083
2084  <ul id="HeaderMenu-MenuList-" class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce global-settings-popup color-main-bg" role="list" tabindex="-1" hidden><li><a id="HeaderMenu-languages-arabic" href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Arabic&sort_by=title-ascending" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2085            Arabic
2086          </a></li><li><a id="HeaderMenu-languages-english" href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=English&sort_by=title-decending" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2087            English
2088          </a></li><li><a id="HeaderMenu-languages-urdu" href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Urdu&sort_by=title-descending" class="header__menu-item list-menu__item link link--text focus-inset caption-large" >
2089            Urdu
2090          </a></li></ul>
2091</div>
2092
2093                  </ds-header-menu>
2094                
2095</li><li><a id="HeaderMenu-islamic-products" href="/collections/islamic-products-1" class="header__menu-item list-menu__item link link--text focus-inset">
2096                  <span>Islamic Products</span>
2097                </a></li><li>
2098            <a href="/#ds-iqra-path" class="header__menu-item list-menu__item link link--text focus-inset ds-giftfinder-nav-btn">
2099              <span>📖 Iqra Path</span>
2100            </a>
2101          </li>
2102        </ul>
2103      </nav>
2104    
2105<div class="header__icons">
2106
2107     
2108        <button type="button" class="header__icon header__icon--search link focus-inset ds-mega-search-trigger" aria-label="Open search" data-ds-search-trigger>
2109          <span class="svg-wrapper">
2110            <svg class="icon icon-search" viewBox="0 0 18 19" fill="none" aria-hidden="true">
2111              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18Zm.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7l-5.41-5.4Z" fill="currentColor"></path>
2112            </svg>
2113          </span>
2114          <span class="visually-hidden">Search</span>
2115        </button>
2116      
2117<a href="https://darussalam.pk/customer_authentication/redirect?locale=en&region_country=PK" class="header__icon header__icon--account link focus-inset small-hide">
2118
2119					
2120							<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account icon-account-stroke">
2121  <path d="M10.3203 18.9998C15.2909 18.9998 19.3203 14.9703 19.3203 9.99976C19.3203 5.02919 15.2909 0.999756 10.3203 0.999756C5.34975 0.999756 1.32031 5.02919 1.32031 9.99976C1.32031 14.9703 5.34975 18.9998 10.3203 18.9998Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2122  <path d="M12.7753 8.27246C12.7753 9.67891 11.6765 10.8178 10.3208 10.8178C8.96503 10.8178 7.86621 9.67809 7.86621 8.27246V6.81856C7.86621 5.41211 8.96503 4.27313 10.3208 4.27313C11.6765 4.27313 12.7753 5.41293 12.7753 6.81856V8.27246Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2123  <path d="M4.32324 16.7089C5.32961 14.688 7.63684 13.2726 10.3205 13.2726C13.0041 13.2726 15.3114 14.688 16.3177 16.7089" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2124</svg>
2125					
2126
2127          <span class="visually-hidden">Log In</span>
2128        </a>
2129        <a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
2130					
2131							<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none" class="icon icon-cart icon-cart-stroke">
2132	<path d="M8.17766 18.4999C9.12444 18.4999 9.89195 17.7323 9.89195 16.7856C9.89195 15.8388 9.12444 15.0713 8.17766 15.0713C7.23089 15.0713 6.46338 15.8388 6.46338 16.7856C6.46338 17.7323 7.23089 18.4999 8.17766 18.4999Z" fill="#fff" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2133	<path d="M17.6059 18.4999C18.5527 18.4999 19.3202 17.7323 19.3202 16.7856C19.3202 15.8388 18.5527 15.0713 17.6059 15.0713C16.6591 15.0713 15.8916 15.8388 15.8916 16.7856C15.8916 17.7323 16.6591 18.4999 17.6059 18.4999Z" fill="#fff" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2134	<path d="M1.32031 0.5H3.23172C3.62087 0.5 3.96117 0.761432 4.06145 1.136L6.98005 12.0843C7.18062 12.8343 7.86032 13.3563 8.63689 13.3563H19.3203" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2135	<path d="M6.89174 10.7858H18.608C19.0203 10.7858 19.3743 10.4909 19.4489 10.0855L21.0346 2.21436H4.32031" fill="#fff"/>
2136	<path d="M6.89174 10.7858H18.608C19.0203 10.7858 19.3743 10.4909 19.4489 10.0855L21.0346 2.21436H4.32031" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round"/>
2137</svg>
2138					
2139
2140          <span class="visually-hidden">Cart</span></a>
2141      
2142
2143      <div class="desktop-localization-wrapper text-color-secondary-hover">
2144      </div>
2145
2146    </div><div id="ds-mobile-menu" class="ds-mobile-menu" aria-hidden="true">
2147  <div class="ds-mobile-menu__overlay" data-ds-mm-close></div>
2148
2149  <aside class="ds-mobile-menu__panel" role="dialog" aria-label="Mobile navigation">
2150
2151    <div class="ds-mobile-menu__head">
2152      <a href="/" class="ds-mobile-menu__brand"><img src="//darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&width=120" alt="Darussalam PK" width="100"></a>
2153      <button type="button" class="ds-mobile-menu__close" data-ds-mm-close aria-label="Close menu">
2154        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round">
2155          <path d="M6 6L18 18M6 18L18 6"/>
2156        </svg>
2157      </button>
2158    </div>
2159
2160    <button type="button" class="ds-mobile-menu__search" data-ds-search-trigger>
2161      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2162        <circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/>
2163      </svg>
2164      <span>Search 200+ Islamic books…</span>
2165    </button>
2166
2167    <a href="/#ds-iqra-path" class="ds-mobile-menu__hero-cta">
2168      <div class="ds-mobile-menu__hero-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6.6C10.4 5.3 8.3 4.8 4.5 5v12.5c3.8-.2 5.9.3 7.5 1.6 1.6-1.3 3.7-1.8 7.5-1.6V5c-3.8-.2-5.9.3-7.5 1.6Z"/><path d="M12 6.6V19.1"/></svg></div>
2169      <div class="ds-mobile-menu__hero-text">
2170        <strong>Build Your Islamic Home Library</strong>
2171        <span>Answer 1 question · 60 seconds</span>
2172      </div>
2173      <span class="ds-mobile-menu__hero-arrow">→</span>
2174    </a><div class="ds-mobile-menu__section">
2175      <div class="ds-mobile-menu__label">Browse by Category</div>
2176      <div class="ds-mobile-menu__acc-list"><details class="ds-mobile-menu__acc">
2177              <summary class="ds-mobile-menu__acc-head">
2178                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6.6C10.4 5.3 8.3 4.8 4.5 5v12.5c3.8-.2 5.9.3 7.5 1.6 1.6-1.3 3.7-1.8 7.5-1.6V5c-3.8-.2-5.9.3-7.5 1.6Z"/><path d="M12 6.6V19.1"/></svg></span>
2179                <span class="ds-mobile-menu__acc-title">Quran</span>
2180                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2181              </summary>
2182              <div class="ds-mobile-menu__acc-panel"><a href="/collections/translation" class="ds-mobile-menu__acc-link">Translation</a><a href="/collections/tafseer-quran-hadith" class="ds-mobile-menu__acc-link">Tafseer</a><a href="/collections/tajweed" class="ds-mobile-menu__acc-link">Tajweed</a><a href="/collections/parah-parts" class="ds-mobile-menu__acc-link">Parah/Parts</a><a href="/collections/quran" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2183            </details><details class="ds-mobile-menu__acc">
2184              <summary class="ds-mobile-menu__acc-head">
2185                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4.5h9.5a1 1 0 0 1 1 1V17A2.5 2.5 0 0 0 20 19.5H9A2.5 2.5 0 0 1 6.5 17V6"/><path d="M6.5 4.5A2 2 0 0 0 4.5 6.5v2.5h2"/><path d="M10 9h5M10 12.5h5"/></svg></span>
2186                <span class="ds-mobile-menu__acc-title">Hadith</span>
2187                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2188              </summary>
2189              <div class="ds-mobile-menu__acc-panel"><a href="/collections/sahah-e-sitta" class="ds-mobile-menu__acc-link">Sahah e Sitta</a><a href="/collections/ahadith-e-nabvi" class="ds-mobile-menu__acc-link">Ahadith e Nabvi</a><a href="/collections/ahadith-qudsi" class="ds-mobile-menu__acc-link">Ahadith Qudsi</a><a href="/collections/hadith-quran-hadith" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2190            </details><details class="ds-mobile-menu__acc">
2191              <summary class="ds-mobile-menu__acc-head">
2192                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 4s-8.5 1-13.5 8.5C5 15 4 19.5 4 19.5s4.5-1 7-2.5C18.5 12 20 4 20 4Z"/><path d="M4 19.5 9.5 14"/><path d="M13 8.5l2.5 2.5"/></svg></span>
2193                <span class="ds-mobile-menu__acc-title">Biography</span>
2194                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2195              </summary>
2196              <div class="ds-mobile-menu__acc-panel"><a href="/collections/prophet-s-seerah" class="ds-mobile-menu__acc-link">Prophet’s Seerah</a><a href="/collections/companions-of-prophet-saw" class="ds-mobile-menu__acc-link">Companions of Prophet (SAW)</a><a href="/collections/imams-scholars" class="ds-mobile-menu__acc-link">Imams &amp; Scholars</a><a href="/collections/biography" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2197            </details><details class="ds-mobile-menu__acc">
2198              <summary class="ds-mobile-menu__acc-head">
2199                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7.5" r="3"/><path d="M3.5 19a5.5 5.5 0 0 1 11 0"/><circle cx="17.5" cy="9" r="2.2"/><path d="M15.5 19a4.2 4.2 0 0 1 6-3.4"/></svg></span>
2200                <span class="ds-mobile-menu__acc-title">Family</span>
2201                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2202              </summary>
2203              <div class="ds-mobile-menu__acc-panel"><a href="/collections/women" class="ds-mobile-menu__acc-link">Women</a><a href="/collections/children" class="ds-mobile-menu__acc-link">Kids/Children</a><a href="/collections/marital-relations" class="ds-mobile-menu__acc-link">Marital Relations</a><a href="/collections/family" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2204            </details><details class="ds-mobile-menu__acc">
2205              <summary class="ds-mobile-menu__acc-head">
2206                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 16.8A7 7 0 1 1 10.2 4.3a5.6 5.6 0 0 0 5.3 12.5Z"/><path d="M18.5 5.5l.8 1.7 1.8.3-1.3 1.3.3 1.8-1.6-.9-1.6.9.3-1.8-1.3-1.3 1.8-.3Z"/></svg></span>
2207                <span class="ds-mobile-menu__acc-title">Pillars of Islam</span>
2208                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2209              </summary>
2210              <div class="ds-mobile-menu__acc-panel"><a href="/collections/prayer-supplication" class="ds-mobile-menu__acc-link">Prayer/Supplication</a><a href="/collections/fasting" class="ds-mobile-menu__acc-link">Fasting</a><a href="/collections/hajj-o-umrah-collection" class="ds-mobile-menu__acc-link">Hajj/Umrah</a><a href="/collections/faith-aqeedah" class="ds-mobile-menu__acc-link">Faith/Aqeedah</a><a href="/collections/zakaat" class="ds-mobile-menu__acc-link">Zakaat</a><a href="/collections/pillars-of-islam" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2211            </details><details class="ds-mobile-menu__acc">
2212              <summary class="ds-mobile-menu__acc-head">
2213                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7.5" r="3"/><path d="M3.5 19a5.5 5.5 0 0 1 11 0"/><circle cx="17.5" cy="9" r="2.2"/><path d="M15.5 19a4.2 4.2 0 0 1 6-3.4"/></svg></span>
2214                <span class="ds-mobile-menu__acc-title">Miscellaneous</span>
2215                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2216              </summary>
2217              <div class="ds-mobile-menu__acc-panel"><a href="/collections/darussalam-books" class="ds-mobile-menu__acc-link">Darussalam Books</a><a href="/collections/lifestyle" class="ds-mobile-menu__acc-link">Lifestyle</a><a href="/collections/health" class="ds-mobile-menu__acc-link">Health</a><a href="/collections/education" class="ds-mobile-menu__acc-link">Education</a><a href="/collections/fiqh" class="ds-mobile-menu__acc-link">Fiqh</a><a href="/collections/miscellaneous-books" class="ds-mobile-menu__acc-all">See all <span>→</span></a></div>
2218            </details></div>
2219    </div><div class="ds-mobile-menu__section">
2220      <div class="ds-mobile-menu__label">More</div>
2221      <div class="ds-mobile-menu__acc-list"><a href="/" class="ds-mobile-menu__acc ds-mobile-menu__acc-head ds-mobile-menu__acc--link">
2222              <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
2223              <span class="ds-mobile-menu__acc-title">Home</span>
2224              <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2225            </a><details class="ds-mobile-menu__acc">
2226              <summary class="ds-mobile-menu__acc-head">
2227                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 4H17a1 1 0 0 1 1 1v13.5a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 18V6.5A2.5 2.5 0 0 1 6.5 4Z"/><path d="M4 17.5h14"/></svg></span>
2228                <span class="ds-mobile-menu__acc-title">Authors</span>
2229                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2230              </summary>
2231              <div class="ds-mobile-menu__acc-panel"><a href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Abdul+Malik+Mujahid&sort_by=manual" class="ds-mobile-menu__acc-link">Abdul Malik Mujahid</a><a href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Safiur+Rahman+Al+Mubarakpuri&sort_by=manual" class="ds-mobile-menu__acc-link">Safiur Rahman Mubarakpuri</a><a href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Muhammad+Abdul+Rahman+Al-Airfi" class="ds-mobile-menu__acc-link">Dr. Abdur Rahman Al Arifi</a><a href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Dr.+Ali+Muhammad+Al-Sallabi" class="ds-mobile-menu__acc-link">Dr. Ali Sallabi</a><a href="https://darussalam.pk/collections/all-books?filter.p.m.custom.authors=Maulvi+Abdul+Aziz&sort_by=manual" class="ds-mobile-menu__acc-link">Maulvi Abdul Aziz</a><a href="https://darussalam.pk/collections/all?filter.p.m.custom.authors=Darussalam+Research+Center" class="ds-mobile-menu__acc-link">Darusssalam Research Center</a></div>
2232            </details><details class="ds-mobile-menu__acc">
2233              <summary class="ds-mobile-menu__acc-head">
2234                <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="8.5"/><path d="M12 3.5c2.5 2.4 2.5 14.6 0 17M12 3.5c-2.5 2.4-2.5 14.6 0 17M4 8.5h16M4 15.5h16"/></svg></span>
2235                <span class="ds-mobile-menu__acc-title">Languages</span>
2236                <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2237              </summary>
2238              <div class="ds-mobile-menu__acc-panel"><a href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Arabic&sort_by=title-ascending" class="ds-mobile-menu__acc-link">Arabic</a><a href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=English&sort_by=title-decending" class="ds-mobile-menu__acc-link">English</a><a href="/collections/all?filter.v.price.gte=&filter.v.price.lte=&filter.p.m.custom.language=Urdu&sort_by=title-descending" class="ds-mobile-menu__acc-link">Urdu</a></div>
2239            </details><a href="/collections/islamic-products-1" class="ds-mobile-menu__acc ds-mobile-menu__acc-head ds-mobile-menu__acc--link">
2240              <span class="ds-mobile-menu__acc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 16.8A7 7 0 1 1 10.2 4.3a5.6 5.6 0 0 0 5.3 12.5Z"/><path d="M18.5 5.5l.8 1.7 1.8.3-1.3 1.3.3 1.8-1.6-.9-1.6.9.3-1.8-1.3-1.3 1.8-.3Z"/></svg></span>
2241              <span class="ds-mobile-menu__acc-title">Islamic Products</span>
2242              <span class="ds-mobile-menu__acc-chevron"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="m9 6 6 6-6 6"/></svg></span>
2243            </a></div>
2244    </div><div class="ds-mobile-menu__section">
2245      <div class="ds-mobile-menu__label">Featured Collections</div>
2246      <div class="ds-mobile-menu__featured">
2247        <a href="/collections/best-sellers" class="ds-mobile-menu__featured-link">Best Sellers<span class="ds-mobile-menu__featured-arrow" aria-hidden="true">&rarr;</span></a>
2248        <a href="/collections/new-arrival" class="ds-mobile-menu__featured-link">New Arrival<span class="ds-mobile-menu__featured-arrow" aria-hidden="true">&rarr;</span></a>
2249        <a href="/collections/children" class="ds-mobile-menu__featured-link">Kids/Children<span class="ds-mobile-menu__featured-arrow" aria-hidden="true">&rarr;</span></a>
2250      </div>
2251    </div>
2252
2253    <div class="ds-mobile-menu__section ds-mobile-menu__section--actions"><a href="https://darussalam.pk/customer_authentication/redirect?locale=en&region_country=PK" class="ds-mobile-menu__action-btn">
2254          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
2255            <circle cx="12" cy="8" r="4"/>
2256            <path d="M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8"/>
2257          </svg>Log in / Sign up</a><button type="button" class="ds-mobile-menu__action-btn ds-mobile-menu__action-btn--return" data-ds-return-open>
2258        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
2259          <path d="M9 14l-4-4 4-4"/>
2260          <path d="M5 10h11a4 4 0 014 4v2"/>
2261        </svg>
2262        Start a Return
2263      </button>
2264    </div>
2265
2266    <div class="ds-mobile-menu__trust">
2267      <div class="ds-mobile-menu__trust-stars">★★★★★</div>
2268      <strong>Trusted by 50,000+ Muslims</strong>
2269      <span>Official Publishers in Pakistan · Lahore</span>
2270    </div>
2271
2272  </aside>
2273</div>
2274  </header>
2274<script>
2275  document.addEventListener('DOMContentLoaded', function() {
2276    // Find the Books menu by matching the link text
2277    const menuItems = document.querySelectorAll('.header__inline-menu > ul > li');
2278    menuItems.forEach(item => {
2279      const link = item.querySelector('summary, a');
2280      if (link && /books/i.test(link.textContent.trim())) {
2281        const submenu = item.querySelector('.mega-menu__content, .header__submenu');
2282        if (submenu && !submenu.querySelector('.ds-mega-nav')) {
2283          // Replace the entire content with our mega nav
2284          fetch('/?section_id=ds-mega-nav-fragment')
2285            .then(r => r.text())
2286            .then(html => {
2287              const parser = new DOMParser();
2288              const doc = parser.parseFromString(html, 'text/html');
2289              const dsNav = doc.querySelector('.ds-mega-nav');
2290              if (dsNav) {
2291                submenu.innerHTML = '';
2292                submenu.appendChild(dsNav);
2293              }
2294            });
2295        }
2296      }
2297    });
2298  });
2299</script>
2299
2300</sticky-header>
2301
2302
2303
2304<script type="application/ld+json">
2305  {
2306    "@context": "http://schema.org",
2307    "@type": "Organization",
2308    "name": "Darussalam PK",
2309    
2310      "logo": "https:\/\/darussalam.pk\/cdn\/shop\/files\/darussalam-logo-header-premium.png?v=1785345989\u0026width=500",
2311    
2312    "sameAs": [
2313      "",
2314      "https:\/\/www.facebook.com\/darussalam.urdu",
2315      "",
2316      "https:\/\/www.instagram.com\/darussalam.urdu\/",
2317      "https:\/\/www.tiktok.com\/@darussalam.urdu",
2318      "",
2319      "",
2320      "https:\/\/youtube.com\/@darussalamofficial1?si=jfXDfKvK0_2_EHPy",
2321      ""
2322    ],
2323    "url": "https:\/\/darussalam.pk"
2324  }
2325</script>
2325
2326  
2326<script type="application/ld+json">
2327    {
2328      "@context": "http://schema.org",
2329      "@type": "WebSite",
2330      "name": "Darussalam PK",
2331      "potentialAction": {
2332        "@type": "SearchAction",
2333        "target": "https:\/\/darussalam.pk\/search?q={search_term_string}",
2334        "query-input": "required name=search_term_string"
2335      },
2336      "url": "https:\/\/darussalam.pk"
2337    }
2338  </script>
2338
2339</div>
2340<!-- END sections: header-group -->
2341
2342    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
2343      <section id="shopify-section-template--26093344817263__hero" class="shopify-section">
2344<section class="ds-home ds-hero"
2345         role="region"
2346         aria-roledescription="carousel"
2347         aria-label="Featured collections">
2348  <div class="ds-hero__slides"
2349       data-autoplay="true"
2350       data-delay="6000"><div class="ds-hero__slide is-active"
2351           role="group"
2352           aria-roledescription="slide"
2353           aria-label="1 of 3"style="--slide-bg: url(//darussalam.pk/cdn/shop/files/ChatGPT_Image_Jun_11_2026_12_00_12_AM.webp?v=1781119460&width=1800); background-position: 50.0% 50.0%; background-size: cover;">
2354
2355        <div class="ds-hero__content"><div class="ds-hero__eyebrow">New Arrivals 2026</div><h1 class="ds-hero__title">Knowledge is the <br><em>Light of the Soul</em></h1><p class="ds-hero__sub">Authentic Islamic scholarship — Quran, Hadith, Seerah — trusted by 11,000+ Muslims across Pakistan and beyond.</p><div class="ds-hero__rating">
2356              <span class="ds-stars" aria-hidden="true">★★★★★</span>
2357              <strong>4.6/5</strong>
2358              <span>from 1,100+ verified reviews</span>
2359            </div><div class="ds-hero__ctas"><a href="/collections/all-books" class="ds-btn ds-btn-gold">
2360                Explore Collection
2361              </a><a href="/collections/recently-restocked" class="ds-btn ds-btn-outline">
2362                Recently Restocked
2363              </a></div><a href="/collections/all-books" class="ds-btn ds-btn-gold ds-hero__cta-mobile">
2364              Explore Collection
2365            </a></div>
2366      </div><div class="ds-hero__slide "
2367           role="group"
2368           aria-roledescription="slide"
2369           aria-label="2 of 3"style="--slide-bg: url(//darussalam.pk/cdn/shop/files/ChatGPT_Image_Jul_28_2026_05_56_50_PM.webp?v=1785346350&width=1800); background-position: 50.0% 50.0%; background-size: cover;">
2370
2371        <div class="ds-hero__content"><div class="ds-hero__eyebrow">Featured Edition</div><h1 class="ds-hero__title">The Noble Quran — <br><em>Complete English Translation</em></h1><p class="ds-hero__sub">Over 200 editions available. Hardback, softback, pocket, and deluxe formats.</p><div class="ds-hero__rating">
2372              <span class="ds-stars" aria-hidden="true">★★★★★</span>
2373              <strong>4.6/5</strong>
2374              <span>from 1,100+ verified reviews</span>
2375            </div><div class="ds-hero__ctas"><a href="/collections/quran" class="ds-btn ds-btn-gold">
2376                Shop Quran
2377              </a><a href="/collections/translation" class="ds-btn ds-btn-outline">
2378                Translations
2379              </a></div><a href="/collections/quran" class="ds-btn ds-btn-gold ds-hero__cta-mobile">
2380              Shop Quran
2381            </a></div>
2382      </div><div class="ds-hero__slide "
2383           role="group"
2384           aria-roledescription="slide"
2385           aria-label="3 of 3"style="--slide-bg: url(//darussalam.pk/cdn/shop/files/ChatGPT_Image_Jun_10_2026_11_51_50_PM.webp?v=1781119526&width=1800); background-position: 50.0% 50.0%; background-size: cover;">
2386
2387        <div class="ds-hero__content"><div class="ds-hero__eyebrow">For the Family</div><h1 class="ds-hero__title">Islamic Books for <br><em>Every Generation</em></h1><p class="ds-hero__sub">From picture books for little ones to scholarly works — something for every reader.</p><div class="ds-hero__rating">
2388              <span class="ds-stars" aria-hidden="true">★★★★★</span>
2389              <strong>4.6/5</strong>
2390              <span>from 1,100+ verified reviews</span>
2391            </div><div class="ds-hero__ctas"><a href="/collections/children" class="ds-btn ds-btn-gold">
2392                Browse Kids
2393              </a><a href="/collections/best-sellers" class="ds-btn ds-btn-outline">
2394                See Bestsellers
2395              </a></div><a href="/collections/children" class="ds-btn ds-btn-gold ds-hero__cta-mobile">
2396              Browse Kids
2397            </a></div>
2398      </div></div><div class="ds-hero__dots" role="tablist" aria-label="Slide selection"><button type="button"
2399                class="ds-hero__dot is-active"
2400                role="tab"
2401                aria-label="Go to slide 1"
2402                aria-selected="true"></button><button type="button"
2403                class="ds-hero__dot "
2404                role="tab"
2405                aria-label="Go to slide 2"
2406                aria-selected="false"></button><button type="button"
2407                class="ds-hero__dot "
2408                role="tab"
2409                aria-label="Go to slide 3"
2410                aria-selected="false"></button></div><div class="ds-hero__controls">
2411      <span class="ds-hero__counter">
2412        <strong>01</strong> / 03
2413      </span>
2414      <button type="button" class="ds-hero__arrow ds-hero__arrow--prev" aria-label="Previous slide">
2415        �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 12H5M11 19l-7-7 7-7"/></svg>
2416      </button>
2417      <button type="button" class="ds-hero__arrow ds-hero__arrow--next" aria-label="Next slide">
2418        �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
2419      </button>
2420    </div></section>
2421
2422
2423</section><section id="shopify-section-template--26093344817263__trust-icons" class="shopify-section">
2424
2425<section class="ds-home ds-trust" role="region" aria-label="Why shop with us" data-ds-trust>
2426  <div class="ds-wrap">
2427    <div class="ds-trust__scroller">
2428    <div class="ds-trust__inner" data-ds-trust-inner>
2429     
2430  
2431      <div class="ds-trust__item" >
2432        
2433        <div class="ds-trust__icon">
2434          �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M1 3h15v13H1z"/><path d="M16 8h4l3 3v5h-7"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>
2435        </div>
2436        <div class="ds-trust__text">
2437          <h4>NATIONWIDE DELIVERY</h4>
2438          <p>3–5 working days</p>
2439        </div>
2440      </div>
2441
2442    
2443
2444  
2445      <div class="ds-trust__item" >
2446        
2447        <div class="ds-trust__icon">
2448          �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
2449        </div>
2450        <div class="ds-trust__text">
2451          <h4>FAST DISPATCH</h4>
2452          <p>Shipped from Lahore</p>
2453        </div>
2454      </div>
2455
2456    
2457
2458  
2459      <div class="ds-trust__item" >
2460        
2461        <div class="ds-trust__icon">
2462          �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="6"/><path d="M15.5 13.5L17 22l-5-3-5 3 1.5-8.5"/></svg>
2463        </div>
2464        <div class="ds-trust__text">
2465          <h4>OFFICIAL PUBLISHER</h4>
2466          <p>Authentic Darussalam titles only</p>
2467        </div>
2468      </div>
2469
2470    
2471
2472  
2473      <div class="ds-trust__item" >
2474        
2475        <div class="ds-trust__icon">
2476          �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
2477        </div>
2478        <div class="ds-trust__text">
2479          <h4>SECURE CHECKOUT</h4>
2480          <p>SSL encrypted payments</p>
2481        </div>
2482      </div>
2483
2484    
2485
2486  
2487      <div class="ds-trust__item" >
2488        
2489        <div class="ds-trust__icon">
2490          �<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 119 9"/><path d="M3 12l4-4M3 12l4 4"/></svg>
2491        </div>
2492        <div class="ds-trust__text">
2493          <h4>AUTHENTIC TITLES</h4>
2494          <p>Official Darussalam publications</p>
2495        </div>
2496      </div>
2497
2498    
2499
2500      </div>
2501      <div class="ds-trust__fade" aria-hidden="true"></div>
2502    </div><div class="ds-trust__dots" data-ds-trust-dots aria-hidden="true"><span class="ds-trust__dot is-active"></span><span class="ds-trust__dot"></span><span class="ds-trust__dot"></span><span class="ds-trust__dot"></span><span class="ds-trust__dot"></span></div></div>
2503</section>
2504
2505<style>
2506[data-ds-trust] .ds-trust__scroller { position: relative; }
2507[data-ds-trust] .ds-trust__dots {
2508  display: none;
2509  justify-content: center;
2510  gap: 6px;
2511  margin-top: 12px;
2512}
2513[data-ds-trust] .ds-trust__dot {
2514  width: 5px; height: 5px; border-radius: 50%;
2515  background: var(--ds-border);
2516  transition: all .25s var(--ds-ease);
2517}
2518[data-ds-trust] .ds-trust__dot.is-active {
2519  width: 16px; border-radius: 3px;
2520  background: var(--ds-gold);
2521}
2522
2523@media (max-width: 900px) {
2524  [data-ds-trust] .ds-trust__dots { display: flex; }
2525
2526  /* Priority reorder — mobile only. Live block order is Shipping, Dispatch,
2527     Publisher, Secure, Returns. flex-direction untouched, only visual order. */
2528  [data-ds-trust] .ds-trust__item:nth-child(1) { order: 1; }
2529  [data-ds-trust] .ds-trust__item:nth-child(4) { order: 2; }
2530  [data-ds-trust] .ds-trust__item:nth-child(3) { order: 3; }
2531  [data-ds-trust] .ds-trust__item:nth-child(2) { order: 4; }
2532  [data-ds-trust] .ds-trust__item:nth-child(5) { order: 5; }
2533
2534  /* Premium "seal" icon treatment + per-item accent, keyed to ORIGINAL position
2535     (nth-child), independent of the visual reorder above. */
2536  [data-ds-trust] .ds-trust__item {
2537    background: linear-gradient(180deg, #fff 0%, var(--ds-cream-soft) 100%);
2538    box-shadow: 0 1px 2px rgba(20,20,20,.04), 0 6px 16px rgba(20,20,20,.06);
2539  }
2540  [data-ds-trust] .ds-trust__icon {
2541    position: relative;
2542    background: radial-gradient(circle at 35% 30%, #fff 0%, var(--ds-cream-soft) 70%);
2543    box-shadow: inset 0 0 0 1.5px rgba(212,165,45,.35), 0 2px 6px rgba(20,20,20,.08);
2544  }
2545  [data-ds-trust] .ds-trust__item:nth-child(1) .ds-trust__icon { color: var(--ds-gold); }
2546  [data-ds-trust] .ds-trust__item:nth-child(2) .ds-trust__icon { color: var(--ds-green); }
2547  [data-ds-trust] .ds-trust__item:nth-child(3) .ds-trust__icon { color: var(--ds-ink); }
2548  [data-ds-trust] .ds-trust__item:nth-child(4) .ds-trust__icon { color: var(--ds-green-deep, var(--ds-green)); }
2549  [data-ds-trust] .ds-trust__item:nth-child(5) .ds-trust__icon { color: var(--ds-gold); }
2550
2551  /* Right-edge fade — hints more content off-screen without a hard cut */
2552  [data-ds-trust] .ds-trust__fade {
2553    position: absolute; top: 0; right: 0; bottom: 0; width: 32px;
2554    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--ds-white) 100%);
2555    pointer-events: none;
2556  }
2557}
2558</style>
2559
2560<script>
2561document.addEventListener('DOMContentLoaded', function () {
2562  var section = document.querySelector('[data-ds-trust]');
2563  if (!section) return;
2564  var track = section.querySelector('[data-ds-trust-inner]');
2565  var dotsWrap = section.querySelector('[data-ds-trust-dots]');
2566  if (!track || !dotsWrap) return;
2567  var dots = Array.prototype.slice.call(dotsWrap.querySelectorAll('.ds-trust__dot'));
2568  if (!dots.length) return;
2569
2570  var ticking = false;
2571  function updateActive() {
2572    ticking = false;
2573    var maxScroll = track.scrollWidth - track.clientWidth;
2574    var fraction = maxScroll > 0 ? track.scrollLeft / maxScroll : 0;
2575    var active = Math.round(fraction * (dots.length - 1));
2576    dots.forEach(function (d, i) { d.classList.toggle('is-active', i === active); });
2577  }
2578  track.addEventListener('scroll', function () {
2579    if (!ticking) { ticking = true; requestAnimationFrame(updateActive); }
2580  }, { passive: true });
2581  updateActive();
2582});
2583</script>
2583
2584
2585
2586</section><section id="shopify-section-template--26093344817263__categories" class="shopify-section">
2587
2588<section class="ds-home ds-categories" role="region" aria-label="Browse by category">
2589  <div class="ds-wrap">
2590    <div class="ds-categories__header">
2591      <div>
2592        <span class="ds-eyebrow">Browse by Category</span>
2593        <h2 class="ds-h2">Explore the Darussalam Islamic Books <em>&amp; Lifestyle Collection</em></h2>
2594      </div><a href="/collections/all-books" class="ds-btn ds-btn-gold">
2595          All Collections →
2596        </a></div>
2597
2598    <div class="ds-categories__grid"><a href="/collections/quran"
2599           class="ds-cat-card ds-cat-card--hero"
2600           data-color="green"
2601           
2602           aria-label="The Noble Quran"><div class="ds-cat-card__bg"
2603                 style="background-image: url(//darussalam.pk/cdn/shop/files/Quran.webp?v=1779272553&width=1200);"></div>
2604            <div class="ds-cat-card__overlay"></div><img src="//darussalam.pk/cdn/shop/files/Quran.webp?v=1779272553&width=1200"
2605                   alt=""
2606                   fetchpriority="high"
2607                   loading="eager"
2608                   decoding="async"
2609                   style="position:absolute;width:1px;height:1px;opacity:0;pointer-events:none"><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">The Noble Quran</h3><div class="ds-cat-card__meta">75+ Titles</div></div>
2610        </a><a href="/collections/hadith-quran-hadith"
2611           class="ds-cat-card "
2612           data-color="red"
2613           
2614           aria-label="Hadith"><div class="ds-cat-card__bg"
2615                 style="background-image: url(//darussalam.pk/cdn/shop/files/Hadith_new.jpg?v=1787605162&width=600);"></div>
2616            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">Hadith</h3><div class="ds-cat-card__meta">43+ Titles</div></div>
2617        </a><a href="/collections/biography"
2618           class="ds-cat-card "
2619           data-color="navy"
2620           
2621           aria-label="Seerah & Biography"><div class="ds-cat-card__bg"
2622                 style="background-image: url(//darussalam.pk/cdn/shop/files/Seerah_Biography.jpg?v=1779272647&width=600);"></div>
2623            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">Seerah & Biography</h3><div class="ds-cat-card__meta">271+ Titles</div></div>
2624        </a><a href="/collections/children"
2625           class="ds-cat-card "
2626           data-color="olive"
2627           
2628           aria-label="Kids & Family"><div class="ds-cat-card__bg"
2629                 style="background-image: url(//darussalam.pk/cdn/shop/files/Kids.jpg?v=1779272552&width=600);"></div>
2630            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">Kids & Family</h3><div class="ds-cat-card__meta">160+ Titles</div></div>
2631        </a><a href="/collections/prayer-supplication"
2632           class="ds-cat-card "
2633           data-color="purple"
2634           
2635           aria-label="Prayer & Dua"><div class="ds-cat-card__bg"
2636                 style="background-image: url(//darussalam.pk/cdn/shop/files/Prayer_Dua.jpg?v=1779272647&width=600);"></div>
2637            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">Prayer & Dua</h3><div class="ds-cat-card__meta">71+ Titles</div></div>
2638        </a><a href="/collections/fiqh"
2639           class="ds-cat-card "
2640           data-color="teal"
2641           
2642           aria-label="Fiqh & Islamic Law"><div class="ds-cat-card__bg"
2643                 style="background-image: url(//darussalam.pk/cdn/shop/files/Fiqh.jpg?v=1779272553&width=600);"></div>
2644            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">
2644Fiqh & Islamic Law</h3><div class="ds-cat-card__meta">53+ Titles</div></div>
2645        </a><a href="/collections/islamic-products-1"
2646           class="ds-cat-card "
2647           data-color="amber"
2648           
2649           aria-label="Islamic Products"><div class="ds-cat-card__bg"
2650                 style="background-image: url(//darussalam.pk/cdn/shop/files/Islamic_Products.jpg?v=1779272647&width=600);"></div>
2651            <div class="ds-cat-card__overlay"></div><div class="ds-cat-card__content"><div class="ds-cat-card__eyebrow">Most Popular</div><h3 class="ds-cat-card__title">Islamic Products</h3><div class="ds-cat-card__meta">8+ Titles</div></div>
2652        </a></div><div class="ds-mobile-cta">
2653        <a href="/collections/all-books" class="ds-btn ds-btn-gold">
2654          All Collections →
2655        </a>
2656      </div></div>
2657</section>
2658
2659
2660</section><section id="shopify-section-template--26093344817263__ds_best_sellers_jCK9tP" class="shopify-section">
2661
2662</section><section id="shopify-section-template--26093344817263__best-sellers" class="shopify-section">
2663<section class="ds-home ds-section" role="region" aria-label="Best Sellers">
2664    <div class="ds-wrap">
2665      <div class="ds-section__header">
2666        <div>
2667          <span class="ds-eyebrow">Most Popular</span>
2668          <h2 class="ds-h2">Best <em>Sellers</em></h2>
2669        </div><a href="/collections/all" class="ds-btn ds-btn-gold">
2670            View All Best Sellers →
2671          </a></div>
2672
2673      <div class="ds-products-grid">�<article class="ds-product" data-product-id="7729125294191">
2674  <a href="/products/qurani-qaidah-17x24" class="ds-product__media-link" aria-label="Qurani Qaidah 17X24" tabindex="-1">
2675    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=200);" aria-hidden="true"></span><img
2676          src="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=400"
2677          srcset="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=300 300w,
2678                  //darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=400 400w,
2679                  //darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=600 600w"
2680          sizes="(max-width: 900px) 45vw, 280px"
2681          alt="Qurani Qaidah 17X24 by Darussalam Research Center"
2682          loading="lazy"
2683          width="400" height="533"></div>
2684  </a>
2685
2686  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2687      <a href="/products/qurani-qaidah-17x24" style="color:inherit;">Qurani Qaidah 17X24</a>
2688    </h3><div class="ds-product__rating" aria-label="Rated 4.47 out of 5">
2689        ★★★★★ <span>(15)</span>
2690      </div><div class="ds-product__foot">
2691      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.270</span></div><button type="button"
2692            class="ds-product__atc"
2693                data-ds-card-atc
2694                data-variant-id="42793956474991"
2695                data-product-title="Qurani Qaidah 17X24"
2696                aria-label="Add Qurani Qaidah 17X24 to cart">
2697          <span class="ds-product__atc-label">Add to Cart</span>
2698          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2699        </button></div>
2700  </div>
2701</article>
2702
2703�<article class="ds-product" data-product-id="7729094590575">
2704  <a href="/products/ar-raheeq-al-makhtum-urdu" class="ds-product__media-link" aria-label="Ar Raheeq Al Makhtum (Urdu)" tabindex="-1">
2705    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=200);" aria-hidden="true"></span><img
2706          src="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=400"
2707          srcset="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=300 300w,
2708                  //darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=400 400w,
2709                  //darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=600 600w"
2710          sizes="(max-width: 900px) 45vw, 280px"
2711          alt="Al-Raheeq ul-Makhtoom (The Sealed Nectar). An award-winning biography of the Prophet (PBUH)."
2712          loading="lazy"
2713          width="400" height="533"></div>
2714  </a>
2715
2716  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2717      <a href="/products/ar-raheeq-al-makhtum-urdu" style="color:inherit;">Ar Raheeq Al Makhtum (Urdu)</a>
2718    </h3><div class="ds-product__rating" aria-label="Rated 4.71 out of 5">
2719        ★★★★★ <span>(34)</span>
2720      </div><div class="ds-product__foot">
2721      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.1,080</span></div><button type="button"
2722            class="ds-product__atc"
2723                data-ds-card-atc
2724                data-variant-id="42793877831791"
2725                data-product-title="Ar Raheeq Al Makhtum (Urdu)"
2726                aria-label="Add Ar Raheeq Al Makhtum (Urdu) to cart">
2727          <span class="ds-product__atc-label">Add to Cart</span>
2728          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2729        </button></div>
2730  </div>
2731</article>
2732
2733�<article class="ds-product" data-product-id="7729210032239">
2734  <a href="/products/hisn-ul-muslim-8x12-pocket-size" class="ds-product__media-link" aria-label="Hisn ul Muslim (8x12) pocket size" tabindex="-1">
2735    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=200);" aria-hidden="true"></span><img
2736          src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=400"
2737          srcset="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=300 300w,
2738                  //darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=400 400w,
2739                  //darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=600 600w"
2740          sizes="(max-width: 900px) 45vw, 280px"
2741          alt="Hisn ul Muslim (8x12) pocket size by Saeed bin Ali Al-qahttani"
2742          loading="lazy"
2743          width="400" height="533"></div>
2744  </a>
2745
2746  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2747      <a href="/products/hisn-ul-muslim-8x12-pocket-size" style="color:inherit;">Hisn ul Muslim (8x12) pocket size</a>
2748    </h3><div class="ds-product__rating" aria-label="Rated 5.0 out of 5">
2749        ★★★★★ <span>(3)</span>
2750      </div><div class="ds-product__foot">
2751      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.190</span></div><button type="button"
2752            class="ds-product__atc"
2753                data-ds-card-atc
2754                data-variant-id="42794209083503"
2755                data-product-title="Hisn ul Muslim (8x12) pocket size"
2756                aria-label="Add Hisn ul Muslim (8x12) pocket size to cart">
2757          <span class="ds-product__atc-label">Add to Cart</span>
2758          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2759        </button></div>
2760  </div>
2761</article>
2762
2763�<article class="ds-product" data-product-id="7729193386095">
2764  <a href="/products/ar-raheeq-al-makhtum-urdu-1" class="ds-product__media-link" aria-label="Ar Raheeq Al Makhtum (Urdu) Big" tabindex="-1">
2765    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=200);" aria-hidden="true"></span><img
2766          src="//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=400"
2767          srcset="//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=300 300w,
2768                  //darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=400 400w,
2769                  //darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=600 600w"
2770          sizes="(max-width: 900px) 45vw, 280px"
2771          alt="Al-Raheeq ul-Makhtoom (The Sealed Nectar). An award-winning biography of the Prophet (PBUH)."
2772          loading="lazy"
2773          width="400" height="533"></div>
2774  </a>
2775
2776  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2777      <a href="/products/ar-raheeq-al-makhtum-urdu-1" style="color:inherit;">Ar Raheeq Al Makhtum (Urdu) Big</a>
2778    </h3><div class="ds-product__rating" aria-label="Rated 4.64 out of 5">
2779        ★★★★★ <span>(14)</span>
2780      </div><div class="ds-product__foot">
2781      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.1,200</span></div><button type="button"
2782            class="ds-product__atc"
2783                data-ds-card-atc
2784                data-variant-id="42794159997039"
2785                data-product-title="Ar Raheeq Al Makhtum (Urdu) Big"
2786                aria-label="Add Ar Raheeq Al Makhtum (Urdu) Big to cart">
2787          <span class="ds-product__atc-label">Add to Cart</span>
2788          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2789        </button></div>
2790  </div>
2791</article>
2792
2793</div><div class="ds-mobile-cta">
2794          <a href="/collections/all" class="ds-btn ds-btn-gold">
2795            View All Best Sellers →
2796          </a>
2797        </div></div>
2798  </section>
2799</section><section id="shopify-section-template--26093344817263__ds_recently_restocked_home" class="shopify-section">
2800<section class="ds-home ds-section" role="region" aria-label="Best Sellers">
2801    <div class="ds-wrap">
2802      <div class="ds-section__header">
2803        <div>
2804          <span class="ds-eyebrow">New Arrivals</span>
2805          <h2 class="ds-h2">Recently <em>Restocked</em></h2>
2806        </div><a href="/collections/recently-restocked" class="ds-btn ds-btn-gold">
2807            View All Recently Restocked →
2808          </a></div>
2809
2810      <div class="ds-products-grid">�<article class="ds-product" data-product-id="7729164517487">
2811  <a href="/products/balooghat-kai-masaail" class="ds-product__media-link" aria-label="Balooghat Kai Masaail" tabindex="-1">
2812    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=200);" aria-hidden="true"></span><img
2813          src="//darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=400"
2814          srcset="//darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=300 300w,
2815                  //darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=400 400w,
2816                  //darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=600 600w"
2817          sizes="(max-width: 900px) 45vw, 280px"
2818          alt="Balooghat Kai Masaail"
2819          loading="lazy"
2820          width="400" height="533"></div>
2821  </a>
2822
2823  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2824      <a href="/products/balooghat-kai-masaail" style="color:inherit;">Balooghat Kai Masaail</a>
2825    </h3><div class="ds-product__rating" aria-label="Rated 5.0 out of 5">
2826        ★★★★★ <span>(4)</span>
2827      </div><div class="ds-product__foot">
2828      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.1,600</span></div><button type="button"
2829            class="ds-product__atc"
2830                data-ds-card-atc
2831                data-variant-id="42794079092847"
2832                data-product-title="Balooghat Kai Masaail"
2833                aria-label="Add Balooghat Kai Masaail to cart">
2834          <span class="ds-product__atc-label">Add to Cart</span>
2835          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2836        </button></div>
2837  </div>
2838</article>
2839
2840�<article class="ds-product ds-product--sold-out" data-product-id="7749189140591">
2841  <a href="/products/9-line-tajweedi-quran-2-vol-with-urdu-translation" class="ds-product__media-link" aria-label="9 line Tajweedi Quran With Urdu Translation - 2 Volumes" tabindex="-1">
2842    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=200);" aria-hidden="true"></span><span class="ds-product__badge ds-product__badge--soldout">Out of Stock</span><img
2843          src="//darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=400"
2844          srcset="//darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=300 300w,
2845                  //darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=400 400w,
2846                  //darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=600 600w"
2847          sizes="(max-width: 900px) 45vw, 280px"
2848          alt="9 line Tajweedi Quran With Urdu Translation - 2 Volumes by Qari Muhammad Idrees Asim"
2849          loading="lazy"
2850          width="400" height="533"></div>
2851  </a>
2852
2853  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2854      <a href="/products/9-line-tajweedi-quran-2-vol-with-urdu-translation" style="color:inherit;">9 line Tajweedi Quran With Urdu Translation - 2 Volumes</a>
2855    </h3><div class="ds-product__foot">
2856      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.6,500</span></div><button type="button" class="ds-product__atc ds-product__atc--soldout" disabled aria-label="9 line Tajweedi Quran With Urdu Translation - 2 Volumes is out of stock">
2857          Out of Stock
2858        </button></div>
2859  </div>
2860</article>
2861
2862�<article class="ds-product" data-product-id="7729094590575">
2863  <a href="/products/ar-raheeq-al-makhtum-urdu" class="ds-product__media-link" aria-label="Ar Raheeq Al Makhtum (Urdu)" tabindex="-1">
2864    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=200);" aria-hidden="true"></span><img
2865          src="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=400"
2866          srcset="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=300 300w,
2867                  //darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=400 400w,
2868                  //darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=600 600w"
2869          sizes="(max-width: 900px) 45vw, 280px"
2870          alt="Al-Raheeq ul-Makhtoom (The Sealed Nectar). An award-winning biography of the Prophet (PBUH)."
2871          loading="lazy"
2872          width="400" height="533"></div>
2873  </a>
2874
2875  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam</div><h3 class="ds-product__title">
2876      <a href="/products/ar-raheeq-al-makhtum-urdu" style="color:inherit;">Ar Raheeq Al Makhtum (Urdu)</a>
2877    </h3><div class="ds-product__rating" aria-label="Rated 4.71 out of 5">
2878        ★★★★★ <span>(34)</span>
2879      </div><div class="ds-product__foot">
2880      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.1,080</span></div><button type="button"
2881            class="ds-product__atc"
2882                data-ds-card-atc
2883                data-variant-id="42793877831791"
2884                data-product-title="Ar Raheeq Al Makhtum (Urdu)"
2885                aria-label="Add Ar Raheeq Al Makhtum (Urdu) to cart">
2886          <span class="ds-product__atc-label">Add to Cart</span>
2887          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2888        </button></div>
2889  </div>
2890</article>
2891
2892�<article class="ds-product" data-product-id="7990749233263">
2893  <a href="/products/tafsir-ahsan-ul-bayan-17x24" class="ds-product__media-link" aria-label="Tafsir Ahsan ul Bayan 17x24" tabindex="-1">
2894    <div class="ds-product__media"><span class="ds-product__bg" style="background-image: url(//darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=200);" aria-hidden="true"></span><img
2895          src="//darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=400"
2896          srcset="//darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=300 300w,
2897                  //darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=400 400w,
2898                  //darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=600 600w"
2899          sizes="(max-width: 900px) 45vw, 280px"
2900          alt="Tafsir Ahsan ul Bayan 17x24"
2901          loading="lazy"
2902          width="400" height="533"></div>
2903  </a>
2904
2905  <div class="ds-product__body"><div class="ds-product__vendor">Darussalam PK</div><h3 class="ds-product__title">
2906      <a href="/products/tafsir-ahsan-ul-bayan-17x24" style="color:inherit;">Tafsir Ahsan ul Bayan 17x24</a>
2907    </h3><div class="ds-product__rating" aria-label="Rated 5.0 out of 5">
2908        ★★★★★ <span>(2)</span>
2909      </div><div class="ds-product__foot">
2910      <div class="ds-product__price-wrap"><span class="ds-product__price">Rs.3,000</span></div><button type="button"
2911            class="ds-product__atc"
2912                data-ds-card-atc
2913                data-variant-id="44027626324079"
2914                data-product-title="Tafsir Ahsan ul Bayan 17x24"
2915                aria-label="Add Tafsir Ahsan ul Bayan 17x24 to cart">
2916          <span class="ds-product__atc-label">Add to Cart</span>
2917          <span class="ds-product__atc-spinner" aria-hidden="true"></span>
2918        </button></div>
2919  </div>
2920</article>
2921
2922</div><div class="ds-mobile-cta">
2923          <a href="/collections/recently-restocked" class="ds-btn ds-btn-gold">
2924            View All Recently Restocked →
2925          </a>
2926        </div></div>
2927  </section>
2928</section><section id="shopify-section-template--26093344817263__ds_recently_viewed" class="shopify-section">
2929
2930<section class="ds-home ds-section" role="region" aria-label="Recently Viewed" data-ds-recently-viewed hidden>
2931  <div class="ds-wrap">
2932    <div class="ds-section__header">
2933      <div>
2934        <span class="ds-eyebrow">Just For You</span>
2935        <h2 class="ds-h2">Recently <em>Viewed</em></h2>
2936      </div>
2937      <div class="ds-rv-nav" data-ds-rv-nav hidden>
2938        <button type="button" class="ds-rv-nav__btn" data-ds-rv-prev aria-label="Scroll left">
2939          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
2940        </button>
2941        <button type="button" class="ds-rv-nav__btn" data-ds-rv-next aria-label="Scroll right">
2942          <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
2943        </button>
2944      </div>
2945    </div>
2946    <div class="ds-rv-track" data-ds-rv-grid></div>
2947  </div>
2948</section>
2949
2950<style>
2951[data-ds-recently-viewed] .ds-rv-nav { display: flex; gap: 8px; }
2952[data-ds-recently-viewed] .ds-rv-nav__btn {
2953  width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15);
2954  background: #fff; display: flex; align-items: center; justify-content: center;
2955  cursor: pointer; color: inherit; padding: 0; flex: 0 0 auto;
2956}
2957[data-ds-recently-viewed] .ds-rv-nav__btn:hover { border-color: #c49a2e; color: #c49a2e; }
2958[data-ds-recently-viewed] .ds-rv-track {
2959  display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
2960  -webkit-overflow-scrolling: touch; padding-bottom: 4px;
2961  scrollbar-width: none;
2962}
2963[data-ds-recently-viewed] .ds-rv-track::-webkit-scrollbar { display: none; }
2964[data-ds-recently-viewed] .ds-rv-track > .ds-product {
2965  flex: 0 0 auto; width: calc(25% - 12px); scroll-snap-align: start;
2966}
2967@media (max-width: 989px) {
2968  [data-ds-recently-viewed] .ds-rv-track > .ds-product { width: calc(45% - 8px); }
2969  [data-ds-recently-viewed] .ds-product__foot {
2970    flex-direction: column;
2971    align-items: stretch;
2972    gap: 8px;
2973  }
2974  [data-ds-recently-viewed] .ds-product__atc {
2975    width: 100%;
2976  }
2977}
2978</style>
2979
2980<script>
2981(function () {
2982  var KEY = 'ds_recently_viewed';
2983  var LIMIT = 8;
2984  var section = document.currentScript.previousElementSibling.tagName === 'STYLE'
2985    ? document.currentScript.previousElementSibling.previousElementSibling
2986    : document.currentScript.previousElementSibling;
2987  if (!section || !section.hasAttribute('data-ds-recently-viewed')) {
2988    section = document.querySelector('[data-ds-recently-viewed]');
2989  }
2990  var grid = section && section.querySelector('[data-ds-rv-grid]');
2991  var nav = section && section.querySelector('[data-ds-rv-nav]');
2992  if (!grid) return;
2993
2994  var list;
2995  try { list = JSON.parse(localStorage.getItem(KEY) || '[]'); } catch (e) { list = []; }
2996  if (!Array.isArray(list) || !list.length) return;
2997  list = list.slice(0, LIMIT);
2998
2999  function el(tag, className, attrs) {
3000    var e = document.createElement(tag);
3001    if (className) e.className = className;
3002    if (attrs) for (var k in attrs) e.setAttribute(k, attrs[k]);
3003    return e;
3004  }
3005
3006  list.forEach(function (p) {
3007    var soldOut = p.available === false;
3008    var article = el('article', 'ds-product' + (soldOut ? ' ds-product--sold-out' : ''));
3009    article.dataset.productId = p.id;
3010
3011    var mediaLink = el('a', 'ds-product__media', { href: p.url, 'aria-label': p.title || '' });
3012    if (soldOut) {
3013      var badge = el('span', 'ds-product__badge ds-product__badge--soldout');
3014      badge.textContent = 'Out of Stock';
3015      mediaLink.appendChild(badge);
3016    }
3016 else if (p.compareAtPrice) {
3017      var saleBadge = el('span', 'ds-product__badge ds-product__badge--sale');
3018      saleBadge.textContent = 'Sale';
3019      mediaLink.appendChild(saleBadge);
3020    }
3021    if (p.image) {
3022      var img = el('img');
3023      img.src = p.image; img.loading = 'lazy'; img.width = 400; img.height = 400; img.alt = '';
3024      mediaLink.appendChild(img);
3025    } else {
3026      var ph = el('div');
3027      ph.style.cssText = 'width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ds-cream);color:var(--ds-muted);font-size:12px;';
3028      ph.textContent = 'No image';
3029      mediaLink.appendChild(ph);
3030    }
3031
3032    var body = el('div', 'ds-product__body');
3033    if (p.vendorType) {
3034      var vendorEl = el('div', 'ds-product__vendor');
3035      vendorEl.textContent = p.vendorType;
3036      body.appendChild(vendorEl);
3037    }
3038    var h3 = el('h3', 'ds-product__title');
3039    var titleLink = el('a');
3040    titleLink.href = p.url; titleLink.style.color = 'inherit'; titleLink.textContent = p.title || '';
3041    h3.appendChild(titleLink);
3042    body.appendChild(h3);
3043
3044    if (p.ratingCount) {
3045      var rating = el('div', 'ds-product__rating');
3046      var ratingSpan = el('span');
3047      rating.setAttribute('aria-label', 'Rated ' + p.ratingValue + ' out of 5');
3048      ratingSpan.textContent = '(' + p.ratingCount + ')';
3049      rating.appendChild(document.createTextNode('★★★★★ '));
3050      rating.appendChild(ratingSpan);
3051      body.appendChild(rating);
3052    }
3053
3054    var foot = el('div', 'ds-product__foot');
3055    var priceWrap = el('div', 'ds-product__price-wrap');
3056    var priceEl = el('span', p.compareAtPrice ? 'ds-product__price ds-product__price--sale' : 'ds-product__price');
3057    priceEl.textContent = p.price || '';
3058    priceWrap.appendChild(priceEl);
3059    if (p.compareAtPrice) {
3060      var cmp = el('span', 'ds-product__compare');
3061      cmp.textContent = 'Was ' + p.compareAtPrice;
3062      priceWrap.appendChild(cmp);
3063    }
3064    foot.appendChild(priceWrap);
3065
3066    var atcBtn;
3067    if (!soldOut && p.variantId) {
3068      atcBtn = el('button', 'ds-product__atc', { type: 'button' });
3069      atcBtn.dataset.variantId = p.variantId;
3070      atcBtn.dataset.productTitle = p.title || 'Product';
3071      atcBtn.setAttribute('aria-label', 'Add ' + (p.title || '') + ' to cart');
3072      var label = el('span', 'ds-product__atc-label');
3073      label.textContent = 'Add to Cart';
3074      var spinner = el('span', 'ds-product__atc-spinner');
3075      spinner.setAttribute('aria-hidden', 'true');
3076      atcBtn.appendChild(label);
3077      atcBtn.appendChild(spinner);
3078    } else {
3079      atcBtn = el('button', 'ds-product__atc ds-product__atc--soldout', { type: 'button', disabled: 'disabled' });
3080      atcBtn.textContent = 'Out of Stock';
3081    }
3082    foot.appendChild(atcBtn);
3083    body.appendChild(foot);
3084
3085    article.appendChild(mediaLink);
3086    article.appendChild(body);
3087    grid.appendChild(article);
3088  });
3089
3090  section.hidden = false;
3091
3092  function updateNavVisibility() {
3093    if (!nav) return;
3094    nav.hidden = grid.scrollWidth <= grid.clientWidth + 4;
3095  }
3096  updateNavVisibility();
3097  window.addEventListener('resize', updateNavVisibility);
3098
3099  var prevBtn = section.querySelector('[data-ds-rv-prev]');
3100  var nextBtn = section.querySelector('[data-ds-rv-next]');
3101  function step() { return grid.clientWidth * 0.8; }
3102  prevBtn && prevBtn.addEventListener('click', function () { grid.scrollBy({ left: -step(), behavior: 'smooth' }); });
3103  nextBtn && nextBtn.addEventListener('click', function () { grid.scrollBy({ left: step(), behavior: 'smooth' }); });
3104})();
3105</script>
3105
3106
3107
3108</section><section id="shopify-section-template--26093344817263__ds_bundles_3iaBHy" class="shopify-section bn-section-wrapper"><span id="ds-bundles" style="display:block;position:relative;top:-90px;visibility:hidden;pointer-events:none;" aria-hidden="true"></span>
3109<section class="bn-section" id="bn-template--26093344817263__ds_bundles_3iaBHy" style="--bn-cols: 3; --bn-hero: 30%">
3110  <div class="bn-wrap"><div class="bn-header">
3111      <div>
3112        <div class="bn-eyebrow">CURATED READING BUNDLES</div>
3113        <h2 class="bn-title">
3114          Save More When You&nbsp;<em>Bundle</em>
3115        </h2>
3116      </div></div><div class="bn-main"><div class="bn-hero">
3117        <div class="bn-hero__bg"><img src="//darussalam.pk/cdn/shop/files/Quran.webp?v=1779272553&width=900"
3118                 alt=""
3119                 class="bn-hero__img" loading="lazy" width="900" height="1200"><div class="bn-geo" aria-hidden="true">
3120            <svg viewBox="0 0 300 300" fill="none">
3121              <polygon points="150,10 285,82 285,218 150,290 15,218 15,82" stroke="white" stroke-width="1" opacity=".1"/>
3122              <polygon points="150,35 260,97 260,203 150,265 40,203 40,97"  stroke="white" stroke-width="1" opacity=".08"/>
3123              <polygon points="150,60 235,112 235,188 150,240 65,188 65,112" stroke="white" stroke-width="1" opacity=".06"/>
3124              <circle cx="150" cy="150" r="70"  stroke="white" stroke-width="1" opacity=".07"/>
3125              <circle cx="150" cy="150" r="40"  stroke="white" stroke-width="1" opacity=".05"/>
3126              <line x1="150" y1="10"  x2="150" y2="290" stroke="white" stroke-width=".6" opacity=".04"/>
3127              <line x1="15"  y1="150" x2="285" y2="150" stroke="white" stroke-width=".6" opacity=".04"/>
3128              <line x1="15"  y1="82"  x2="285" y2="218" stroke="white" stroke-width=".5" opacity=".03"/>
3129              <line x1="285" y1="82"  x2="15"  y2="218" stroke="white" stroke-width=".5" opacity=".03"/>
3130            </svg>
3131          </div>
3132          <div class="bn-stars" aria-hidden="true">
3133            <span class="bn-star" style="top:10%;left:18%"></span>
3134            <span class="bn-star" style="top:7%;left:58%;width:3px;height:3px;opacity:.5"></span>
3135            <span class="bn-star" style="top:20%;left:78%"></span>
3136            <span class="bn-star" style="top:32%;left:8%;width:3px;height:3px"></span>
3137            <span class="bn-star" style="top:16%;left:42%"></span>
3138            <span class="bn-star" style="top:42%;left:72%"></span>
3139            <span class="bn-star" style="top:55%;left:28%;width:3px;height:3px"></span>
3140            <span class="bn-star" style="top:62%;left:88%"></span>
3141            <span class="bn-star" style="top:75%;left:14%;width:4px;height:4px;opacity:.2"></span>
3142          </div>
3143        </div>
3144
3145        <div class="bn-hero__content">
3146          <div class="bn-hero__tag">EXCLUSIVE OFFERS</div>
3147          <h3 class="bn-hero__heading">Curated Bundles — More Knowledge, Less Cost</h3>
3148          <p class="bn-hero__sub">Hand-picked combinations of essential Islamic books, carefully curated for the best reading journey.</p>
3149
3150          <div class="bn-hero__stats">
3151            <div class="bn-stat">
3152              <strong>4</strong>
3153              <span>BUNDLES</span>
3154            </div>
3155            <div class="bn-stat">
3156              <strong>100%</strong>
3157              <span>AUTHENTIC TITLES</span>
3158            </div>
3159            <div class="bn-stat">
3160              <strong>14+</strong>
3161              <span>BOOKS COVERED</span>
3162            </div>
3163          </div></div>
3164      </div><div class="bn-cards-wrap" data-bn-cards-wrap>
3165        <button type="button" class="bn-cards-nav bn-cards-nav--prev" data-bn-cards-prev aria-label="Previous bundles" style="display:none">
3166          <svg width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M7.5 1.5L1.5 7.5l6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
3167        </button>
3168        <div class="bn-cards" data-bn-cards-track><article class="bn-card" 
3169                       data-bn-card
3170                       data-bundle-vid="53242538492015"
3171                       data-bundle-name="Islamic Kids Complete Bundle"
3172                       data-bundle-books="60 Sunehri Ahadith|Nunehalon kay liye sunehre azkar|Bacho key lye Sunehri Seerat Sy Muntakhab Waqiyat|Musalman Bachey ke Sunehray Shab O Roz"
3173                       data-bundle-saving="Rs.0.00"
3174                       data-bundle-compare="Rs.4,200.00"
3175                       data-bn-url="/products/islamic-kids-complete-bundle"><div class="bn-card__band">
3176                  <span class="bn-card__badge">KIDS BUNDLE</span></div><div class="bn-covers-wrap" data-covers-wrap>
3177                  <button type="button" class="bn-covers-nav bn-covers-nav--prev" data-covers-prev aria-label="Previous" style="display:none">
3178                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M8 2L2 8l6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3179                  </button>
3180                  <div class="bn-card__covers" data-covers-track><div class="bn-cover" title="60 Sunehri Ahadith"><img src="//darussalam.pk/cdn/shop/files/01-60-Sunahri-Ahadith-front.png?v=1738165583&width=240"
3181                                 alt="60 Sunehri Ahadith"
3182                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Nunehalon kay liye sunehre azkar"><img src="//darussalam.pk/cdn/shop/files/naunehalon-kay-liya-sunehra-azkar-darussalam-20180424-145548.png?v=1738146241&width=240"
3183                                 alt="Nunehalon kay liye sunehre azkar"
3184                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Bacho key lye Sunehri Seerat Sy Muntakhab Waqiyat"><img src="//darussalam.pk/cdn/shop/files/1_yi02-u7.png?v=1738180328&width=240"
3185                                 alt="Bacho key lye Sunehri Seerat Sy Muntakhab Waqiyat"
3186                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Musalman Bachey ke Sunehray Shab O Roz"><img src="//darussalam.pk/cdn/shop/files/1_wiqw-bq.png?v=1738174106&width=240"
3187                                 alt="Musalman Bachey ke Sunehray Shab O Roz"
3188                                 loading="lazy" width="120" height="160"></div></div>
3189                  <button type="button" class="bn-covers-nav bn-covers-nav--next" data-covers-next aria-label="Next" style="display:none">
3190                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3191                  </button>
3192                </div><div class="bn-card__body">
3193                  <div class="bn-card__title">Islamic Kids Complete Bundle</div><div class="bn-card__sub">Curated reading set</div><ul class="bn-card__list"><li>
3194                          <span class="bn-list__name">60 Sunehri Ahadith</span>
3195                          <span class="bn-list__price">Rs.250.00</span>
3196                        </li><li>
3197                          <span class="bn-list__name">Nunehalon kay liye sunehre azkar</span>
3198                          <span class="bn-list__price">Rs.300.00</span>
3199                        </li><li>
3200                          <span class="bn-list__name">Bacho key lye Sunehri Seerat Sy Munta...</span>
3201                          <span class="bn-list__price">Rs.3,250.00</span>
3202                        </li><li>
3203                          <span class="bn-list__name">Musalman Bachey ke Sunehray Shab O Roz</span>
3204                          <span class="bn-list__price">Rs.400.00</span>
3205                        </li></ul>
3206                </div><div class="bn-card__foot">
3207                  <div class="bn-card__pricing"><div class="bn-pricing__row bn-pricing__row--deal">
3208                        <span class="bn-pricing__lbl bn-pricing__lbl--deal">Bundle</span>
3209                        <span class="bn-pricing__now">Rs.4,200.00</span>
3210                      </div></div><button type="button" class="bn-atc" data-bn-atc
3211                          aria-label="Add Islamic Kids Complete Bundle to cart">
3212                    <span data-bn-label>
3213                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3214                        <path d="M1 1.5h2L4.5 9h7l1.5-5.5H4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
3215                        <circle cx="5.5" cy="12" r="1.2" fill="currentColor"/>
3216                        <circle cx="11"  cy="12" r="1.2" fill="currentColor"/>
3217                      </svg>
3218                      Add Bundle to Cart
3219                    </span>
3220                    <span data-bn-loading aria-hidden="true">
3221                      <svg class="bn-spin" width="15" height="15" viewBox="0 0 24 24" fill="none">
3222                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5" stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
3223                      </svg>
3224                    </span>
3225                    <span data-bn-done aria-hidden="true">
3226                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3227                        <path d="M2.5 7.5l3.5 3.5 6.5-6.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
3228                      </svg>
3229                      Added!
3230                    </span>
3231                  </button></div>
3232
3233              </article><article class="bn-card" 
3234                       data-bn-card
3235                       data-bundle-vid="53240645353583"
3236                       data-bundle-name="Complete Azkar Bundle"
3237                       data-bundle-books="Qurani Wazaif|Hisn ul Muslim (14x21)|Masnoon namaz aur roz marha ki duain 12x17|Muhammad SAW Kay Shab o Roz Kay Masnoon Amaal"
3238                       data-bundle-saving="Rs.-100.00"
3239                       data-bundle-compare="Rs.2,000.00"
3240                       data-bn-url="/products/complete-ibadah-bundle"><div class="bn-card__band">
3241                  <span class="bn-card__badge">BOOK BUNDLE</span></div><div class="bn-covers-wrap" data-covers-wrap>
3242                  <button type="button" class="bn-covers-nav bn-covers-nav--prev" data-covers-prev aria-label="Previous" style="display:none">
3243                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M8 2L2 8l6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3244                  </button>
3245                  <div class="bn-card__covers" data-covers-track><div class="bn-cover" title="Qurani Wazaif"><img src="//darussalam.pk/cdn/shop/files/8_t9gd-d9.png?v=1738174188&width=240"
3246                                 alt="Qurani Wazaif"
3247                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Hisn ul Muslim (14x21)"><img src="//darussalam.pk/cdn/shop/files/01_27a9c626-284a-4ed7-8a1c-48297b159e7b.jpg?v=1770875115&width=240"
3248                                 alt="Hisn ul Muslim (14x21)"
3249                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Masnoon namaz aur roz marha ki duain 12x17"><img src="//darussalam.pk/cdn/shop/files/1_4hex-yd.png?v=1738148234&width=240"
3250                                 alt="Masnoon namaz aur roz marha ki duain 12x17"
3251                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Muhammad SAW Kay Shab o Roz Kay Masnoon Amaal"><img src="//darussalam.pk/cdn/shop/files/1_lwtw-en.png?v=1738173434&width=240"
3252                                 alt="Muhammad SAW Kay Shab o Roz Kay Masnoon Amaal"
3253                                 loading="lazy" width="120" height="160"></div></div>
3254                  <button type="button" class="bn-covers-nav bn-covers-nav--next" data-covers-next aria-label="Next" style="display:none">
3255                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3256                  </button>
3257                </div><div class="bn-card__body">
3258                  <div class="bn-card__title">Complete Azkar Bundle</div><ul class="bn-card__list"><li>
3259                          <span class="bn-list__name">Qurani Wazaif</span>
3260                          <span class="bn-list__price">Rs.850.00</span>
3261                        </li><li>
3262                          <span class="bn-list__name">Hisn ul Muslim (14x21)</span>
3263                          <span class="bn-list__price">Rs.550.00</span>
3264                        </li><li>
3265                          <span class="bn-list__name">
3265Masnoon namaz aur roz marha ki duain ...</span>
3266                          <span class="bn-list__price">Rs.300.00</span>
3267                        </li><li>
3268                          <span class="bn-list__name">Muhammad SAW Kay Shab o Roz Kay Masno...</span>
3269                          <span class="bn-list__price">Rs.300.00</span>
3270                        </li></ul>
3271                </div><div class="bn-card__foot">
3272                  <div class="bn-card__pricing"><div class="bn-pricing__row bn-pricing__row--deal">
3273                        <span class="bn-pricing__lbl bn-pricing__lbl--deal">Bundle</span>
3274                        <span class="bn-pricing__now">Rs.2,100.00</span>
3275                      </div></div><button type="button" class="bn-atc" data-bn-atc
3276                          aria-label="Add Complete Azkar Bundle to cart">
3277                    <span data-bn-label>
3278                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3279                        <path d="M1 1.5h2L4.5 9h7l1.5-5.5H4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
3280                        <circle cx="5.5" cy="12" r="1.2" fill="currentColor"/>
3281                        <circle cx="11"  cy="12" r="1.2" fill="currentColor"/>
3282                      </svg>
3283                      Add Bundle to Cart
3284                    </span>
3285                    <span data-bn-loading aria-hidden="true">
3286                      <svg class="bn-spin" width="15" height="15" viewBox="0 0 24 24" fill="none">
3287                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5" stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
3288                      </svg>
3289                    </span>
3290                    <span data-bn-done aria-hidden="true">
3291                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3292                        <path d="M2.5 7.5l3.5 3.5 6.5-6.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
3293                      </svg>
3294                      Added!
3295                    </span>
3296                  </button></div>
3297
3298              </article><article class="bn-card" 
3299                       data-bn-card
3300                       data-bundle-vid="53242471121007"
3301                       data-bundle-name="Al-Nabawi Collection - 3 Book Bundle"
3302                       data-bundle-books="Tajalliyat-e-Nabuwwat (New Edition) 14x21|Tib-e-Nabvi (Latest) - Ibn al Qayyim|Namaz-e-Nabvi S/C  -  (12x17)"
3303                       data-bundle-saving="Rs.-600.00"
3304                       data-bundle-compare="Rs.5,850.00"
3305                       data-bn-url="/products/al-nabawi-collection-3-book-bundle"><div class="bn-card__band">
3306                  <span class="bn-card__badge">NABAWI COLLECTION</span></div><div class="bn-covers-wrap" data-covers-wrap>
3307                  <button type="button" class="bn-covers-nav bn-covers-nav--prev" data-covers-prev aria-label="Previous" style="display:none">
3308                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M8 2L2 8l6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3309                  </button>
3310                  <div class="bn-card__covers" data-covers-track><div class="bn-cover" title="Tajalliyat-e-Nabuwwat (New Edition) 14x21"><img src="//darussalam.pk/cdn/shop/files/01_ae38f6ec-9475-43a7-a007-45b8c681e53a.jpg?v=1778495145&width=240"
3311                                 alt="Tajalliyat-e-Nabuwwat (New Edition) 14x21"
3312                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Tib-e-Nabvi (Latest) - Ibn al Qayyim"><img src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-14-15-15-32tib-e-nabvi-_1.png?v=1738160240&width=240"
3313                                 alt="Tib-e-Nabvi (Latest) - Ibn al Qayyim"
3314                                 loading="lazy" width="120" height="160"></div><div class="bn-cover" title="Namaz-e-Nabvi S/C  -  (12x17)"><img src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-15-15-19-14namaz-e-nabvi-_1.png?v=1738156063&width=240"
3315                                 alt="Namaz-e-Nabvi S/C  -  (12x17)"
3316                                 loading="lazy" width="120" height="160"></div></div>
3317                  <button type="button" class="bn-covers-nav bn-covers-nav--next" data-covers-next aria-label="Next" style="display:none">
3318                    <svg width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
3319                  </button>
3320                </div><div class="bn-card__body">
3321                  <div class="bn-card__title">Al-Nabawi Collection - 3 Book Bundle</div><div class="bn-card__sub">3 Must-Have Books</div><ul class="bn-card__list"><li>
3322                          <span class="bn-list__name">Tajalliyat-e-Nabuwwat (New Edition) 1...</span>
3323                          <span class="bn-list__price">Rs.1,300.00</span>
3324                        </li><li>
3325                          <span class="bn-list__name">Tib-e-Nabvi (Latest) - Ibn al Qayyim</span>
3326                          <span class="bn-list__price">Rs.4,000.00</span>
3327                        </li><li>
3328                          <span class="bn-list__name">Namaz-e-Nabvi S/C  -  (12x17)</span>
3329                          <span class="bn-list__price">Rs.550.00</span>
3330                        </li></ul>
3331                </div><div class="bn-card__foot">
3332                  <div class="bn-card__pricing"><div class="bn-pricing__row bn-pricing__row--deal">
3333                        <span class="bn-pricing__lbl bn-pricing__lbl--deal">Bundle</span>
3334                        <span class="bn-pricing__now">Rs.6,450.00</span>
3335                      </div></div><button type="button" class="bn-atc" data-bn-atc
3336                          aria-label="Add Al-Nabawi Collection - 3 Book Bundle to cart">
3337                    <span data-bn-label>
3338                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3339                        <path d="M1 1.5h2L4.5 9h7l1.5-5.5H4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
3340                        <circle cx="5.5" cy="12" r="1.2" fill="currentColor"/>
3341                        <circle cx="11"  cy="12" r="1.2" fill="currentColor"/>
3342                      </svg>
3343                      Add Bundle to Cart
3344                    </span>
3345                    <span data-bn-loading aria-hidden="true">
3346                      <svg class="bn-spin" width="15" height="15" viewBox="0 0 24 24" fill="none">
3347                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5" stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
3348                      </svg>
3349                    </span>
3350                    <span data-bn-done aria-hidden="true">
3351                      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true">
3352                        <path d="M2.5 7.5l3.5 3.5 6.5-6.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
3353                      </svg>
3354                      Added!
3355                    </span>
3356                  </button></div>
3357
3358              </article></div><button type="button" class="bn-cards-nav bn-cards-nav--next" data-bn-cards-next aria-label="Next bundles" style="display:none">
3359          <svg width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M1.5 1.5l6 6-6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
3360        </button>
3361      </div></div></div>
3362</section>
3363
3364<style>
3365/* ── Reset ── */
3366#bn-template--26093344817263__ds_bundles_3iaBHy, #bn-template--26093344817263__ds_bundles_3iaBHy * { box-sizing: border-box; }
3367#bn-template--26093344817263__ds_bundles_3iaBHy ul { list-style: none; margin: 0; padding: 0; }
3368
3369/* ── Section wrapper ── */
3370#bn-template--26093344817263__ds_bundles_3iaBHy {
3371  background: #faf7f2;
3372  padding: 60px 48px;
3373  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
3374}
3375#bn-template--26093344817263__ds_bundles_3iaBHy .bn-wrap { max-width: 1400px; margin: 0 auto; }
3376
3377/* ── Header ── */
3378#bn-template--26093344817263__ds_bundles_3iaBHy .bn-header {
3379  display: flex; justify-content: space-between; align-items: flex-end;
3380  margin-bottom: 36px; gap: 20px;
3381}
3382#bn-template--26093344817263__ds_bundles_3iaBHy .bn-eyebrow {
3383  font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700;
3384  color: #c49a2e;
3385  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
3386}
3387#bn-template--26093344817263__ds_bundles_3iaBHy .bn-eyebrow::after {
3388  content: ''; display: inline-block; width: 32px; height: 1.5px;
3389  background: #c49a2e;
3390}
3391#bn-template--26093344817263__ds_bundles_3iaBHy .bn-title {
3392  font-size: 36px; font-weight: 700; color: #1a1a1a; line-height: 1.05; margin: 0;
3393}
3394#bn-template--26093344817263__ds_bundles_3iaBHy .bn-title em {
3395  font-family: Georgia, serif; font-style: italic;
3396  color: #c49a2e; font-weight: 400;
3397}
3398#bn-template--26093344817263__ds_bundles_3iaBHy .bn-view-all {
3399  font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
3400  color: #1a1a1a; text-decoration: none; border-bottom: 1.5px solid #1a1a1a;
3401  padding-bottom: 2px; white-space: nowrap; flex-shrink: 0;
3402  transition: color .2s, border-color .2s;
3403}
3404#bn-template--26093344817263__ds_bundles_3iaBHy .bn-view-all:hover { color: #c49a2e; border-bottom-color: #c49a2e; }
3405
3406/* ── Main grid: left banner + right cards ── */
3407#bn-template--26093344817263__ds_bundles_3iaBHy .bn-main {
3408  display: grid;
3409  grid-template-columns: var(--bn-hero, 30%) 1fr;
3410  gap: 20px;
3411  align-items: stretch;
3412}
3413
3414/* ══════════════════════════════════════
3415   HERO BANNER (left)
3416══════════════════════════════════════ */
3417#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero {
3418  border-radius: 20px;
3419  overflow: hidden;
3420  position: relative;
3421  background: #0a1610;
3422  display: flex;
3423  flex-direction: column;
3424  justify-content: flex-end;
3425  min-height: 100%;
3426}
3427#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__bg {
3428  position: absolute; inset: 0; overflow: hidden;
3429}
3430#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__img {
3431  width: 100%; height: 100%; object-fit: cover; object-position: center top; opacity: .78;
3432}
3433#bn-template--26093344817263__ds_bundles_3iaBHy .bn-geo {
3434  position: absolute; inset: 0;
3435  display: flex; align-items: center; justify-content: center;
3436}
3437#bn-template--26093344817263__ds_bundles_3iaBHy .bn-geo svg { width: 90%; height: 90%; }
3438#bn-template--26093344817263__ds_bundles_3iaBHy .bn-stars { position: absolute; inset: 0; }
3439#bn-template--26093344817263__ds_bundles_3iaBHy .bn-star {
3440  position: absolute; width: 2px; height: 2px;
3441  background: #fff; border-radius: 50%; opacity: .4; display: block;
3442}
3443
3444#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__content {
3445  position: relative; z-index: 2; padding: 32px 28px;
3446  background: linear-gradient(transparent 0%, rgba(6,14,10,.75) 35%, rgba(6,14,10,.96) 100%);
3447}
3448#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__tag {
3449  font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800;
3450  color: #c49a2e;
3451  display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px;
3452  background: rgba(0,0,0,.45);
3453  padding: 5px 10px 5px 8px;
3454  border-radius: 20px;
3455  backdrop-filter: blur(4px);
3456  -webkit-backdrop-filter: blur(4px);
3457  text-shadow: 0 1px 6px rgba(0,0,0,.8);
3458  width: fit-content;
3459}
3460#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__tag::before {
3461  content: ''; display: inline-block; width: 14px; height: 1.5px;
3462  background: #c49a2e;
3463  filter: drop-shadow(0 0 3px #c49a2e);
3464}
3465#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__heading {
3466  font-size: 24px; font-weight: 700; color: #fff; line-height: 1.25; margin: 0 0 10px;
3467}
3468#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__sub {
3469  font-size: 12.5px; color: rgba(255,255,255,.55); line-height: 1.65; margin-bottom: 24px;
3470}
3471#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__stats {
3472  display: flex; flex-direction: column; gap: 14px; margin-bottom: 26px;
3473}
3474#bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat {
3475  display: flex; align-items: baseline; gap: 8px;
3476  padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.07);
3477}
3478#bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat:last-child { border-bottom: none; padding-bottom: 0; }
3479#bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat strong {
3480  font-size: 26px; font-weight: 700; color: #c49a2e; line-height: 1;
3481}
3482#bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat span {
3483  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
3484  color: rgba(255,255,255,.38);
3485}
3486#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__cta {
3487  display: block; text-align: center;
3488  font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
3489  color: #1a1a1a; background: #c49a2e;
3490  padding: 13px 20px; border-radius: 9px; text-decoration: none;
3491  transition: opacity .2s, transform .15s;
3492}
3493#bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__cta:hover { opacity: .85; transform: translateY(-1px); }
3494
3495/* ══════════════════════════════════════
3496   BUNDLE CARDS (right) — 3-column portrait grid
3497══════════════════════════════════════ */
3498#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-wrap { position: relative; }
3499#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards {
3500  display: grid;
3501  grid-auto-flow: column;
3502  grid-auto-columns: calc((100% - (var(--bn-cols, 3) - 1) * 16px) / var(--bn-cols, 3));
3503  gap: 16px;
3504  align-items: stretch;
3505  overflow-x: auto;
3506  scroll-snap-type: x proximity;
3507  -webkit-overflow-scrolling: touch;
3508  scrollbar-width: none;
3509}
3510#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards::-webkit-scrollbar { display: none; }
3511#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card { scroll-snap-align: start; }
3512#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav {
3513  position: absolute; top: 50%; transform: translateY(-50%);
3514  width: 34px; height: 34px; border-radius: 50%;
3515  background: #fff; border: 1.5px solid #e8e3dc; color: #1a1a1a;
3516  display: flex; align-items: center; justify-content: center;
3517  cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.16); z-index: 2;
3518  padding: 0; transition: background .15s, color .15s;
3519}
3520#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav:hover { background: #c49a2e; }
3521#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav:disabled { opacity: .35; cursor: default; pointer-events: none; }
3522#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav--prev { left
3522: -17px; }
3523#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav--next { right: -17px; }
3524
3525/* ── Single card ── */
3526#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card {
3527  background: #fff;
3528  border: 1px solid #e8e3dc;
3529  border-radius: 18px;
3530  overflow: hidden;
3531  display: flex;
3532  flex-direction: column;
3533  transition: box-shadow .25s, transform .25s;
3534  position: relative;
3535  cursor: pointer;
3536}
3537#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card:hover {
3538  border-color: #c9a227;
3539  box-shadow: 0 4px 8px rgba(201,162,39,0.15), 0 8px 28px rgba(201,162,39,0.25);
3540  transform: translateY(-3px);
3541}
3542#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card--ph { opacity: .4; pointer-events: none; }
3543
3544/* Top colour band */
3545#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__band {
3546  display: flex; align-items: center; justify-content: space-between;
3547  padding: 12px 16px 10px;
3548  background: #0a1610;
3549}
3550#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__badge {
3551  font-size: 8.5px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
3552  color: #c49a2e;
3553  display: flex; align-items: center; gap: 5px;
3554}
3555#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__badge::before {
3556  content: ''; display: inline-block; width: 14px; height: 1.5px;
3557  background: #c49a2e;
3558}
3559#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__save {
3560  font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
3561  background: #1a7a3c; color: #fff;
3562  padding: 3px 9px; border-radius: 20px; white-space: nowrap;
3563}
3564
3565/* Book covers wrapper (positions nav arrows) */
3566#bn-template--26093344817263__ds_bundles_3iaBHy .bn-covers-wrap {
3567  position: relative;
3568  background: #f0ebe2;
3569}
3570
3571/* Arrow nav buttons */
3572#bn-template--26093344817263__ds_bundles_3iaBHy .bn-covers-nav {
3573  position: absolute; top: 50%; transform: translateY(-50%);
3574  z-index: 3;
3575  width: 28px; height: 28px; border-radius: 50%;
3576  background: #fff; border: none;
3577  box-shadow: 0 2px 8px rgba(0,0,0,.18);
3578  display: flex; align-items: center; justify-content: center;
3579  cursor: pointer; color: #1a1a1a;
3580  transition: background .15s, transform .15s;
3581}
3582#bn-template--26093344817263__ds_bundles_3iaBHy .bn-covers-nav:hover {
3583  background: #c49a2e;
3584  transform: translateY(-50%) scale(1.08);
3585}
3586#bn-template--26093344817263__ds_bundles_3iaBHy .bn-covers-nav--prev { left: 6px; }
3587#bn-template--26093344817263__ds_bundles_3iaBHy .bn-covers-nav--next { right: 6px; }
3588
3589/* Book covers — single scrollable row, no wrapping */
3590#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__covers {
3591  display: flex;
3592  flex-direction: row;
3593  gap: 4px;
3594  background: #f0ebe2;
3595  padding: 6px;
3596  overflow-x: auto;
3597  overflow-y: hidden;
3598  scrollbar-width: none;
3599  -ms-overflow-style: none;
3600  scroll-snap-type: x mandatory;
3601  -webkit-overflow-scrolling: touch;
3602}
3603#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__covers::-webkit-scrollbar { display: none; }
3604#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cover {
3605  flex: 0 0 calc(50% - 3px);
3606  scroll-snap-align: start;
3607  display: block; text-decoration: none;
3608  aspect-ratio: 3/4;
3609  overflow: hidden; background: #e8e3dc;
3610  border-radius: 4px;
3611  position: relative;
3612}
3613#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cover img {
3614  width: 100%; height: 100%; object-fit: cover; display: block;
3615  transition: transform .35s ease;
3616}
3617#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card:hover .bn-cover img { transform: scale(1.05); }
3618#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cover__blank {
3619  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
3620  color: #c8c0b4;
3621}
3622#bn-template--26093344817263__ds_bundles_3iaBHy .bn-cover--ph { aspect-ratio: 3/4; background: #e8e3dc; border-radius: 4px; flex: 0 0 calc(50% - 3px); }
3623
3624/* ── Bundle video ── */
3625#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__video {
3626  position: relative;
3627  background: #000;
3628  overflow: hidden;
3629  aspect-ratio: 16/9;
3630}
3631#bn-template--26093344817263__ds_bundles_3iaBHy .bn-video {
3632  width: 100%; height: 100%;
3633  object-fit: cover;
3634  display: block;
3635}
3636
3637/* Card body */
3638#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__body {
3639  padding: 16px 16px 0;
3640  flex: 1;
3641  display: flex; flex-direction: column; gap: 8px;
3642}
3643#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__title {
3644  font-size: 16px; font-weight: 700; color: #1a1a1a; line-height: 1.25;
3645}
3646#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__sub {
3647  font-size: 11.5px; color: #9e8a6a; margin-top: -4px;
3648}
3649
3650/* Book list */
3651#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__list {
3652  display: flex; flex-direction: column; gap: 5px;
3653  border-top: 1px solid #f0ece6; padding-top: 10px; margin-top: 4px;
3654}
3655#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__list li {
3656  display: flex; align-items: baseline; justify-content: space-between; gap: 6px;
3657}
3658#bn-template--26093344817263__ds_bundles_3iaBHy .bn-list__name {
3659  font-size: 11.5px; color: #4a4540; line-height: 1.35; flex: 1;
3660  display: flex; align-items: baseline; gap: 6px;
3661}
3662#bn-template--26093344817263__ds_bundles_3iaBHy .bn-list__name::before {
3663  content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%;
3664  background: #c49a2e; flex-shrink: 0;
3665}
3666#bn-template--26093344817263__ds_bundles_3iaBHy .bn-list__price {
3667  font-size: 11px; font-weight: 600; color: #9e8a6a; white-space: nowrap; flex-shrink: 0;
3668}
3669
3670/* Card footer */
3671#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__foot {
3672  padding: 14px 16px 18px;
3673  border-top: 1.5px solid #f0ece6;
3674  margin-top: 14px;
3675  display: flex; flex-direction: column; gap: 14px;
3676}
3677#bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__pricing { display: flex; flex-direction: column; gap: 4px; }
3678#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__row { display: flex; align-items: baseline; gap: 8px; }
3679#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__lbl {
3680  font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase;
3681  font-weight: 600; color: #b8b0a5; min-width: 52px;
3682}
3683#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__lbl--deal { color: #1a1a1a; }
3684#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__was { font-size: 13px; color: #b8b0a5; text-decoration: line-through; }
3685#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__row--deal .bn-pricing__now {
3686  font-size: 26px; font-weight: 800; color: #1a1a1a; line-height: 1;
3687}
3688#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__row--freeship {
3689  margin-top: 6px;
3690}
3691#bn-template--26093344817263__ds_bundles_3iaBHy .bn-pricing__freeship {
3692  font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
3693  color: #1a7a3c; display: flex; align-items: center; gap: 5px;
3694}
3695
3696/* Add Bundle to Cart button */
3697#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc {
3698  display: flex; align-items: center; justify-content: center; gap: 7px;
3699  width: 100%; padding: 14px;
3700  font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
3701  background: #c49a2e; color: #1a1a1a;
3702  border: none; border-radius: 10px; cursor: pointer;
3703  transition: background .2s, color .2s, transform .15s;
3704  line-height: 1;
3705}
3706#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc [data-bn-label] {
3707  display: inline-flex; align-items: center; gap: 7px;
3708}
3709#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc [data-bn-label] svg {
3710  flex-shrink: 0; position: relative; top: -1px;
3711}
3712#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc:hover:not(:disabled) {
3713  background: #1a1a1a; color: #fff; transform: translateY(-1px);
3714}
3715#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc:disabled { background: #d4cfc8; color: #999;
3715 cursor: not-allowed; }
3716
3717/* Button states */
3718#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc [data-bn-loading],
3719#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc [data-bn-done] { display: none; }
3720#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=loading] [data-bn-label],
3721#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=loading] [data-bn-done]   { display: none; }
3722#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=loading] [data-bn-loading] { display: flex; }
3723#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=loading] { background: #555; color: #fff; cursor: wait; }
3724#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=done] [data-bn-label],
3725#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=done] [data-bn-loading]  { display: none; }
3726#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=done] [data-bn-done] { display: flex; }
3727#bn-template--26093344817263__ds_bundles_3iaBHy .bn-atc[data-state=done] { background: #1a7a3c; color: #fff; }
3728@keyframes bnSpin { to { transform: rotate(360deg); } }
3729#bn-template--26093344817263__ds_bundles_3iaBHy .bn-spin { animation: bnSpin .7s linear infinite; }
3730
3731/* ── Responsive ── */
3732@media (max-width: 1200px) {
3733  #bn-template--26093344817263__ds_bundles_3iaBHy { padding: 50px 32px; }
3734  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-main { grid-template-columns: 30% 70%; }
3735}
3736@media (max-width: 960px) {
3737  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-main { grid-template-columns: 1fr; }
3738  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero { min-height: 320px; }
3739  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-hero__stats { flex-direction: row; gap: 24px; }
3740  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat { flex-direction: column; gap: 3px; border-bottom: none; padding-bottom: 0; border-right: 1px solid rgba(255,255,255,.07); padding-right: 24px; }
3741  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-stat:last-child { border-right: none; padding-right: 0; }
3742  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards { grid-auto-columns: calc((100% - 16px) / min(var(--bn-cols, 3), 2)); }
3743}
3744@media (max-width: 640px) {
3745  #bn-template--26093344817263__ds_bundles_3iaBHy { padding: 36px 18px; }
3746  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-header { flex-direction: column; align-items: flex-start; gap: 10px; }
3747  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-title { font-size: 26px; }
3748  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards { grid-auto-columns: 86%; }
3749  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-card__covers { grid-template-columns: repeat(4, 1fr); }
3750  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav--prev { left: 4px; }
3751  #bn-template--26093344817263__ds_bundles_3iaBHy .bn-cards-nav--next { right: 4px; }
3752}
3753</style>
3754
3755<script>
3756(function () {
3757  'use strict';
3758  var SEC = document.getElementById('bn-template--26093344817263__ds_bundles_3iaBHy');
3759  if (!SEC) return;
3760
3761  function drawerEl() { return document.querySelector('cart-drawer.dsc-drawer') || document.querySelector('cart-drawer'); }
3762  function openDrawer(dr) {
3763    if (!dr) return;
3764    if (typeof dr.open === 'function') dr.open();
3765    else { dr.setAttribute('open',''); dr.classList.add('active'); document.body.classList.add('overflow-hidden'); }
3766  }
3767  function applyDrawerSections(sections) {
3768    var dr = drawerEl();
3769    /* ── Swap #CartDrawer content from sections response ── */
3770    var cartHtml = sections['cart-drawer'];
3771    if (cartHtml && dr) {
3772      var tmp = document.createElement('div');
3773      tmp.innerHTML = cartHtml;
3774      var freshInner   = tmp.querySelector('#CartDrawer');
3775      var currentInner = dr.querySelector('#CartDrawer');
3776      if (freshInner && currentInner) {
3777        currentInner.innerHTML = freshInner.innerHTML;
3778        dr.classList.remove('is-empty');
3779      }
3780    }
3781    /* ── Update cart count bubble ── */
3782    var bHtml = sections['cart-icon-bubble'];
3783    if (bHtml) {
3784      var bt = document.createElement('div');
3785      bt.innerHTML = bHtml;
3786      var fb = bt.querySelector('[id="cart-icon-bubble"]');
3787      var eb = document.getElementById('cart-icon-bubble');
3788      if (fb && eb) eb.innerHTML = fb.innerHTML;
3789    }
3790    openDrawer(drawerEl() || dr);
3791  }
3792
3793  function addBundle(btn) {
3794    if (btn.disabled || btn.dataset.state === 'loading') return;
3795    var card = btn.closest('[data-bn-card]');
3796    if (!card) return;
3797    var vid     = parseInt(card.dataset.bundleVid, 10);
3798    var name    = card.dataset.bundleName    || '';
3799    var books   = card.dataset.bundleBooks   || '';
3800    var saving  = card.dataset.bundleSaving  || '';
3801    var compare = card.dataset.bundleCompare || '';
3802    if (!vid) return;
3803    btn.dataset.state = 'loading'; btn.disabled = true;
3804
3805    fetch('/cart/add.js', {
3806      method: 'POST',
3807      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
3808      body: JSON.stringify({
3809        items: [{ id: vid, quantity: 1, properties: {
3810          '_bundle_name':    name,
3811          '_bundle_books':   books,
3812          '_bundle_saving':  saving,
3813          '_bundle_compare': compare,
3814          'Includes':        '• ' + books.replace(/\|/g, '\n• ')
3815        }}],
3816        sections: ['cart-drawer', 'cart-icon-bubble'],
3817        sections_url: window.location.pathname
3818      })
3819    })
3820    .then(function(r){ if (!r.ok) return r.json().then(function(e){ throw e; }); return r.json(); })
3821    .then(function(data){
3822      btn.dataset.state = 'done'; btn.disabled = false;
3823      if (data.sections) {
3824        applyDrawerSections(data.sections);
3825      } else {
3826        openDrawer(drawerEl());
3827      }
3828      setTimeout(function(){ btn.dataset.state = ''; }, 2800);
3829    })
3830    .catch(function(err){
3831      console.warn('[BN]', err);
3832      btn.dataset.state = ''; btn.disabled = false;
3833    });
3834  }
3835
3836  SEC.addEventListener('click', function(e){
3837    var btn = e.target.closest('[data-bn-atc]');
3838    if (btn) { addBundle(btn); return; }
3839    var card = e.target.closest('[data-bn-card]');
3840    if (!card) return;
3841    var url = card.dataset.bnUrl;
3842    if (url && !e.target.closest('button, a')) window.location.href = url;
3843  });
3844
3845  /* ── Cover scrollers ── */
3846  SEC.querySelectorAll('[data-covers-wrap]').forEach(function(wrap) {
3847    var track = wrap.querySelector('[data-covers-track]');
3848    var prev  = wrap.querySelector('[data-covers-prev]');
3849    var next  = wrap.querySelector('[data-covers-next]');
3850    if (!track) return;
3851
3852    function coverWidth() {
3853      var first = track.querySelector('.bn-cover');
3854      return first ? first.offsetWidth + 4 : 120;
3855    }
3856
3857    function updateButtons() {
3858      var atStart = track.scrollLeft <= 4;
3859      var atEnd   = track.scrollLeft >= track.scrollWidth - track.clientWidth - 4;
3860      if (prev) prev.style.display = atStart ? 'none' : 'flex';
3861      if (next) next.style.display = atEnd   ? 'none' : 'flex';
3862    }
3863
3864    function initButtons() {
3865      var scrollable = track.scrollWidth > track.clientWidth + 8;
3866      if (prev) prev.style.display = 'none';
3867      if (next) next.style.display = scrollable ? 'flex' : 'none';
3868    }
3869
3870    if (prev) prev.addEventListener('click', function(e) {
3871      e.preventDefault();
3872      track.scrollBy({ left: -coverWidth() * 2, behavior: 'smooth' });
3873    });
3874    if (next) next.addEventListener('click', function(e) {
3875      e.preventDefault();
3876      track.scrollBy({ left: coverWidth() * 2, behavior: 'smooth' });
3877    });
3878
3879    track.addEventListener('scroll', updateButtons, { passive: true });
3880
3881    /* init after images load */
3882    if (document.readyState === 'complete') { initButtons(); }
3883    else { window.addEventListener('load', initButtons); }
3884    setTimeout(initButtons, 300);
3885  });
3886
3887  SEC.querySelectorAll('[data-bn-cards-wrap]').forEach(function(wrap) {
3888    var track = wrap.querySelector('[data-bn-cards-track]');
3889    var prev  = wrap.querySelector('[data-bn-cards-prev]');
3890    var next  = wrap.querySelector('[data-bn-cards-next]');
3891    if (!track) return;
3892
3893    function updateCardsNav() {
3894      var scrollable = track.scrollWidth > track.clientWidth + 8;
3895      if (!scrollable) {
3896        if (prev) prev.style.display = 'none';
3897        if (next) next.style.display = 'none';
3898        return;
3899      }
3900      var atStart = track.scrollLeft <= 4;
3901      var atEnd   = track.scrollLeft >= track.scrollWidth - track.clientWidth - 4;
3902      if (prev) { prev.style.display = 'flex'; prev.disabled = atStart; }
3903      if (next) { next.style.display = 'flex'; next.disabled = atEnd; }
3904    }
3905
3906    if (prev) prev.addEventListener('click', function(e) {
3907      e.preventDefault();
3908      track.scrollBy({ left: -track.clientWidth * 0.9, behavior: 'smooth' });
3909    });
3910    if (next) next.addEventListener('click', function(e) {
3911      e.preventDefault();
3912      track.scrollBy({ left: track.clientWidth * 0.9, behavior: 'smooth' });
3913    });
3914
3915    track.addEventListener('scroll', updateCardsNav, { passive: true });
3916    window.addEventListener('resize', updateCardsNav);
3917    if (document.readyState === 'complete') { updateCardsNav(); }
3918    else { window.addEventListener('load', updateCardsNav); }
3919    setTimeout(updateCardsNav, 300);
3920  });
3921})();
3922</script>
3922
3923
3924
3925
3926
3927</section><div id="shopify-section-template--26093344817263__ds_iqra_path_home" class="shopify-section"><div class="ds-iqra-page" id="ds-iqra-path">
3928  <div class="ds-iqra-page__intro">
3929    <span class="ds-iqra__eyebrow"><i></i>The First Command<i></i></span>
3930    <p class="ds-iqra-page__ayah-ar">اقْرَأْ بِاسْمِ رَبِّكَ الَّذِي خَلَقَ</p>
3931    <p class="ds-iqra-page__ayah-en">"Read! In the name of your Lord who created."</p>
3932    <p class="ds-iqra-page__ayah-ref">Surah Al-Alaq, 96:1 — the first verse ever revealed</p>
3933
3934    <h1 class="ds-iqra-page__heading">Every Home Deserves a Library of Light</h1>
3935    <p class="ds-iqra-page__body">
3936      A single book answers a single question. A library raises a family. Answer one question
3937      about who you're building for, and we'll curate a real, complete collection — not just
3938      one more book to add to the pile.
3939    </p>
3940    <p class="ds-iqra-page__trust">Trusted by thousands across Pakistan — 1,100+ verified reviews</p>
3941  </div>
3942
3943  <div class="ds-iqra" id="dsIqra" data-iqra-theme="light">
3944  <div class="ds-iqra__card">
3945    <div class="ds-iqra__progress-wrap">
3946      <div class="ds-iqra__progress"><div class="ds-iqra__progress-fill" data-iqra-progress style="width: 33%;"></div></div>
3947      <span class="ds-iqra__progress-label" data-iqra-progress-label>Step 1 of 2</span>
3948    </div>
3949    <button type="button" class="ds-iqra__back" data-iqra-back style="visibility:hidden;">← Back</button><div class="ds-iqra__step is-active" data-step="who">
3950      <span class="ds-iqra__eyebrow"><i></i>The Iqra Path<i></i></span>
3951      <h2 class="ds-iqra__title">Build Your Islamic Home Library</h2>
3952      <p class="ds-iqra__subtitle">Answer one quick question — we'll curate a complete library for you, not just one book.</p>
3953      <div class="ds-iqra__options">
3954        <button type="button" class="ds-iqra__option" data-who="myself">
3955          <span class="ds-iqra__option-icon">📖</span> For Myself
3956        </button>
3957        <button type="button" class="ds-iqra__option" data-who="new_muslim">
3958          <span class="ds-iqra__option-icon">🌙</span> I'm a New Muslim
3959        </button>
3960        <button type="button" class="ds-iqra__option" data-who="kids">
3961          <span class="ds-iqra__option-icon">🧒</span> For My Kids
3962        </button>
3963        <button type="button" class="ds-iqra__option" data-who="family">
3964          <span class="ds-iqra__option-icon">🏡</span> For My Family
3965        </button>
3966        <button type="button" class="ds-iqra__option" data-who="gift">
3967          <span class="ds-iqra__option-icon">🎁</span> As a Gift
3968        </button>
3969      </div>
3970    </div><div class="ds-iqra__step" data-step="focus">
3971      <span class="ds-iqra__eyebrow"><i></i>The Iqra Path<i></i></span>
3972      <h2 class="ds-iqra__title">What's the focus?</h2>
3973      <p class="ds-iqra__subtitle">Every path leads to a well-rounded library — pick where you want to start.</p>
3974      <div class="ds-iqra__options">
3975        <button type="button" class="ds-iqra__option" data-focus="faith">
3976          <span class="ds-iqra__option-icon">🕋</span> Deepen My Faith
3977        </button>
3978        <button type="button" class="ds-iqra__option" data-focus="seerah">
3979          <span class="ds-iqra__option-icon">🌟</span> Learn the Seerah
3980        </button>
3981        <button type="button" class="ds-iqra__option" data-focus="worship">
3982          <span class="ds-iqra__option-icon">🤲</span> Daily Worship
3983        </button>
3984        <button type="button" class="ds-iqra__option" data-focus="quran">
3985          <span class="ds-iqra__option-icon">📗</span> Understand the Quran
3986        </button>
3987      </div>
3988    </div><div class="ds-iqra__step" data-step="result"><div class="ds-iqra__result" data-combo="myself-faith" hidden>
3989        <h3 class="ds-iqra__result-title">Strengthen Your Faith</h3>
3990        <p class="ds-iqra__result-copy">A grounding in Aqeedah — the foundation everything else in the deen stands on.</p>
3991        <p class="ds-iqra__curated">Curated by our editorial team</p>
3992        <div class="ds-iqra__books" data-iqra-books>
3993          <label class="ds-iqra__book">
3994    <span class="ds-iqra__book-select">
3995      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42850407612527" data-price="18000" checked>
3996      <span class="ds-iqra__book-check" aria-hidden="true"></span>
3997    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Wa-Iyyaka-Nastaeen-1.jpg?v=1740561126&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
3998      <span class="ds-iqra__book-num">Book 1 of 4</span>
3999      <a href="/products/wa-iyyaka-nasta-in-small" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Wa Iyyaka Nasta’in (Small)</a><span class="ds-iqra__book-why">A concise reminder of pure reliance on Allah</span><span class="ds-iqra__book-price">Rs.180.00</span>
4000    </span>
4001  </label>
4002          <label class="ds-iqra__book">
4003    <span class="ds-iqra__book-select">
4004      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794007396463" data-price="205000" checked>
4005      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4006    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/1_e743b11c-27e6-4e4e-96a5-e87107d73451.webp?v=1790144559&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4007      <span class="ds-iqra__book-num">Book 2 of 4</span>
4008      <a href="/products/kitab-at-tauhid" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Kitab At-Tauhid (english) 4-colour (17x24)</a><span class="ds-iqra__book-why">Your foundation in the Oneness of Allah</span><span class="ds-iqra__book-price">Rs.2,050.00</span>
4009    </span>
4010  </label>
4011          <label class="ds-iqra__book">
4012    <span class="ds-iqra__book-select">
4013      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794408444015" data-price="57000" checked>
4014      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4015    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-07-27-09-25-10fikar-wa-aqidy-ki-gumrahiyan-or-siraty-mustaqim-k-taqazy-_1.png?v=1738182319&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4016      <span class="ds-iqra__book-num">Book 3 of 4</span>
4017      <a href="/products/fiqr-o-aqeedah-ki-gumrahiyan-aur-siraat-e-mustaqeem-k-taqazay" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Fikr o Aqeedah ki Gumrahiyan aur Siraat-e-Mustaqeem k Taqazay</a><span class="ds-iqra__book-why">Correcting common misconceptions in belief</span><span class="ds-iqra__book-price">Rs.570.00</span>
4018    </span>
4019  </label>
4020          <label class="ds-iqra__book">
4021    <span class="ds-iqra__book-select">
4022      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793874227311" data-price="45000" checked>
4023      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4024    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/islamic-creed-darussalam-20180411-115005_v4da-26.png?v=1738149536&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4025      <span class="ds-iqra__book-num">Book 4 of 4</span>
4026      <a href="/products/islamic-creed" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">ISLAMIC CREED</a><span class="ds-iqra__book-why">The core articles of faith, explained clearly</span><span class="ds-iqra__book-price">Rs.450.00</span>
4027    </span>
4028  </label>
4029        </div><div class="ds-iqra__total">
4030          <span>Library total</span>
4031          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.3,250.00</s><strong data-iqra-total data-iqra-pct="10">Rs.2,925.00</strong>
4032          </span>
4033        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.325.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4034          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4035          <span class="ds-iqra__add-loading">Adding…</span>
4036          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4037        </button>
4038        <p class="ds-iqra__error" data-iqra-error hidden></p>
4039      </div><div class="ds-iqra__result" data-combo="myself-seerah" hidden>
4040        <h3 class="ds-iqra__result-title">Walk the Seerah</h3>
4041        <p class="ds-iqra__result-copy">Live the story of the Prophet ﷺ — from three of our most-loved Seerah titles.</p>
4042        <p class="ds-iqra__curated">Curated by our editorial team</p>
4043        <div class="ds-iqra__books" data-iqra-books>
4044          <label class="ds-iqra__book">
4045    <span class="ds-iqra__book-select">
4046      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793979838575" data-price="350000" checked>
4047      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4048    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/01_e9491967-2758-440b-8bf2-32ff43b5161d.jpg?v=1758719094&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4049      <span class="ds-iqra__book-num">Book 1 of 3</span>
4050      <a href="/products/the-sealed-nectar-ar-raheeq-al-makhtoum-4-color-print" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">The Sealed Nectar (Ar Raheeq Al Makhtoum) - (4 Color Print)</a><span class="ds-iqra__book-why">The definitive biography of the Prophet ï·º, beautifully illustrated</span><span class="ds-iqra__book-price">Rs.3,500.00</span>
4051    </span>
4052  </label>
4053          <label class="ds-iqra__book">
4054    <span class="ds-iqra__book-select">
4055      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793985704047" data-price="250000" checked>
4056      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4057    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/01_7c058714-9657-4e0f-aea9-99084b487b9a.jpg?v=1751271848&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4058      <span class="ds-iqra__book-num">Book 2 of 3</span>
4059      <a href="/products/when-the-moon-split-new-edition" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">When the Moon Split - Coloured Edition</a><span class="ds-iqra__book-why">A vivid, modern retelling of the Seerah</span><span class="ds-iqra__book-price">Rs.2,500.00</span>
4060    </span>
4061  </label>
4062          <label class="ds-iqra__book">
4063    <span class="ds-iqra__book-select">
4064      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794159997039" data-price="120000" checked>
4065      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4066    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4067      <span class="ds-iqra__book-num">Book 3 of 3</span>
4068      <a href="/products/ar-raheeq-al-makhtum-urdu-1" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Ar Raheeq Al Makhtum (Urdu) Big</a><span class="ds-iqra__book-why">The classic Seerah, in your own language</span><span class="ds-iqra__book-price">Rs.1,200.00</span>
4069    </span>
4070  </label>
4071        </div><div class="ds-iqra__total">
4072          <span>Library total</span>
4073          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.7,200.00</s><strong data-iqra-total data-iqra-pct="10">Rs.6,480.00</strong>
4074          </span>
4075        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.720.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4076          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4077          <span class="ds-iqra__add-loading">Adding…</span>
4078          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4079        </button>
4080        <p class="ds-iqra__error" data-iqra-error hidden></p>
4081      </div><div class="ds-iqra__result" data-combo="myself-worship" hidden>
4082        <h3 class="ds-iqra__result-title">Perfect Your Worship</h3>
4083        <p class="ds-iqra__result-copy">The rulings and daily practice that turn knowledge into worship.</p>
4084        <p class="ds-iqra__curated">Curated by our editorial team</p>
4085        <div class="ds-iqra__books" data-iqra-books>
4086          <label class="ds-iqra__book">
4087    <span class="ds-iqra__book-select">
4088      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794031284335" data-price="40000" checked>
4089      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4090    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-14-17-06-31qiyam-ul-lail-_1.png?v=1738160503&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4091      <span class="ds-iqra__book-num">Book 1 of 3</span>
4092      <a href="/products/qiyam-ul-layl" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Qiyam ul Layl</a><span class="ds-iqra__book-why">The virtue and practice of night prayer</span><span class="ds-iqra__book-price">Rs.400.00</span>
4093    </span>
4094  </label>
4095          <label class="ds-iqra__book">
4096    <span class="ds-iqra__book-select">
4097      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793985867887" data-price="55000" checked>
4098      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4099    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-15-14-58-11towba-ahkam-w-masayel-_1.png?v=1738158699&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4100      <span class="ds-iqra__book-num">Book 2 of 3</span>
4101      <a href="/products/tobah-kay-ahkam-o-masayel" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Tobah: Fazail o Ahkaam aur Sachy Waqyaat</a><span class="ds-iqra__book-why">The rulings and reality of repentance</span><span class="ds-iqra__book-price">Rs.550.00</span>
4102    </span>
4103  </label>
4104          <label class="ds-iqra__book">
4105    <span class="ds-iqra__book-select">
4106      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794049273967" data-price="15000" checked>
4107      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4108    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-12-12-19-38janazah-k-ihkam-_1.png?v=1738161818&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4109      <span class="ds-iqra__book-num">Book 3 of 3</span>
4110      <a href="/products/janazay-k-ihkaam" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Janazay k Ihkaam</a><span class="ds-iqra__book-why">The correct rites for a Muslim funeral</span><span class="ds-iqra__book-price">Rs.150.00</span>
4111    </span>
4112  </label>
4113        </div><div class="ds-iqra__total">
4114          <span>Library total</span>
4115          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.1,100.00</s><strong data-iqra-total data-iqra-pct="10">Rs.990.00</strong>
4116          </span>
4117        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.110.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4118          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4119          <span class="ds-iqra__add-loading">Adding…</span>
4120          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4121        </button>
4122        <p class="ds-iqra__error" data-iqra-error hidden></p>
4123      </div><div class="ds-iqra__result" data-combo="myself-quran" hidden>
4124        <h3 class="ds-iqra__result-title">Understand the Quran</h3>
4125        <p class="ds-iqra__result-copy">A practical Para plus a complete tafseer — read with real understanding.</p>
4126        <p class="ds-iqra__curated">Curated by our editorial team</p>
4127        <div class="ds-iqra__books" data-iqra-books>
4128          <label class="ds-iqra__book">
4129    <span class="ds-iqra__book-select">
4130      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42848945012847" data-price="15000" checked>
4131      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4132    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Quran_Translation.jpg?v=1750245896&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4133      <span class="ds-iqra__book-num">Book 1 of 2</span>
4134      <a href="/products/9-line-para-with-lafzi-ba-muhawara-urdu-traslation" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">9 Line Para  With Lafzi Ba muhawara Urdu Traslation</a><span class="ds-iqra__book-why">Word-for-word understanding, made simple</span><span class="ds-iqra__book-price">Rs.150.00</span>
4135    </span>
4136  </label>
4137          <label class="ds-iqra__book">
4138    <span class="ds-iqra__book-select">
4139      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42838580363375" data-price="400000" checked>
4140      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4141    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/1_a970d138-f2a1-4702-8dc2-825cdbf40d25.webp?v=1790064843&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4142      <span class="ds-iqra__book-num">Book 2 of 2</span>
4143      <a href="/products/tafseer-ahsan-ul-kalam-17x24" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Tafseer Ahsan ul Kalam (17x24 cm)</a><span class="ds-iqra__book-why">A complete, trusted explanation of the Quran</span><span class="ds-iqra__book-price">Rs.4,000.00</span>
4144    </span>
4145  </label>
4146        </div><div class="ds-iqra__total">
4147          <span>Library total</span>
4148          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.4,150.00</s><strong data-iqra-total data-iqra-pct="10">Rs.3,735.00</strong>
4149          </span>
4150        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.415.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4151          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4152          <span class="ds-iqra__add-loading">Adding…</span>
4153          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4154        </button>
4155        <p class="ds-iqra__error" data-iqra-error hidden></p>
4156      </div><div class="ds-iqra__result" data-combo="new_muslim-none" hidden>
4157        <h3 class="ds-iqra__result-title">Your New Muslim Starter Library</h3>
4158        <p class="ds-iqra__result-copy">Everything you need for the first steps of your journey — welcome home.</p>
4159        <p class="ds-iqra__curated">Curated by our editorial team</p>
4160        <div class="ds-iqra__books" data-iqra-books>
4161          <label class="ds-iqra__book">
4162    <span class="ds-iqra__book-select">
4163      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794409427055" data-price="10000" checked>
4164      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4165    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-08-16-16-30-14namaz-se-pahlay--_1.png?v=1738182422&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4166      <span class="ds-iqra__book-num">Book 1 of 4</span>
4167      <a href="/products/namaz-se-pehle-new-edition" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Namaz se Pehle - New Edition</a><span class="ds-iqra__book-why">Everything to prepare before your first prayer</span><span class="ds-iqra__book-price">Rs.100.00</span>
4168    </span>
4169  </label>
4170          <label class="ds-iqra__book">
4171    <span class="ds-iqra__book-select">
4172      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794278813807" data-price="25000" checked>
4173      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4174    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/33.png?v=1738174647&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4175      <span class="ds-iqra__book-num">Book 2 of 4</span>
4176      <a href="/products/my-wudu-book" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">My Wudu Book</a><span class="ds-iqra__book-why">Learn purification, step by step</span><span class="ds-iqra__book-price">Rs.250.00</span>
4177    </span>
4178  </label>
4179          <label class="ds-iqra__book">
4180    <span class="ds-iqra__book-select">
4181      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42850407612527" data-price="18000" checked>
4182      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4183    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Wa-Iyyaka-Nastaeen-1.jpg?v=1740561126&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4184      <span class="ds-iqra__book-num">Book 3 of 4</span>
4185      <a href="/products/wa-iyyaka-nasta-in-small" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Wa Iyyaka Nasta’in (Small)</a><span class="ds-iqra__book-why">A gentle first lesson in relying on Allah</span><span class="ds-iqra__book-price">Rs.180.00</span>
4186    </span>
4187  </label>
4188          <label class="ds-iqra__book">
4189    <span class="ds-iqra__book-select">
4190      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793874227311" data-price="45000" checked>
4191      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4192    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/islamic-creed-darussalam-20180411-115005_v4da-26.png?v=1738149536&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4193      <span class="ds-iqra__book-num">Book 4 of 4</span>
4194      <a href="/products/islamic-creed" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">ISLAMIC CREED</a><span class="ds-iqra__book-why">The core beliefs every new Muslim should know</span><span class="ds-iqra__book-price">Rs.450.00</span>
4195    </span>
4196  </label>
4197        </div><div class="ds-iqra__total">
4198          <span>Library total</span>
4199          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.980.00</s><strong data-iqra-total data-iqra-pct="10">Rs.882.00</strong>
4200          </span>
4201        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.98.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4202          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4203          <span class="ds-iqra__add-loading">Adding…</span>
4204          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4205        </button>
4206        <p class="ds-iqra__error" data-iqra-error hidden></p>
4207      </div><div class="ds-iqra__result" data-combo="kids-none" hidden>
4208        <h3 class="ds-iqra__result-title">Little Believers Library</h3>
4209        <p class="ds-iqra__result-copy">Gentle, age-friendly reads that plant the love of the deen early.</p>
4210        <p class="ds-iqra__curated">Curated by our editorial team</p>
4211        <div class="ds-iqra__books" data-iqra-books>
4212          <label class="ds-iqra__book">
4213    <span class="ds-iqra__book-select">
4214      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794005233775" data-price="20000" checked>
4215      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4216    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Screenshot_2025-05-15_164814.jpg?v=1747309809&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4217      <span class="ds-iqra__book-num">Book 1 of 4</span>
4218      <a href="/products/qurani-qaidah-14x21" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Qurani Qaidah 14X21</a><span class="ds-iqra__book-why">Their very first steps in reading the Quran</span><span class="ds-iqra__book-price">Rs.200.00</span>
4219    </span>
4220  </label>
4221          <label class="ds-iqra__book">
4222    <span class="ds-iqra__book-select">
4223      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794209083503" data-price="19000" checked>
4224      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4225    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4226      <span class="ds-iqra__book-num">Book 2 of 4</span>
4227      <a href="/products/hisn-ul-muslim-8x12-pocket-size" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Hisn ul Muslim (8x12) pocket size</a><span class="ds-iqra__book-why">Daily duas sized just for little hands</span><span class="ds-iqra__book-price">Rs.190.00</span>
4228    </span>
4229  </label>
4230          <label class="ds-iqra__book">
4231    <span class="ds-iqra__book-select">
4232      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793830514799" data-price="30000" checked>
4233      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4234    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/naunehalon-kay-liya-sunehra-azkar-darussalam-20180424-145548.png?v=1738146241&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4235      <span class="ds-iqra__book-num">Book 3 of 4</span>
4236      <a href="/products/nunehalon-kay-liye-sunehre-azkar" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Nunehalon kay liye sunehre azkar</a><span class="ds-iqra__book-why">Golden azkar made for children</span><span class="ds-iqra__book-price">Rs.300.00</span>
4237    </span>
4238  </label>
4239          <label class="ds-iqra__book">
4240    <span class="ds-iqra__book-select">
4241      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794267705455" data-price="40000" checked>
4242      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4243    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/1_wiqw-bq.png?v=1738174106&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4244      <span class="ds-iqra__book-num">Book 4 of 4</span>
4245      <a href="/products/muslman-bachey-ke-sunehray-shab-o-roz" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Musalman Bachey ke Sunehray Shab O Roz</a><span class="ds-iqra__book-why">A child's daily routine, the Islamic way</span><span class="ds-iqra__book-price">Rs.400.00</span>
4246    </span>
4247  </label>
4248        </div><div class="ds-iqra__total">
4249          <span>Library total</span>
4250          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.1,090.00</s><strong data-iqra-total data-iqra-pct="10">Rs.981.00</strong>
4251          </span>
4252        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.109.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4253          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4254          <span class="ds-iqra__add-loading">Adding…</span>
4255          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4256        </button>
4257        <p class="ds-iqra__error" data-iqra-error hidden></p>
4258      </div><div class="ds-iqra__result" data-combo="family-none" hidden>
4259        <h3 class="ds-iqra__result-title">Family Faith Library</h3>
4260        <p class="ds-iqra__result-copy">Strengthening the home — for parents raising the next generation.</p>
4261        <p class="ds-iqra__curated">Curated by our editorial team</p>
4262        <div class="ds-iqra__books" data-iqra-books>
4263          <label class="ds-iqra__book">
4264    <span class="ds-iqra__book-select">
4265      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794404249711" data-price="12000" checked>
4266      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4267    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-04-27-17-55-51haqooq-e-waaldein-_haqooq-series_-_4.jpg?v=1738181894&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4268      <span class="ds-iqra__book-num">Book 1 of 4</span>
4269      <a href="/products/haqooq-e-waaldein-haqooq-series" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Haqooq e Waaldein (Haqooq Series)</a><span class="ds-iqra__book-why">The rights of parents, clearly outlined</span><span class="ds-iqra__book-price">Rs.120.00</span>
4270    </span>
4271  </label>
4272          <label class="ds-iqra__book">
4273    <span class="ds-iqra__book-select">
4274      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793977741423" data-price="18000" checked>
4275      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4276    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/darussalam-2017-04-27-17-46-58haqooq-al-aulad-_haqooq-series_-_2.jpg?v=1738158105&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4277      <span class="ds-iqra__book-num">Book 2 of 4</span>
4278      <a href="/products/haqooq-al-aulad-haqooq-series" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Huqooq Al Aulad (Haqooq Series)</a><span class="ds-iqra__book-why">A parent's duties toward their children</span><span class="ds-iqra__book-price">Rs.180.00</span>
4279    </span>
4280  </label>
4281          <label class="ds-iqra__book">
4282    <span class="ds-iqra__book-select">
4283      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793830514799" data-price="30000" checked>
4284      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4285    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/naunehalon-kay-liya-sunehra-azkar-darussalam-20180424-145548.png?v=1738146241&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4286      <span class="ds-iqra__book-num">Book 3 of 4</span>
4287      <a href="/products/nunehalon-kay-liye-sunehre-azkar" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Nunehalon kay liye sunehre azkar</a><span class="ds-iqra__book-why">Choose a name rooted in meaning</span><span class="ds-iqra__book-price">Rs.300.00</span>
4288    </span>
4289  </label>
4290          <label class="ds-iqra__book">
4291    <span class="ds-iqra__book-select">
4292      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794267705455" data-price="40000" checked>
4293      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4294    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/1_wiqw-bq.png?v=1738174106&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4295      <span class="ds-iqra__book-num">Book 4 of 4</span>
4296      <a href="/products/muslman-bachey-ke-sunehray-shab-o-roz" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Musalman Bachey ke Sunehray Shab O Roz</a><span class="ds-iqra__book-why">Guidance for the journey into motherhood</span><span class="ds-iqra__book-price">Rs.400.00</span>
4297    </span>
4298  </label>
4299        </div><div class="ds-iqra__total">
4300          <span>Library total</span>
4301          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.1,000.00</s><strong data-iqra-total data-iqra-pct="10">Rs.900.00</strong>
4302          </span>
4303        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.100.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4304          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4305          <span class="ds-iqra__add-loading">Adding…</span>
4306          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4307        </button>
4308        <p class="ds-iqra__error" data-iqra-error hidden></p>
4309      </div><div class="ds-iqra__result" data-combo="gift-none" hidden>
4310        <h3 class="ds-iqra__result-title">The Gift of Guidance</h3>
4311        <p class="ds-iqra__result-copy">A beautiful, meaningful set — for someone starting or deepening their journey.</p>
4312        <p class="ds-iqra__curated">Curated by our editorial team</p>
4313        <div class="ds-iqra__books" data-iqra-books>
4314          <label class="ds-iqra__book">
4315    <span class="ds-iqra__book-select">
4316      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793979838575" data-price="350000" checked>
4317      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4318    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/01_e9491967-2758-440b-8bf2-32ff43b5161d.jpg?v=1758719094&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4319      <span class="ds-iqra__book-num">Book 1 of 4</span>
4320      <a href="/products/the-sealed-nectar-ar-raheeq-al-makhtoum-4-color-print" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">The Sealed Nectar (Ar Raheeq Al Makhtoum) - (4 Color Print)</a><span class="ds-iqra__book-why">A beautiful keepsake edition of the Prophet's ï·º life</span><span class="ds-iqra__book-price">Rs.3,500.00</span>
4321    </span>
4322  </label>
4323          <label class="ds-iqra__book">
4324    <span class="ds-iqra__book-select">
4325      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793985704047" data-price="250000" checked>
4326      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4327    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/01_7c058714-9657-4e0f-aea9-99084b487b9a.jpg?v=1751271848&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4328      <span class="ds-iqra__book-num">Book 2 of 4</span>
4329      <a href="/products/when-the-moon-split-new-edition" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">When the Moon Split - Coloured Edition</a><span class="ds-iqra__book-why">An unforgettable introduction to the Seerah</span><span class="ds-iqra__book-price">Rs.2,500.00</span>
4330    </span>
4331  </label>
4332          <label class="ds-iqra__book">
4333    <span class="ds-iqra__book-select">
4334      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42794209083503" data-price="19000" checked>
4335      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4336    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4337      <span class="ds-iqra__book-num">Book 3 of 4</span>
4338      <a href="/products/hisn-ul-muslim-8x12-pocket-size" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">Hisn ul Muslim (8x12) pocket size</a><span class="ds-iqra__book-why">A gift they'll reach for every day</span><span class="ds-iqra__book-price">Rs.190.00</span>
4339    </span>
4340  </label>
4341          <label class="ds-iqra__book">
4342    <span class="ds-iqra__book-select">
4343      <input type="checkbox" class="ds-iqra__book-checkbox" data-iqra-book-check data-variant-id="42793874227311" data-price="45000" checked>
4344      <span class="ds-iqra__book-check" aria-hidden="true"></span>
4345    </span><img class="ds-iqra__book-thumb" src="//darussalam.pk/cdn/shop/files/islamic-creed-darussalam-20180411-115005_v4da-26.png?v=1738149536&width=160" alt="" loading="lazy" width="52" height="68"><span class="ds-iqra__book-meta">
4346      <span class="ds-iqra__book-num">Book 4 of 4</span>
4347      <a href="/products/islamic-creed" class="ds-iqra__book-name" target="_blank" rel="noopener noreferrer" onclick="event.stopPropagation()">ISLAMIC CREED</a><span class="ds-iqra__book-why">A thoughtful foundation for any believer</span><span class="ds-iqra__book-price">Rs.450.00</span>
4348    </span>
4349  </label>
4350        </div><div class="ds-iqra__total">
4351          <span>Library total</span>
4352          <span class="ds-iqra__total-prices"><s class="ds-iqra__total-was" data-iqra-total-was>Rs.6,640.00</s><strong data-iqra-total data-iqra-pct="10">Rs.5,976.00</strong>
4353          </span>
4354        </div><p class="ds-iqra__save-msg" data-iqra-save-msg>Save 10% (Rs.664.00) when you buy the entire library</p><button type="button" class="ds-iqra__add" data-iqra-add>
4355          <span class="ds-iqra__add-default">Add Entire Library to Cart</span>
4356          <span class="ds-iqra__add-loading">Adding…</span>
4357          <span class="ds-iqra__add-done">✓ Added to Cart</span>
4358        </button>
4359        <p class="ds-iqra__error" data-iqra-error hidden></p>
4360      </div>
4361
4362      <div class="ds-iqra__result" data-combo="empty">
4363        <p class="ds-iqra__result-copy">We couldn't find that combination — <a href="/collections/all">browse our full catalog</a> instead.</p>
4364      </div>
4365
4366      <button type="button" class="ds-iqra__restart" data-iqra-restart>Start Over</button>
4367    </div>
4368
4369  </div>
4370  </div>
4371</div>
4372
4373<style>
4374  .ds-iqra-page {
4375    --iqra-gold: #d4a52d;
4376    --iqra-gold-deep: #b8861a;
4377    --iqra-cream: #f6efdc;
4378    --iqra-bg: #faf8f3;
4379    --iqra-card-bg: #fff;
4380    --iqra-option-hover-bg: #fff;
4381    --iqra-ink: rgb(var(--color-base-heading));
4382    --iqra-muted: #6b7280;
4383    --iqra-border: rgba(212, 165, 45, 0.22);
4384    --iqra-card-shadow: 0 2px 10px rgba(0,0,0,0.06), 0 16px 40px rgba(201,162,39,0.08);
4385    --iqra-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
4386    max-width: 1400px;
4387    margin: 0 auto;
4388    padding: 64px 24px;
4389    display: grid;
4390    grid-template-columns: 1fr 1fr;
4391    gap: 64px;
4392    align-items: start;
4393  }
4394
4395  /* ── Left — the briefing panel ── */
4396  .ds-iqra-page__intro { padding-top: 8px; position: sticky; top: 40px; }
4397  .ds-iqra-page__ayah-ar {
4398    font-family: 'Traditional Arabic', 'Scheherazade New', 'Amiri', serif;
4399    font-size: 34px; color: var(--iqra-gold-deep); margin: 0 0 10px; line-height: 1.6; direction: rtl;
4400  }
4401  .ds-iqra-page__ayah-en {
4402    font-family: var(--iqra-serif); font-style: italic; font-size: 19px; color: var(--iqra-ink);
4403    margin: 0 0 6px; line-height: 1.4;
4404  }
4405  .ds-iqra-page__ayah-ref { font-size: 12px; color: var(--iqra-muted); margin: 0 0 32px; letter-spacing: 0.02em; }
4406  .ds-iqra-page__heading {
4407    font-family: var(--iqra-serif); font-size: clamp(28px, 3vw, 38px); font-weight: 700;
4408    color: var(--iqra-ink); margin: 0 0 18px; line-height: 1.2; letter-spacing: -0.01em;
4409  }
4410  .ds-iqra-page__body { font-size: 15.5px; color: var(--iqra-muted); line-height: 1.7; margin: 0 0 24px; max-width: 460px; }
4411  .ds-iqra-page__trust {
4412    display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700;
4413    color: var(--iqra-gold-deep); letter-spacing: 0.02em;
4414  }
4415  .ds-iqra-page__trust::before { content: '✦'; }
4416
4417  @media (max-width: 900px) {
4418    .ds-iqra-page { grid-template-columns: 1fr; gap: 40px; padding: 40px 20px; }
4419    .ds-iqra-page__intro { position: static; text-align: center; }
4420    .ds-iqra-page__body { margin-left: auto; margin-right: auto; }
4421    .ds-iqra-page__ayah-ar { direction: rtl; }
4422  }
4423
4424  .ds-iqra {
4425    /* Real sitewide tokens (assets/ds-homepage.css + base.css) — matches the
4426       actual homepage look (cream/white, gold accent, Playfair headings),
4427       not an invented dark theme. Self-contained since this page template
4428       doesn't otherwise load ds-homepage.css. */
4429  }
4430  /* Dark theme — same palette as the cart drawer / original build, picked
4431     via the section's Theme setting (Customizer: light/dark), same pattern
4432     Life Guide uses for its own bg_color options. */
4433  .ds-iqra[data-iqra-theme="dark"] {
4434    --iqra-gold: #C9A84C;
4435    --iqra-gold-deep: #E8C97A;
4436    --iqra-bg: #1A1409;
4437    --iqra-card-bg: linear-gradient(160deg, #1A1409, #0E0B06);
4438    --iqra-option-hover-bg: rgba(201,168,76,0.08);
4439    --iqra-ink: #F5EDD8;
4440    --iqra-muted: #9E8A66;
4441    --iqra-border: rgba(201, 168, 76, 0.2);
4442    --iqra-card-shadow: 0 24px 60px rgba(0,0,0,0.35);
4443  }
4444  .ds-iqra[data-iqra-theme="dark"] .ds-iqra__option { background: rgba(255,255,255,0.02); }
4445  .ds-iqra[data-iqra-theme="dark"] .ds-iqra__error { background: rgba(192,57,43,0.12); border-color: rgba(192,57,43,0.35);
4445 color: #e57373; }
4446
4447  .ds-iqra__card {
4448    position: relative;
4449    background: var(--iqra-card-bg);
4450    border: 1px solid var(--iqra-border);
4451    border-radius: 16px;
4452    padding: 40px 32px;
4453    box-shadow: var(--iqra-card-shadow);
4454    overflow: hidden;
4455  }
4456
4457  .ds-iqra__progress-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
4458  .ds-iqra__progress { flex: 1; height: 4px; background: rgba(212,165,45,0.15); border-radius: 2px; overflow: hidden; }
4459  .ds-iqra__progress-fill { height: 100%; background: var(--iqra-gold); transition: width 0.4s ease; }
4460  .ds-iqra__progress-label { font-size: 11px; color: var(--iqra-muted); white-space: nowrap; }
4461
4462  .ds-iqra__back {
4463    background: none; border: none; color: var(--iqra-gold-deep); font-size: 13px; font-weight: 700;
4464    cursor: pointer; padding: 0; margin-bottom: 16px;
4465  }
4466  .ds-iqra__back:hover { color: var(--iqra-gold); }
4467
4468  .ds-iqra__step { display: none; }
4469  .ds-iqra__step.is-active { display: block; animation: dsIqraIn 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
4470  @keyframes dsIqraIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
4471
4472  .ds-iqra__eyebrow {
4473    display: inline-flex; align-items: center; gap: 10px; font-size: 11px; letter-spacing: 0.28em;
4474    text-transform: uppercase; color: var(--iqra-gold-deep); font-weight: 700; margin-bottom: 12px;
4475  }
4476  .ds-iqra__eyebrow i { width: 28px; height: 1px; background: var(--iqra-gold); opacity: 0.7; display: inline-block; }
4477
4478  .ds-iqra__title {
4479    font-family: var(--iqra-serif); font-size: 26px; font-weight: 700; color: var(--iqra-ink);
4480    margin: 0 0 10px; line-height: 1.25; letter-spacing: -0.01em;
4481  }
4482  .ds-iqra__subtitle { font-size: 14px; color: var(--iqra-muted); margin: 0 0 28px; line-height: 1.6; }
4483
4484  .ds-iqra__options { display: flex; flex-direction: column; gap: 10px; }
4485  .ds-iqra__option {
4486    display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 12px;
4487    border: 1px solid var(--iqra-border); background: var(--iqra-bg); color: var(--iqra-ink);
4488    font-size: 15px; font-weight: 600; cursor: pointer;
4489    transition: all 0.2s ease; text-align: left;
4490  }
4491  .ds-iqra__option:hover { border-color: var(--iqra-gold); background: var(--iqra-option-hover-bg); box-shadow: 0 4px 14px rgba(201,162,39,0.14); transform: translateX(2px); }
4492  .ds-iqra__option-icon { font-size: 20px; flex-shrink: 0; }
4493
4494  .ds-iqra__result-title {
4495    font-family: var(--iqra-serif); font-size: 22px; font-weight: 700; color: var(--iqra-ink); margin: 0 0 8px;
4496  }
4497  .ds-iqra__result-copy { font-size: 13.5px; color: var(--iqra-muted); margin: 0 0 6px; line-height: 1.55; }
4498  .ds-iqra__curated {
4499    font-size: 11px; color: var(--iqra-gold-deep); font-weight: 700; letter-spacing: 0.04em;
4500    margin: 0 0 20px; text-transform: uppercase;
4501  }
4502
4503  .ds-iqra__books { display: flex; flex-direction: column; gap: 0; margin-bottom: 18px; }
4504  .ds-iqra__book {
4505    display: grid; grid-template-columns: 18px 52px 1fr; gap: 12px; align-items: center; padding: 14px 0;
4506    border-bottom: 1px solid rgba(212,165,45,0.15); cursor: pointer;
4507  }
4508  .ds-iqra__book:last-child { border-bottom: none; }
4509
4510  .ds-iqra__book-select { position: relative; width: 18px; height: 18px; flex-shrink: 0; }
4511  .ds-iqra__book-checkbox { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
4512  .ds-iqra__book-check {
4513    position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--iqra-gold);
4514    background: transparent; transition: all 0.2s ease;
4515  }
4516  .ds-iqra__book-checkbox:checked + .ds-iqra__book-check { background: var(--iqra-gold-deep); border-color: var(--iqra-gold-deep); }
4517  .ds-iqra__book-checkbox:checked + .ds-iqra__book-check::after {
4518    content: ''; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px;
4519    border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
4520  }
4521
4522  .ds-iqra__book-thumb {
4523    width: 52px; height: 68px; object-fit: cover; border-radius: 3px;
4524    box-shadow: 3px 5px 14px rgba(0,0,0,0.18), 0 2px 5px rgba(0,0,0,0.1);
4525  }
4526  .ds-iqra__book-thumb--empty {
4527    display: flex; align-items: center; justify-content: center;
4528    background: var(--iqra-cream); font-size: 20px; box-shadow: none;
4529    border: 1px solid rgba(212,165,45,0.25);
4530  }
4531  .ds-iqra__book-meta { display: flex; flex-direction: column; gap: 3px; }
4532  .ds-iqra__book-num { font-size: 10px; color: var(--iqra-muted); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; }
4533  .ds-iqra__book-name { font-family: var(--iqra-serif); font-size: 15px; font-weight: 600; color: var(--iqra-ink); text-decoration: none; line-height: 1.3; }
4534  .ds-iqra__book-name:hover { color: var(--iqra-gold-deep); }
4535  .ds-iqra__book-why { font-size: 12px; color: var(--iqra-muted); font-style: italic; line-height: 1.4; }
4536  .ds-iqra__book-price { font-size: 13px; color: var(--iqra-gold-deep); font-weight: 700; }
4537  .ds-iqra__book.is-excluded { opacity: 0.4; }
4538
4539  .ds-iqra__total {
4540    display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0;
4541    border-top: 1px solid var(--iqra-border); margin-bottom: 18px;
4542  }
4543  .ds-iqra__total > span:first-child { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--iqra-muted); }
4544  .ds-iqra__total strong { font-family: var(--iqra-serif); font-size: 22px; color: var(--iqra-gold-deep); }
4545  .ds-iqra__total-prices { display: inline-flex; align-items: baseline; gap: 8px; }
4546  .ds-iqra__total-was { font-size: 14px; color: var(--iqra-muted); text-decoration: line-through; }
4547  .ds-iqra__save-msg {
4548    font-size: 12.5px; font-weight: 700; color: #2f8a5c; text-align: center;
4549    background: rgba(47,138,92,0.08); border-radius: 8px; padding: 9px 10px; margin: -6px 0 14px;
4550  }
4551
4552  .ds-iqra__add {
4553    width: 100%; padding: 16px; border-radius: 10px; border: none; cursor: pointer;
4554    background: var(--iqra-gold); color: #1a1400;
4555    font-size: 13.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
4556    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
4557  }
4558  .ds-iqra__add:hover:not(:disabled) { background: var(--iqra-gold-deep); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(201,162,39,0.3); }
4559  .ds-iqra__add:disabled { opacity: 0.6;
4559 cursor: not-allowed; }
4560  .ds-iqra__add-loading, .ds-iqra__add-done { display: none; }
4561  .ds-iqra__add.is-loading .ds-iqra__add-default { display: none; }
4562  .ds-iqra__add.is-loading .ds-iqra__add-loading { display: inline; }
4563  .ds-iqra__add.is-done { background: #2f8a5c; color: #fff; }
4564  .ds-iqra__add.is-done .ds-iqra__add-default { display: none; }
4565  .ds-iqra__add.is-done .ds-iqra__add-done { display: inline; }
4566
4567  .ds-iqra__error {
4568    margin: 10px 0 0; padding: 10px 14px; border-radius: 8px;
4569    background: rgba(192, 57, 43, 0.07); border: 1px solid rgba(192, 57, 43, 0.25);
4570    color: #a83226; font-size: 12.5px; text-align: center;
4571  }
4572
4573  .ds-iqra__restart {
4574    display: block; margin: 16px auto 0; background: none; border: none; color: var(--iqra-muted);
4575    font-size: 12.5px; cursor: pointer; text-decoration: underline;
4576  }
4577  .ds-iqra__restart:hover { color: var(--iqra-gold-deep); }
4578
4579  /* ── Compact 13" (same convention as Life Guide's own compact breakpoint) ── */
4580  @media (min-width: 991px) and (max-height: 860px) {
4581    .ds-iqra-page { padding: 40px 24px; gap: 40px; }
4582    .ds-iqra-page__intro { top: 24px; }
4583    .ds-iqra-page__ayah-ar { font-size: 28px; margin-bottom: 6px; }
4584    .ds-iqra-page__ayah-en { font-size: 17px; }
4585    .ds-iqra-page__ayah-ref { margin-bottom: 20px; }
4586    .ds-iqra-page__heading { font-size: clamp(24px, 2.6vw, 30px); margin-bottom: 12px; }
4587    .ds-iqra-page__body { font-size: 14px; margin-bottom: 16px; }
4588    .ds-iqra__card { padding: 28px 24px; }
4589    .ds-iqra__options { gap: 8px; }
4590    .ds-iqra__option { padding: 13px 16px; }
4591  }
4592
4593  @media (max-width: 480px) {
4594    .ds-iqra { padding: 24px 12px; }
4595    .ds-iqra__card { padding: 28px 20px; }
4596    .ds-iqra__title { font-size: 21px; }
4597  }
4598</style>
4599
4600<script>
4601(function () {
4602  'use strict';
4603  var root = document.getElementById('dsIqra');
4604  if (!root || root.dataset.dsBound === '1') return;
4605  root.dataset.dsBound = '1';
4606
4607  var state = { who: null, focus: null };
4608  var STEP_LABEL = { who: 'Step 1 of 2', focus: 'Step 2 of 2', result: 'Your Library' };
4609  var STEP_PROGRESS = { who: 33, focus: 66, result: 100 };
4610  var SINGLE_FOCUS_WHO = ['new_muslim', 'kids', 'family', 'gift'];
4611
4612  function showStep(name) {
4613    root.querySelectorAll('.ds-iqra__step').forEach(function (el) {
4614      el.classList.toggle('is-active', el.getAttribute('data-step') === name);
4615    });
4616    var back = root.querySelector('[data-iqra-back]');
4617    back.style.visibility = name === 'who' ? 'hidden' : 'visible';
4618    var fill = root.querySelector('[data-iqra-progress]');
4619    var label = root.querySelector('[data-iqra-progress-label]');
4620    fill.style.width = STEP_PROGRESS[name] + '%';
4621    label.textContent = STEP_LABEL[name];
4622  }
4623
4624  function showResult() {
4625    var combo = SINGLE_FOCUS_WHO.indexOf(state.who) !== -1
4626      ? state.who + '-none'
4627      : state.who + '-' + state.focus;
4628    var found = root.querySelector('.ds-iqra__result[data-combo="' + combo + '"]');
4629    root.querySelectorAll('.ds-iqra__result').forEach(function (el) { el.hidden = true; });
4630    (found || root.querySelector('.ds-iqra__result[data-combo="empty"]')).hidden = false;
4631    showStep('result');
4632  }
4633
4634  root.querySelectorAll('[data-who]').forEach(function (btn) {
4635    btn.addEventListener('click', function () {
4636      state.who = btn.getAttribute('data-who');
4637      if (SINGLE_FOCUS_WHO.indexOf(state.who) !== -1) {
4638        showResult();
4639      } else {
4640        showStep('focus');
4641      }
4642    });
4643  });
4644
4645  root.querySelectorAll('[data-focus]').forEach(function (btn) {
4646    btn.addEventListener('click', function () {
4647      state.focus = btn.getAttribute('data-focus');
4648      showResult();
4649    });
4650  });
4651
4652  root.querySelector('[data-iqra-back]').addEventListener('click', function () {
4653    var current = root.querySelector('.ds-iqra__step.is-active').getAttribute('data-step');
4654    if (current === 'result') {
4655      if (SINGLE_FOCUS_WHO.indexOf(state.who) !== -1) { showStep('who'); }
4656      else { showStep('focus'); }
4657    } else if (current === 'focus') {
4658      showStep('who');
4659    }
4660  });
4661
4662  root.querySelectorAll('[data-iqra-restart]').forEach(function (btn) {
4663    btn.addEventListener('click', function () {
4664      state = { who: null, focus: null };
4665      showStep('who');
4666    });
4667  });
4668
4669  // Customize Your Library — checkboxes let a customer drop a book from the
4670  // set before adding, with the total/button recalculating live. All books
4671  // start checked (matches "entire library" as the default expectation).
4672  function updateResultTotals(resultEl) {
4673    var checkboxes = resultEl.querySelectorAll('[data-iqra-book-check]');
4674    var checked = resultEl.querySelectorAll('[data-iqra-book-check]:checked');
4675    // data-price is Shopify's raw variant.price — the smallest currency unit
4676    // (pence), not pounds, since it's printed without the `money` filter.
4677    // Summing as integer pence then dividing once at the end also avoids
4678    // floating-point rounding drift from repeated decimal addition.
4679    var totalPence = 0;
4680    checked.forEach(function (cb) { totalPence += parseInt(cb.dataset.price || '0', 10); });
4681
4682    var isFullSet = checkboxes.length > 0 && checked.length === checkboxes.length;
4683    var totalEl = resultEl.querySelector('[data-iqra-total]');
4684    var wasEl = resultEl.querySelector('[data-iqra-total-was]');
4685    var saveMsgEl = resultEl.querySelector('[data-iqra-save-msg]');
4686    var pct = totalEl ? parseFloat(totalEl.dataset.iqraPct || '0') : 0;
4687
4688    if (totalEl) {
4689      if (pct > 0 && isFullSet) {
4690        var discountedPence = totalPence - Math.floor(totalPence * pct / 100);
4691        totalEl.textContent = 'Rs.' + (discountedPence / 100).toFixed(2);
4692        if (wasEl) { wasEl.textContent = 'Rs.' + (totalPence / 100).toFixed(2); wasEl.hidden = false; }
4693        if (saveMsgEl) saveMsgEl.hidden = false;
4694      } else {
4695        totalEl.textContent = 'Rs.' + (totalPence / 100).toFixed(2);
4696        if (wasEl) wasEl.hidden = true;
4697        if (saveMsgEl) saveMsgEl.hidden = true;
4698      }
4699    }
4700
4701    var addBtn = resultEl.querySelector('[data-iqra-add]');
4702    if (addBtn) {
4703      addBtn.disabled = checked.length === 0;
4704      var label = addBtn.querySelector('.ds-iqra__add-default');
4705      if (label) {
4706        label.textContent = (checkboxes.length && checked.length === checkboxes.length)
4707          ? 'Add Entire Library to Cart'
4708          : 'Add Selected Books to Cart';
4709      }
4710    }
4711
4712    checkboxes.forEach(function (cb) {
4713      var row = cb.closest('.ds-iqra__book');
4714      if (row) row.classList.toggle('is-excluded', !cb.checked);
4715    });
4716  }
4717
4718  function bindBookCheckboxes() {
4719    root.querySelectorAll('[data-iqra-book-check]').forEach(function (cb) {
4720      if (cb.dataset.dsBound === '1') return;
4721      cb.dataset.dsBound = '1';
4722      cb.addEventListener('change', function (e) {
4723        e.stopPropagation();
4724        var resultEl = cb.closest('.ds-iqra__result');
4725        if (resultEl) updateResultTotals(resultEl);
4726      });
4727    });
4728    root.querySelectorAll('.ds-iqra__result').forEach(function (el) {
4729      if (el.querySelector('[data-iqra-book-check]')) updateResultTotals(el);
4730    });
4731  }
4732  bindBookCheckboxes();
4733
4734  // Bulk add-to-cart — same pattern already proven for the cart drawer's
4735  // Complete Your Library "Add Complete Library" button.
4736  function getSectionsToBundle() {
4737    var dr = document.querySelector('cart-drawer');
4738    if (dr && typeof dr.getSectionsToRender === 'function') {
4739      return dr.getSectionsToRender().map(function (s) { return s.id; });
4740    }
4741    return ['cart-drawer', 'cart-icon-bubble', 'cart-icon-bubble-sticky'];
4742  }
4743
4744  root.querySelectorAll('[data-iqra-add]').forEach(function (btn) {
4745    btn.addEventListener('click', function () {
4746      if (btn.disabled) return;
4747      var resultEl = btn.closest('.ds-iqra__result');
4748      var checked = resultEl ? resultEl.querySelectorAll('[data-iqra-book-check]:checked') : [];
4749      var ids = Array.prototype.map.call(checked, function (cb) {
4750        return { id: parseInt(cb.dataset.variantId, 10), quantity: 1 };
4751      });
4752      if (!ids.length) return;
4753
4754      btn.classList.add('is-loading');
4755      btn.disabled = true;
4756
4757      var errorEl = btn.parentElement.querySelector('[data-iqra-error]');
4758      if (errorEl) { errorEl.hidden = true; errorEl.textContent = ''; }
4759
4760      fetch('/cart/add.js', {
4761        method: 'POST',
4762        headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
4763        body: JSON.stringify({ items: ids, sections: getSectionsToBundle() })
4764      })
4765        .then(function (r) {
4766          return r.json().then(function (data) { return { ok: r.ok, data: data }; });
4767        })
4768        .then(function (result) {
4769          // Shopify returns 200 + real cart data on success, or a non-2xx
4770          // status + {status, message, description} on failure (e.g. a book
4771          // in the library just sold out). Checking r.ok here is the fix —
4772          // without it, a failed add still showed the green "success" state.
4773          if (!result.ok) {
4774            btn.classList.remove('is-loading');
4775            if (errorEl) {
4776              errorEl.textContent = (result.data && (result.data.description || result.data.message))
4777                || 'One of these books just went out of stock — please try again.';
4778              errorEl.hidden = false;
4779            }
4780            btn.disabled = false;
4781            return;
4782          }
4783
4784          btn.classList.remove('is-loading');
4785          btn.classList.add('is-done');
4786          var dr = document.querySelector('cart-drawer');
4787          if (dr && typeof dr.renderContents === 'function' && result.data.sections) {
4788            dr.renderContents({
4789              id: ids[0].id,
4790              sections: result.data.sections,
4791              getSectionInnerHTML: function (html, selector) {
4792                var tmp = document.createElement('div');
4793                tmp.innerHTML = html;
4794                var target = tmp.querySelector(selector || '.shopify-section');
4795                return target ? target.innerHTML : html;
4796              }
4797            });
4798          } else if (dr && typeof dr.open === 'function') {
4799            dr.open();
4800          }
4801          setTimeout(function () {
4802            btn.classList.remove('is-done');
4803            btn.disabled = false;
4804          }, 2500);
4805        })
4806        .catch(function () {
4807          btn.classList.remove('is-loading');
4808          if (errorEl) {
4809            errorEl.textContent = 'Something went wrong — please try again.';
4810            errorEl.hidden = false;
4811          }
4812          btn.disabled = false;
4813        });
4814    });
4815  });
4816})();
4817</script>
4817
4818
4819
4820</div><section id="shopify-section-template--26093344817263__kids-collection" class="shopify-section kc-section-wrapper"><section class="kc-section" id="kc-template--26093344817263__kids-collection"
4821  data-cols-desktop="3"
4822  data-cols-mobile="2">
4823  <div class="kc-wrap"><div class="kc-header">
4824      <div>
4825        <div class="kc-eyebrow">KIDS & FAMILY</div>
4826        <h2 class="kc-title">
4827          Islamic Books for<em>Young Readers</em>
4828        </h2>
4829      </div><a class="kc-view-all" href="/collections/children">VIEW ALL 160+ TITLES →</a>
4830    </div><div class="kc-main"><div class="kc-hero">
4831        <div class="kc-hero-art">
4832          <div class="kc-moon kc-moon--glow"></div>
4833          <div class="kc-moon kc-moon--mask"></div>
4834          <div class="kc-stars" aria-hidden="true">
4835            <span class="kc-star" style="width:3px;height:3px;top:12%;left:15%"></span>
4836            <span class="kc-star" style="width:2px;height:2px;top:20%;left:30%"></span>
4837            <span class="kc-star" style="width:3px;height:3px;top:8%;left:55%"></span>
4838            <span class="kc-star" style="width:2px;height:2px;top:25%;left:70%"></span>
4839            <span class="kc-star" style="width:4px;height:4px;top:15%;left:80%;opacity:.3"></span>
4840            <span class="kc-star" style="width:2px;height:2px;top:35%;left:20%"></span>
4841            <span class="kc-star" style="width:3px;height:3px;top:40%;left:8%"></span>
4842            <span class="kc-star" style="width:2px;height:2px;top:18%;left:44%"></span>
4843            <span class="kc-star" style="width:2px;height:2px;top:30%;left:60%"></span>
4844            <span class="kc-star" style="width:3px;height:3px;top:45%;left:75%"></span>
4845            <span class="kc-star" style="width:2px;height:2px;top:52%;left:40%"></span>
4846            <span class="kc-star" style="width:3px;height:3px;top:5%;left:90%;opacity:.25"></span>
4847          </div><img src="//darussalam.pk/cdn/shop/files/StockCake-Boy_Reading_Book-1311125-medium.webp?v=1779272869&width=900"
4848                 alt=""
4849                 class="kc-hero-img" loading="lazy" width="900" height="1200"></div>
4850        <div class="kc-hero-overlay">
4851          <div class="kc-hero-tag">MOST POPULAR</div>
4852          <h3 class="kc-hero-heading">Nurture Faith From the Start</h3>
4853          <p class="kc-hero-sub">Discover Islamic children's books that make learning meaningful, engaging, and enjoyable for young readers.</p>
4854          <div class="kc-hero-stats">
4855            <div class="kc-stat">
4856              <strong>160+</strong>
4857              <span>PRODUCTS</span>
4858            </div>
4859            <div class="kc-stat">
4860              <strong>5★</strong>
4861              <span>RATED TITLES</span>
4862            </div>
4863            <div class="kc-stat">
4864              <strong>PK</strong>
4865              <span>DELIVERY</span>
4866            </div>
4867          </div>
4868        </div>
4869      </div><div class="kc-right">
4870
4871        <div class="kc-carousel-shell" data-kc-carousel><div class="kc-viewport">
4872            <div class="kc-track" data-kc-track><article class="kc-card" data-kc-card>
4873
4874                  <a href="/products/qurani-qaidah-17x24" class="kc-card__img-wrap" tabindex="0" aria-label="Qurani Qaidah 17X24"><img
4875                        src="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=600"
4876                        srcset="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=400 400w,
4877                                //darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=600 600w,
4878                                //darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=800 800w"
4879                        sizes="(max-width: 640px) 45vw, 22vw"
4880                        alt="Qurani Qaidah 17X24 by Darussalam Research Center"
4881                        loading="lazy" width="600" height="800"></a>
4882
4883                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><div class="kc-card__stars" aria-label="Rated 4.47 out of 5">★★★★★ <span>(15)</span></div><a href="/products/qurani-qaidah-17x24" class="kc-card__title">Qurani Qaidah 17X24</a>
4884
4885                    <div class="kc-card__foot">
4886                      <div class="kc-card__prices"><span class="kc-price">Rs.270.00</span></div><button type="button" class="kc-atc"
4887                                data-kc-atc
4888                                data-variant-id="42793956474991"
4889                                aria-label="Add Qurani Qaidah 17X24 to cart">
4890                          <span data-kc-label>ADD TO CART</span>
4891                          <span data-kc-loading aria-hidden="true">
4892                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
4893                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
4894                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
4895                            </svg>
4896                          </span>
4897                          <span data-kc-done aria-hidden="true">✓ Added!</span>
4898                        </button></div>
4899                  </div>
4900
4901                </article><article class="kc-card" data-kc-card>
4902
4903                  <a href="/products/hisn-ul-muslim-8x12-pocket-size" class="kc-card__img-wrap" tabindex="0" aria-label="Hisn ul Muslim (8x12) pocket size"><img
4904                        src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=600"
4905                        srcset="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=400 400w,
4906                                //darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=600 600w,
4907                                //darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=800 800w"
4908                        sizes="(max-width: 640px) 45vw, 22vw"
4909                        alt="Hisn ul Muslim (8x12) pocket size by Saeed bin Ali Al-qahttani"
4910                        loading="lazy" width="600" height="800"></a>
4911
4912                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><div class="kc-card__stars" aria-label="Rated 5.0 out of 5">★★★★★ <span>(3)</span></div><a href="/products/hisn-ul-muslim-8x12-pocket-size" class="kc-card__title">Hisn ul Muslim (8x12) pocket size</a>
4913
4914                    <div class="kc-card__foot">
4915                      <div class="kc-card__prices"><span class="kc-price">Rs.190.00</span></div><button type="button" class="kc-atc"
4916                                data-kc-atc
4917                                data-variant-id="42794209083503"
4918                                aria-label="Add Hisn ul Muslim (8x12) pocket size to cart">
4919                          <span data-kc-label>ADD TO CART</span>
4920                          <span data-kc-loading aria-hidden="true">
4921                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
4922                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
4923                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
4924                            </svg>
4925                          </span>
4926                          <span data-kc-done aria-hidden="true">✓ Added!</span>
4927                        </button></div>
4928                  </div>
4929
4930                </article><article class="kc-card" data-kc-card>
4931
4932                  <a href="/products/60-golden-hadith-for-children-urdu-arabic-english" class="kc-card__img-wrap" tabindex="0" aria-label="60 Golden Hadith For Children (Urdu, Arabic, English)"><img
4933                        src="//darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&width=600"
4934                        srcset="//darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&width=400 400w,
4935                                //darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&width=600 600w,
4936                                //darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&width=800 800w"
4937                        sizes="(max-width: 640px) 45vw, 22vw"
4938                        alt="60 Golden Hadith For Children (Urdu, Arabic, English) by Abdul Malik Mujahid"
4939                        loading="lazy" width="600" height="800"></a>
4940
4941                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><div class="kc-card__stars" aria-label="Rated 5.0 out of 5">★★★★★ <span>(1)</span></div><a href="/products/60-golden-hadith-for-children-urdu-arabic-english" class="kc-card__title">60 Golden Hadith For Children (Urdu, Arabic, En...</a>
4942
4943                    <div class="kc-card__foot">
4944                      <div class="kc-card__prices"><span class="kc-price">Rs.250.00</span></div><button type="button" class="kc-atc"
4945                                data-kc-atc
4946                                data-variant-id="42863320694895"
4947                                aria-label="Add 60 Golden Hadith For Children (Urdu, Arabic, English) to cart">
4948                          <span data-kc-label>ADD TO CART</span>
4949                          <span data-kc-loading aria-hidden="true">
4950                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
4951                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
4952                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
4953                            </svg>
4954                          </span>
4955                          <span data-kc-done aria-hidden="true">✓ Added!</span>
4956                        </button></div>
4957                  </div>
4958
4959                </article><article class="kc-card" data-kc-card>
4960
4961                  <a href="/products/my-prayer-book" class="kc-card__img-wrap" tabindex="0" aria-label="My Prayer Book"><img
4962                        src="//darussalam.pk/cdn/shop/files/37_50f5e198-4068-4751-898d-5bd3f7ac5351.png?v=1738174673&width=600"
4963                        srcset="//darussalam.pk/cdn/shop/files/37_50f5e198-4068-4751-898d-5bd3f7ac5351.png?v=1738174673&width=400 400w,
4964                                //darussalam.pk/cdn/shop/files/37_50f5e198-4068-4751-898d-5bd3f7ac5351.png?v=1738174673&width=600 600w,
4965                                //darussalam.pk/cdn/shop/files/37_50f5e198-4068-4751-898d-5bd3f7ac5351.png?v=1738174673&width=800 800w"
4966                        sizes="(max-width: 640px) 45vw, 22vw"
4967                        alt="My Prayer Book by Abdul Malik Mujahid"
4968                        loading="lazy" width="600" height="800"></a>
4969
4970                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><div class="kc-card__stars" aria-label="Rated 5.0 out of 5">★★★★★ <span>(2)</span></div><a href="/products/my-prayer-book" class="kc-card__title">My Prayer Book</a>
4971
4972                    <div class="kc-card__foot">
4973                      <div class="kc-card__prices"><span class="kc-price">Rs.350.00</span></div><button type="button" class="kc-atc"
4974                                data-kc-atc
4975                                data-variant-id="42794279108719"
4976                                aria-label="Add My Prayer Book to cart">
4977                          <span data-kc-label>ADD TO CART</span>
4978                          <span data-kc-loading aria-hidden="true">
4979                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
4980                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
4981                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
4982                            </svg>
4983                          </span>
4984                          <span data-kc-done aria-hidden="true">✓ Added!</span>
4985                        </button></div>
4986                  </div>
4987
4988                </article><article class="kc-card" data-kc-card>
4989
4990                  <a href="/products/the-little-learner-my-first-book-of-islamic-knowledge" class="kc-card__img-wrap" tabindex="0" aria-label="The Little Learner (My First Book of Islamic Knowledge)"><img
4991                        src="//darussalam.pk/cdn/shop/files/BookTheLittleLearner.jpg?v=1759918836&width=600"
4992                        srcset="//darussalam.pk/cdn/shop/files/BookTheLittleLearner.jpg?v=1759918836&width=400 400w,
4993                                //darussalam.pk/cdn/shop/files/BookTheLittleLearner.jpg?v=1759918836&width=600 600w,
4994                                //darussalam.pk/cdn/shop/files/BookTheLittleLearner.jpg?v=1759918836&width=800 800w"
4995                        sizes="(max-width: 640px) 45vw, 22vw"
4996                        alt="The Little Learner (My First Book of Islamic Knowledge) by Abdul Hameed"
4997                        loading="lazy" width="600" height="800"></a>
4998
4999                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><a href="/products/the-little-learner-my-first-book-of-islamic-knowledge" class="kc-card__title">The Little Learner (My First Book of Islamic Kn...</a>
5000
5001                    <div class="kc-card__foot">
5002                      <div class="kc-card__prices"><span class="kc-price">
5002Rs.550.00</span></div><button type="button" class="kc-atc"
5003                                data-kc-atc
5004                                data-variant-id="43710487003247"
5005                                aria-label="Add The Little Learner (My First Book of Islamic Knowledge) to cart">
5006                          <span data-kc-label>ADD TO CART</span>
5007                          <span data-kc-loading aria-hidden="true">
5008                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
5009                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
5010                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
5011                            </svg>
5012                          </span>
5013                          <span data-kc-done aria-hidden="true">✓ Added!</span>
5014                        </button></div>
5015                  </div>
5016
5017                </article><article class="kc-card" data-kc-card>
5018
5019                  <a href="/products/qurani-qaidah-14x21" class="kc-card__img-wrap" tabindex="0" aria-label="Qurani Qaidah 14X21"><img
5020                        src="//darussalam.pk/cdn/shop/files/Screenshot_2025-05-15_164814.jpg?v=1747309809&width=600"
5021                        srcset="//darussalam.pk/cdn/shop/files/Screenshot_2025-05-15_164814.jpg?v=1747309809&width=400 400w,
5022                                //darussalam.pk/cdn/shop/files/Screenshot_2025-05-15_164814.jpg?v=1747309809&width=600 600w,
5023                                //darussalam.pk/cdn/shop/files/Screenshot_2025-05-15_164814.jpg?v=1747309809&width=800 800w"
5024                        sizes="(max-width: 640px) 45vw, 22vw"
5025                        alt="Qurani Qaidah 14X21 by Darussalam Research Center"
5026                        loading="lazy" width="600" height="800"></a>
5027
5028                  <div class="kc-card__body"><div class="kc-card__meta">DARUSSALAM</div><div class="kc-card__stars" aria-label="Rated 4.78 out of 5">★★★★★ <span>(9)</span></div><a href="/products/qurani-qaidah-14x21" class="kc-card__title">Qurani Qaidah 14X21</a>
5029
5030                    <div class="kc-card__foot">
5031                      <div class="kc-card__prices"><span class="kc-price">Rs.200.00</span></div><button type="button" class="kc-atc"
5032                                data-kc-atc
5033                                data-variant-id="42794005233775"
5034                                aria-label="Add Qurani Qaidah 14X21 to cart">
5035                          <span data-kc-label>ADD TO CART</span>
5036                          <span data-kc-loading aria-hidden="true">
5037                            <svg class="kc-spin" width="14" height="14" viewBox="0 0 24 24" fill="none">
5038                              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2.5"
5039                                stroke-dasharray="31.4" stroke-dashoffset="10" stroke-linecap="round"/>
5040                            </svg>
5041                          </span>
5042                          <span data-kc-done aria-hidden="true">✓ Added!</span>
5043                        </button></div>
5044                  </div>
5045
5046                </article></div>
5047          </div><div class="kc-nav-bar">
5048            <button type="button" class="kc-nav-btn" data-kc-prev aria-label="Previous">
5049              <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
5050                <path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5051              </svg>
5052            </button>
5053            <div class="kc-dots" data-kc-dots role="tablist" aria-label="Carousel pages"></div>
5054            <button type="button" class="kc-nav-btn" data-kc-next aria-label="Next">
5055              <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
5056                <path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5057              </svg>
5058            </button>
5059          </div>
5060
5061        </div><div class="kc-banner">
5062          <div class="kc-banner__text">
5063            <div class="kc-banner__label">
5063CURATED FOR FAMILIES</div>
5064            <div class="kc-banner__heading">Find the perfect book for your child</div>
5065            <div class="kc-banner__sub">160 hand-picked Islamic titles — stories, duas, Arabic & more</div>
5066          </div>
5067          <a href="/collections/children" class="kc-banner__btn">EXPLORE ALL →</a>
5068        </div>
5069
5070      </div>
5071    </div>
5072  </div>
5073</section>
5074
5075<style>
5076/* ── Reset inside section ── */
5077#kc-template--26093344817263__kids-collection, #kc-template--26093344817263__kids-collection * { box-sizing: border-box; }
5078
5079#kc-template--26093344817263__kids-collection {
5080  background: #faf7f2;
5081  padding: 64px 48px;
5082  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
5083}
5084#kc-template--26093344817263__kids-collection .kc-wrap { max-width: 1400px; margin: 0 auto; }
5085
5086/* ── Header ── */
5087#kc-template--26093344817263__kids-collection .kc-header {
5088  display: flex; justify-content: space-between; align-items: flex-end;
5089  margin-bottom: 40px; gap: 20px;
5090}
5091#kc-template--26093344817263__kids-collection .kc-eyebrow {
5092  font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
5093  font-weight: 700; color: #c49a2e;
5094  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
5095}
5096#kc-template--26093344817263__kids-collection .kc-eyebrow::after {
5097  content: ''; display: inline-block; width: 32px; height: 1.5px;
5098  background: #c49a2e;
5099}
5100#kc-template--26093344817263__kids-collection .kc-title { font-size: 38px; font-weight: 700; color: #1a1a1a; line-height: 1.05; margin: 0; }
5101#kc-template--26093344817263__kids-collection .kc-title em { font-family: Georgia, serif; font-style: italic; color: #c49a2e; font-weight: 400; }
5102#kc-template--26093344817263__kids-collection .kc-view-all {
5103  font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
5104  color: #1a1a1a; text-decoration: none; border-bottom: 1.5px solid #1a1a1a;
5105  padding-bottom: 2px; white-space: nowrap; flex-shrink: 0; transition: color .2s, border-color .2s;
5106}
5107#kc-template--26093344817263__kids-collection .kc-view-all:hover { color: #c49a2e; border-bottom-color: #c49a2e; }
5108
5109/* ── Main grid — 40 / 60 split, equal height ── */
5110#kc-template--26093344817263__kids-collection .kc-main {
5111  display: grid;
5112  grid-template-columns: 40% 1fr;
5113  gap: 16px;
5114  align-items: stretch;
5115}
5116
5117/* ── Hero (left 40%) ── */
5118#kc-template--26093344817263__kids-collection .kc-hero {
5119  border-radius: 18px; overflow: hidden; position: relative;
5120  background: #0e1f14;
5121  display: flex; flex-direction: column; justify-content: flex-end;
5122  min-height: 620px;
5123}
5124#kc-template--26093344817263__kids-collection .kc-hero-art { position: absolute; inset: 0; overflow: hidden; }
5125#kc-template--26093344817263__kids-collection .kc-hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; opacity: .55; }
5126#kc-template--26093344817263__kids-collection .kc-moon { position: absolute; top: 28px; right: 36px; width: 72px; height: 72px; border-radius: 50%; }
5127#kc-template--26093344817263__kids-collection .kc-moon--glow { background: #c49a2e; opacity: .22; }
5128#kc-template--26093344817263__kids-collection .kc-moon--mask { background: #0e1f14; transform: translateX(-20px); opacity: .93; }
5129#kc-template--26093344817263__kids-collection .kc-stars { position: absolute; inset: 0; }
5130#kc-template--26093344817263__kids-collection .kc-star { position: absolute; background: #fff; border-radius: 50%; opacity: .45; display: block; }
5131#kc-template--26093344817263__kids-collection .kc-book-stack { position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; gap: 6px; }
5132#kc-template--26093344817263__kids-collection .kc-book { border-radius: 3px 3px 0 0; display: flex; align-items: center; justify-content: center; padding: 4px; }
5133#kc-template--26093344817263__kids-collection .kc-book span { font-family: Georgia, serif; font-size: 6px; color: #fff; text-align: center; line-height: 1.3; }
5134#kc-template--26093344817263__kids-collection .kc-hero-overlay {
5135  position: relative; z-index: 2; padding: 32px;
5136  background: linear-gradient(transparent 0%, rgba(10,22,14,.9) 48%, rgba(10,22,14,.98) 100%);
5137}
5138#kc-template--26093344817263__kids-collection .kc-hero-tag {
5139  font-size: 10px; letter-spacing: .15em; text-transform: uppercase; font-weight: 700;
5140  color: #c49a2e;
5141  display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
5142}
5143#kc-template--26093344817263__kids-collection .kc-hero-tag::before { content: ''; display: inline-block; width: 22px; height: 1.5px; background: #c49a2e; }
5144#kc-template--26093344817263__kids-collection .kc-hero-heading { font-size: 28px; font-weight: 700; color: #fff; line-height: 1.2; margin: 0 0 10px; }
5145#kc-template--26093344817263__kids-collection .kc-hero-sub { font-size: 13px; color: rgba(255,255,255,.6); line-height: 1.65; margin-bottom: 24px; }
5146#kc-template--26093344817263__kids-collection .kc-hero-stats { display: flex; gap: 24px; }
5147#kc-template--26093344817263__kids-collection .kc-stat { display: flex; flex-direction: column; gap: 3px; }
5148#kc-template--26093344817263__kids-collection .kc-stat strong { font-size: 20px; font-weight: 700; color: #c49a2e; line-height: 1; font-family: "IBM Plex Sans", Arial, "Segoe UI Symbol", sans-serif; }
5149#kc-template--26093344817263__kids-collection .kc-stat span { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.38); }
5150
5151/* ── Right column ── */
5152#kc-template--26093344817263__kids-collection .kc-right {
5153  display: flex; flex-direction: column; gap: 14px;
5154}
5155
5156/* ── Carousel shell ── */
5157#kc-template--26093344817263__kids-collection .kc-carousel-shell {
5158  flex: 1; min-height: 0;
5159  display: flex; flex-direction: column; gap: 12px;
5160}
5161
5162/* Clipped viewport */
5163#kc-template--26093344817263__kids-collection .kc-viewport {
5164  flex: 1; min-height: 0;
5165  overflow: hidden;
5166  border-radius: 16px;
5167  position: relative;
5168}
5169
5170/* Scrollable track — native scroll-snap handles touch + mouse wheel */
5171#kc-template--26093344817263__kids-collection .kc-track {
5172  display: flex;
5173  height: 100%;
5174  overflow-x: auto;
5175  overflow-y: hidden;
5176  scroll-snap-type: x mandatory;
5177  -webkit-overflow-scrolling: touch;
5178  scrollbar-width: none;
5179  -ms-overflow-style: none;
5180  cursor: grab;
5181}
5182#kc-template--26093344817263__kids-collection .kc-track::-webkit-scrollbar { display: none; }
5183#kc-template--26093344817263__kids-collection .kc-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
5184
5185/* Each page — columns set by JS via CSS var */
5186#kc-template--26093344817263__kids-collection .kc-page {
5187  flex: 0 0 100%;
5188  scroll-snap-align: start;
5189  display: grid;
5190  grid-template-columns: repeat(var(--kc-cols, 3), 1fr);
5191  gap: 12px;
5192  padding: 2px;
5193  height: 100%;
5194  align-items: stretch;
5195}
5196
5197/* ── Product card ── */
5198#kc-template--26093344817263__kids-collection .kc-card {
5199  background: #fff;
5200  border-radius: 14px;
5201  border: 1px solid #e8e3dc;
5202  overflow: hidden;
5203  display: flex;
5204  flex-direction: column;
5205  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
5206}
5207#kc-template--26093344817263__kids-collection .kc-card:hover {
5208  border-color: #c9a227;
5209  box-shadow: 0 4px 8px rgba(201,162,39,0.15), 0 8px 28px rgba(201,162,39,0.25);
5210  transform: translateY(-2px);
5211}
5212#kc-template--26093344817263__kids-collection .kc-card--oos { opacity: .72; }
5213
5214/* CHANGE 1: Reduced image area height + object-fit:cover so covers fill the space with no beige gaps */
5215#kc-template--26093344817263__kids-collection .kc-card__img-wrap {
5216  display: block;
5217  text-decoration: none;
5218  position: relative;
5219  height: 260px;
5220  background: #ffffff;
5221  overflow: hidden;
5222  flex-shrink: 0;
5223}
5224#kc-template--26093344817263__kids-collection .kc-card__img-wrap img {
5225  width: calc(100% - 12px); height: calc(100% - 12px);
5226  object-fit: contain;
5227  object-position: center;
5228  padding: 0;
5229  position: absolute;
5230  inset: 6px;
5231  display: block;
5232  transition: transform .4s ease;
5233}
5234#kc-template--26093344817263__kids-collection .kc-card:hover .kc-card__img-wrap img { transform: scale(1.06); }
5235#kc-template--26093344817263__kids-collection .kc-card__no-img {
5236  width: 100%; height: 100%;
5237  display: flex; align-items: center; justify-content: center;
5238  color: #c8c0b4;
5239}
5240
5241/* Badges */
5242#kc-template--26093344817263__kids-collection .kc-badge {
5243  position: absolute; top: 8px; left: 8px;
5244  font-size: 9.5px; font-weight: 700; letter-spacing: .4px;
5245  padding: 4px 8px; border-radius: 5px; pointer-events: none;
5246}
5247#kc-template--26093344817263__kids-collection .kc-badge--sale { background: #C63527; color: #fff; }
5248#kc-template--26093344817263__kids-collection .kc-badge--oos  { background: rgba(0,0,0,.52); color: #fff; }
5249
5250/* Card body */
5251#kc-template--26093344817263__kids-collection .kc-card__body {
5252  padding: 14px 16px 16px;
5253  flex: 1;
5254  display: flex; flex-direction: column; gap: 4px;
5255}
5256#kc-template--26093344817263__kids-collection .kc-card__meta {
5257  font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
5258  font-weight: 700; color: #b8b0a5;
5259}
5260#kc-template--26093344817263__kids-collection .kc-card__stars { color: #c49a2e; font-size: 11px; }
5261#kc-template--26093344817263__kids-collection .kc-card__title {
5262  font-size: 13.5px; font-weight: 700; color: #1a1a1a; line-height: 1.35;
5263  text-decoration: none; display: -webkit-box;
5264  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
5265  flex: 1; margin-bottom: 6px;
5266  transition: color .2s;
5267}
5268#kc-template--26093344817263__kids-collection .kc-card__title:hover { color: #c49a2e; }
5269#kc-template--26093344817263__kids-collection .kc-card__foot {
5270  margin-top: auto;
5271  padding-top: 10px;
5272  border-top: 1px solid #f0ece6;
5273  display: flex; flex-direction: column; gap: 9px;
5274}
5275#kc-template--26093344817263__kids-collection .kc-card__prices { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
5276#kc-template--26093344817263__kids-collection .kc-price { font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1; }
5277#kc-template--26093344817263__kids-collection .kc-price--sale { color: #C63527; }
5278#kc-template--26093344817263__kids-collection .kc-price-was { font-size: 12px; color: #b8b0a5; text-decoration: line-through; }
5279
5280/* CHANGE 3: ATC button — accent gold bg with dark text for high contrast against white card */
5281#kc-template--26093344817263__kids-collection .kc-atc {
5282  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
5283  width: 100%; padding: 11px 12px;
5284  font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
5285  background: #1a1a1a; color: #fff;
5286  border: none; border-radius: 8px; cursor: pointer;
5287  transition: background .2s, transform .15s;
5288}
5289#kc-template--26093344817263__kids-collection .kc-atc:hover:not(:disabled) {
5290  background: var(--ds-green, #0f3d2e); color: #fff; transform: translateY(-1px);
5291}
5292#kc-template--26093344817263__kids-collection .kc-atc:disabled,
5293#kc-template--26093344817263__kids-collection .kc-atc--oos { background: #d4cfc8; color: #999;
5293 cursor: not-allowed; transform: none; }
5294/* State management */
5295#kc-template--26093344817263__kids-collection .kc-atc [data-kc-loading],
5296#kc-template--26093344817263__kids-collection .kc-atc [data-kc-done] { display: none; }
5297#kc-template--26093344817263__kids-collection .kc-atc[data-state="loading"] [data-kc-label],
5298#kc-template--26093344817263__kids-collection .kc-atc[data-state="loading"] [data-kc-done]   { display: none; }
5299#kc-template--26093344817263__kids-collection .kc-atc[data-state="loading"] [data-kc-loading] { display: flex; }
5300#kc-template--26093344817263__kids-collection .kc-atc[data-state="loading"] { background: #555; color: #fff; cursor: wait; }
5301#kc-template--26093344817263__kids-collection .kc-atc[data-state="done"] [data-kc-label],
5302#kc-template--26093344817263__kids-collection .kc-atc[data-state="done"] [data-kc-loading] { display: none; }
5303#kc-template--26093344817263__kids-collection .kc-atc[data-state="done"] [data-kc-done] { display: flex; }
5304#kc-template--26093344817263__kids-collection .kc-atc[data-state="done"] { background: #1a7a3c; color: #fff; }
5305@keyframes kcSpin { to { transform: rotate(360deg); } }
5306#kc-template--26093344817263__kids-collection .kc-spin { animation: kcSpin .7s linear infinite; }
5307
5308/* ── Navigation bar — dots only, no counter ── */
5309#kc-template--26093344817263__kids-collection .kc-nav-bar {
5310  flex-shrink: 0;
5311  display: flex; align-items: center; justify-content: center; gap: 10px;
5312  height: 34px;
5313}
5314#kc-template--26093344817263__kids-collection .kc-nav-btn {
5315  width: 34px; height: 34px; border-radius: 50%;
5316  background: #fff; border: 1px solid #ddd8d0; color: #1a1a1a;
5317  cursor: pointer; display: flex; align-items: center; justify-content: center;
5318  box-shadow: 0 1px 4px rgba(0,0,0,.06);
5319  transition: all .2s; flex-shrink: 0;
5320}
5321#kc-template--26093344817263__kids-collection .kc-nav-btn:hover:not(:disabled) {
5322  background: #c49a2e; border-color: #c49a2e; color: #1a1a1a;
5323  box-shadow: 0 3px 10px rgba(196,154,46,.25);
5324}
5325#kc-template--26093344817263__kids-collection .kc-nav-btn:disabled { opacity: .28; cursor: not-allowed; box-shadow: none; }
5326#kc-template--26093344817263__kids-collection .kc-dots { display: flex; align-items: center; gap: 5px; }
5327#kc-template--26093344817263__kids-collection .kc-dot {
5328  width: 7px; height: 7px; border-radius: 3.5px;
5329  background: #d8d2c8; border: none; padding: 0; cursor: pointer;
5330  transition: all .3s ease;
5331}
5332#kc-template--26093344817263__kids-collection .kc-dot--active { width: 22px; background: #c49a2e; }
5333
5334/* ── Banner ── */
5335#kc-template--26093344817263__kids-collection .kc-banner {
5336  flex-shrink: 0; border-radius: 12px; background: #1a1a1a;
5337  padding: 20px 26px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
5338}
5339#kc-template--26093344817263__kids-collection .kc-banner__label { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #c49a2e; font-weight: 700; margin-bottom: 4px; }
5340#kc-template--26093344817263__kids-collection .kc-banner__heading { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 3px; }
5341#kc-template--26093344817263__kids-collection .kc-banner__sub { font-size: 11.5px; color: rgba(255,255,255,.48); }
5342#kc-template--26093344817263__kids-collection .kc-banner__btn {
5343  font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
5344  text-decoration: none; display: inline-block; white-space: nowrap; flex-shrink: 0;
5345  background: #c49a2e; color: #1a1a1a;
5346  border-radius: 8px; padding: 11px 20px; transition: opacity .2s;
5347}
5348#kc-template--26093344817263__kids-collection .kc-banner__btn:hover { opacity: .82; }
5349
5350/* ── Responsive ── */
5351@media (max-width: 1200px) {
5352  #kc-template--26093344817263__kids-collection { padding: 52px 36px; }
5353  #kc-template--26093344817263__kids-collection .kc-card__img-wrap { height: 280px; }
5354}
5355@media (max-width: 960px) {
5356  #kc-template--26093344817263__kids-collection .kc-main { grid-template-columns: 1fr; align-items: start; }
5357  #kc-template--26093344817263__kids-collection .kc-hero { min-height: 420px; }
5358  #kc-template--26093344817263__kids-collection .kc-carousel-shell { min-height: 540px; }
5359  #kc-template--26093344817263__kids-collection .kc-card__img-wrap { height: 260px; }
5360}
5361@media (max-width: 640px) {
5362  #kc-template--26093344817263__kids-collection { padding: 24px 16px; }
5363  #kc-template--26093344817263__kids-collection .kc-header { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
5364  #kc-template--26093344817263__kids-collection .kc-title { font-size: 22px; }
5365  #kc-template--26093344817263__kids-collection .kc-hero { min-height: 180px; }
5366  #kc-template--26093344817263__kids-collection .kc-hero-overlay { padding: 16px 20px; }
5367  #kc-template--26093344817263__kids-collection .kc-hero-heading { font-size: 20px; margin-bottom: 6px; }
5368  #kc-template--26093344817263__kids-collection .kc-hero-sub { display: none; }
5369  #kc-template--26093344817263__kids-collection .kc-hero-stats { gap: 14px; }
5370  #kc-template--26093344817263__kids-collection .kc-stat strong { font-size: 16px; }
5371  #kc-template--26093344817263__kids-collection .kc-banner { display: none; }
5372  #kc-template--26093344817263__kids-collection .kc-carousel-shell { min-height: 260px; }
5373  #kc-template--26093344817263__kids-collection .kc-card__img-wrap { height: 130px; }
5374  #kc-template--26093344817263__kids-collection .kc-card__body { padding: 8px 10px 10px; }
5375  #kc-template--26093344817263__kids-collection .kc-card__title { font-size: 11px; }
5376  #kc-template--26093344817263__kids-collection .kc-price { font-size: 13px; }
5377  #kc-template--26093344817263__kids-collection .kc-atc { font-size: 9px; padding: 8px 6px; }
5378}
5379
5380/* Compact overrides handled by assets/ds-compact.css via [id^="kc-"] selector */
5381
5382</style>
5383
5384<script>
5385(function () {
5386  'use strict';
5387
5388  var SEC = document.getElementById('kc-template--26093344817263__kids-collection');
5389  if (!SEC) return;
5390
5391  var track    = SEC.querySelector('[data-kc-track]');
5392  var prevBtn  = SEC.querySelector('[data-kc-prev]');
5393  var nextBtn  = SEC.querySelector('[data-kc-next]');
5394  var dotsWrap = SEC.querySelector('[data-kc-dots]');
5395
5396  /* ── Cols from theme customizer (injected as data attrs on section) ── */
5397  var colsDesktop = parseInt(SEC.dataset.colsDesktop || '3', 10) || 3;
5398  var colsMobile  = parseInt(SEC.dataset.colsMobile  || '2', 10) || 2;
5399
5400  var allCards = track ? Array.from(track.querySelectorAll('[data-kc-card]')) : [];
5401  var pages    = [];
5402  var dots     = [];
5403  var current  = 0;
5404  var lastCols = 0;
5405
5406  /* ── Build pages by grouping flat cards into kc-page divs ── */
5407  function buildPages(cols) {
5408    if (cols === lastCols) return;
5409    lastCols = cols;
5410
5411    /* Set CSS var so grid auto-sizes */
5412    track.style.setProperty('--kc-cols', cols);
5413
5414    /* Detach all cards */
5415    allCards.forEach(function (c) { c.parentNode && c.parentNode.removeChild(c); });
5416
5417    /* Remove old pages */
5418    Array.from(track.querySelectorAll('[data-kc-page]')).forEach(function (p) { p.parentNode.removeChild(p); });
5419
5420    /* Re-group */
5421    pages = [];
5422    for (var i = 0; i < allCards.length; i += cols) {
5423      var pg = document.createElement('div');
5424      pg.className = 'kc-page';
5425      pg.setAttribute('data-kc-page', '');
5426      for (var j = i; j < i + cols && j < allCards.length; j++) {
5427        pg.appendChild(allCards[j]);
5428      }
5429      track.appendChild(pg);
5430      pages.push(pg);
5431    }
5432
5433    /* Rebuild dots */
5434    if (dotsWrap) {
5435      dotsWrap.innerHTML = '';
5436      dots = [];
5437      if (pages.length > 1) {
5438        pages.forEach(function (_, idx) {
5439          var d = document.createElement('button');
5440          d.type = 'button';
5441          d.className = 'kc-dot' + (idx === 0 ? ' kc-dot--active' : '');
5442          d.setAttribute('role', 'tab');
5443          d.setAttribute('aria-label', 'Page ' + (idx + 1));
5444          d.dataset.pg = idx;
5445          dotsWrap.appendChild(d);
5446          dots.push(d);
5447        });
5448      }
5449    }
5450
5451    setPage(0, true);
5452  }
5453
5454  function scrollToPage(n) {
5455    n = Math.max(0, Math.min(pages.length - 1, n));
5456    var page = pages[n];
5457    if (!page) return;
5458    track.scrollTo({ left: page.offsetLeft, behavior: 'smooth' });
5459  }
5460
5461  function setPage(n, instant) {
5462    current = Math.max(0, Math.min(pages.length - 1, n));
5463    dots.forEach(function (d, i) { d.classList.toggle('kc-dot--active', i === current); });
5464    if (prevBtn) prevBtn.disabled = current === 0;
5465    if (nextBtn) nextBtn.disabled = current === pages.length - 1;
5466    if (instant && pages[current]) {
5467      track.scrollLeft = pages[current].offsetLeft;
5468    }
5469  }
5470
5471  /* ── Responsive: pick cols based on viewport ── */
5472  function getCols() {
5473    return window.innerWidth <= 640 ? colsMobile : colsDesktop;
5474  }
5475
5476  function onResize() { buildPages(getCols()); }
5477
5478  buildPages(getCols());
5479
5480  var resizeTimer;
5481  window.addEventListener('resize', function () {
5482    clearTimeout(resizeTimer);
5483    resizeTimer = setTimeout(onResize, 120);
5484  });
5485
5486  /* ── Scroll → IntersectionObserver ── */
5487  function attachObserver() {
5488    if (!window.IntersectionObserver) {
5489      track.addEventListener('scroll', function () {
5490        if (!track.clientWidth) return;
5491        setPage(Math.round(track.scrollLeft / track.clientWidth));
5492      }, { passive: true });
5493      return;
5494    }
5495    var io = new IntersectionObserver(function (entries) {
5496      entries.forEach(function (e) {
5497        if (e.isIntersecting && e.intersectionRatio >= 0.5) {
5498          var idx = pages.indexOf(e.target);
5499          if (idx > -1) setPage(idx);
5500        }
5501      });
5502    }, { root: track, threshold: 0.5 });
5503    /* Re-observe whenever pages rebuilt */
5504    var origBuild = buildPages;
5505    buildPages = function (cols) {
5506      origBuild(cols);
5507      io.disconnect();
5508      pages.forEach(function (p) { io.observe(p); });
5509    };
5510    /* Observe initial pages */
5511    pages.forEach(function (p) { io.observe(p); });
5512  }
5513  attachObserver();
5514
5515  /* ── Button navigation ── */
5516  if (prevBtn) prevBtn.addEventListener('click', function () { scrollToPage(current - 1); });
5517  if (nextBtn) nextBtn.addEventListener('click', function () { scrollToPage(current + 1); });
5518
5519  if (dotsWrap) {
5520    dotsWrap.addEventListener('click', function (e) {
5521      var d = e.target.closest('.kc-dot');
5522      if (d) scrollToPage(parseInt(d.dataset.pg, 10));
5523    });
5524  }
5525
5526  /* ── Keyboard navigation ── */
5527  var shell = SEC.querySelector('[data-kc-carousel]');
5528  if (shell) {
5529    shell.setAttribute('tabindex', '0');
5530    shell.addEventListener('keydown', function (e) {
5531      if (e.key === 'ArrowLeft')  { scrollToPage(current - 1); e.preventDefault(); }
5532      if (e.key === 'ArrowRight') { scrollToPage(current + 1); e.preventDefault(); }
5533    });
5534  }
5535
5536  /* ── Mouse drag-to-scroll ── */
5537  var dragState = { active: false, startX: 0, scrollLeft: 0, moved: false };
5538
5539  track.addEventListener('mousedown', function (e) {
5540    if (e.button !== 0) return;
5541    dragState.active = true; dragState.moved = false;
5542    dragState.startX = e.pageX - track.offsetLeft;
5543    dragState.scrollLeft = track.scrollLeft;
5544    track.classList.add('is-dragging');
5545    e.preventDefault();
5546  });
5547  document.addEventListener('mouseup', function () {
5548    if (!dragState.active) return;
5549    dragState.active = false;
5550    track.classList.remove('is-dragging');
5551    setTimeout(function () { track.style.scrollSnapType = ''; }, 50);
5552  });
5553  track.addEventListener('mousemove', function (e) {
5554    if (!dragState.active) return;
5555    var walk = (e.pageX - track.offsetLeft - dragState.startX) * 1.6;
5556    if (Math.abs(walk) > 4) dragState.moved = true;
5557    track.style.scrollSnapType = 'none';
5558    track.scrollLeft = dragState.scrollLeft - walk;
5559  });
5560  track.addEventListener('click', function (e) {
5561    if (dragState.moved) { e.preventDefault(); e.stopPropagation(); dragState.moved = false; }
5562  }, true);
5563  track.addEventListener('mouseleave', function () {
5564    if (dragState.active) { dragState.active = false; track.classList.remove('is-dragging'); }
5565  });
5566
5567  /* ── Cart drawer helpers ── */
5568  function drawerEl() {
5569    return document.querySelector('cart-drawer.dsc-drawer') || document.querySelector('cart-drawer');
5570  }
5571  function openDrawer(dr) {
5572    if (!dr) return;
5573    if (typeof dr.open === 'function') dr.open();
5574    else { dr.setAttribute('open', ''); dr.classList.add('active'); document.body.classList.add('overflow-hidden'); }
5575  }
5576  function refreshAndOpen(addData) {
5577    var dr = drawerEl();
5578    if (dr && typeof dr.renderContents === 'function' && addData && addData.sections) {
5579      try { dr.renderContents(addData); setTimeout(function () { openDrawer(drawerEl()); }, 60); return; }
5580      catch (e) { /* fall through */ }
5581    }
5582    fetch(window.location.pathname + '?sections=cart-drawer,cart-icon-bubble')
5583      .then(function (r) { return r.json(); })
5584      .then(function (p) {
5585        var html = p['cart-drawer'];
5586        if (!html) { openDrawer(drawerEl()); return; }
5587        var tmp = document.createElement('div'); tmp.innerHTML = html;
5588        var fresh = tmp.querySelector('cart-drawer');
5589        if (fresh && dr) { dr.innerHTML = fresh.innerHTML; dr.className = fresh.className; }
5590        else if (fresh)  { document.body.insertAdjacentHTML('beforeend', html); }
5591        var bHtml = p['cart-icon-bubble'];
5592        if (bHtml) {
5593          var bt = document.createElement('div'); bt.innerHTML = bHtml;
5594          var fb = bt.querySelector('[id="cart-icon-bubble"]');
5595          var eb = document.getElementById('cart-icon-bubble');
5596          if (fb && eb) eb.innerHTML = fb.innerHTML;
5597        }
5598        setTimeout(function () { openDrawer(drawerEl()); }, 60);
5599      })
5600      .catch(function () { openDrawer(drawerEl()); });
5601  }
5602
5603  /* ── AJAX Add to Cart ── */
5604  function handleAtc(btn) {
5605    if (btn.disabled || btn.dataset.state === 'loading') return;
5606    var vid = parseInt(btn.dataset.variantId, 10);
5607    if (!vid) return;
5608    btn.dataset.state = 'loading'; btn.disabled = true;
5609    fetch('/cart/add.js', {
5610      method: 'POST',
5611      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
5612      body: JSON.stringify({ items: [{ id: vid, quantity: 1 }], sections: 'cart-drawer,cart-icon-bubble', sections_url: window.location.pathname })
5613    })
5614    .then(function (r) { if (!r.ok) return r.json().then(function (e) { throw e; }); return r.json(); })
5615    .then(function (data) {
5616      btn.dataset.state = 'done'; btn.disabled = false;
5617      refreshAndOpen(data);
5618      setTimeout(function () { btn.dataset.state = ''; }, 2400);
5619    })
5620    .catch(function (err) {
5621      console.warn('[KC-ATC]', err);
5622      btn.dataset.state = ''; btn.disabled = false;
5623    });
5624  }
5625
5626  SEC.addEventListener('click', function (e) {
5627    var btn = e.target.closest('[data-kc-atc]');
5628    if (btn) handleAtc(btn);
5629  });
5630})();
5631</script>
5631
5632
5633
5634</section><section id="shopify-section-template--26093344817263__ds_life_guide_7VxefG" class="shopify-section section"><section class="ds-lg" id="ds-lg-template--26093344817263__ds_life_guide_7VxefG" data-bg="white" data-book-hover="lift-tilt">
5635  <div class="ds-lg__wrap"><header class="ds-lg__header"><p class="ds-eyebrow">Islamic Guidance</p><h2 class="ds-lg__heading">Guidance for Every Stage of Life</h2><p class="ds-lg__sub">Find the right books for your situation</p></header><div class="ds-lg__grid"><a class="ds-lg__card ds-lg__card--has-book" href="/collections/husband-wife-rights" >
5636
5637          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5638                <img src="//darussalam.pk/cdn/shop/files/darussalam-2017-05-03-09-45-24khdija-_r.z_-or-in-ki-batiyaan-1_c11i-qd.jpg?v=1738157007&amp;width=240" alt="Husband &amp; Wife Rights" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-05-03-09-45-24khdija-_r.z_-or-in-ki-batiyaan-1_c11i-qd.jpg?v=1738157007&amp;width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-05-03-09-45-24khdija-_r.z_-or-in-ki-batiyaan-1_c11i-qd.jpg?v=1738157007&amp;width=240 240w" width="240" height="360" loading="lazy" class="ds-lg__book">
5639              </div></div>
5640
5641          <div class="ds-lg__content">
5642            <div class="ds-lg__body"><p class="ds-lg__sub-label">MARRIAGE & FAMILY</p><h3 class="ds-lg__title">Husband & Wife Rights</h3><p class="ds-lg__desc">Books on the rights, duties and wisdom of marriage in Islam.</p></div>
5643            <div class="ds-lg__footer"><span class="ds-lg__count">10 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5644            </div>
5645          </div>
5646
5647        </a><a class="ds-lg__card ds-lg__card--has-book" href="/collections/parents-children-rights" >
5648
5649          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5650                <img src="//darussalam.pk/cdn/shop/files/darussalam-2017-10-02-10-30-12a-well-guarded-treasure-_1.png?v=1738150634&amp;width=240" alt="Parents &amp; Children Rights" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-10-02-10-30-12a-well-guarded-treasure-_1.png?v=1738150634&amp;width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-10-02-10-30-12a-well-guarded-treasure-_1.png?v=1738150634&amp;width=240 240w" width="240" height="326" loading="lazy" class="ds-lg__book">
5651              </div></div>
5652
5653          <div class="ds-lg__content">
5654            <div class="ds-lg__body"><p class="ds-lg__sub-label">FAMILY RIGHTS</p><h3 class="ds-lg__title">Parents & Children Rights</h3><p class="ds-lg__desc">Understand the rights of parents and children as taught in Islam.</p></div>
5655            <div class="ds-lg__footer"><span class="ds-lg__count">6 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5656            </div>
5657          </div>
5658
5659        </a><a class="ds-lg__card ds-lg__card--has-book" href="/collections/raising-children" >
5660
5661          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5662                <img src="//darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&amp;width=240" alt="Raising Children" srcset="//darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&amp;width=120 120w, //darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&amp;width=240 240w" width="240" height="338" loading="lazy" class="ds-lg__book">
5663              </div></div>
5664
5665          <div class="ds-lg__content">
5666            <div class="ds-lg__body"><p class="ds-lg__sub-label">PARENTING</p><h3 class="ds-lg__title">Raising Children</h3><p class="ds-lg__desc">Practical guidance on nurturing righteous Muslim children.</p></div>
5667            <div class="ds-lg__footer"><span class="ds-lg__count">9 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5668            </div>
5669          </div>
5670
5671        </a><a class="ds-lg__card ds-lg__card--has-book" href="/collections/new-muslim" >
5672
5673          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5674                <img src="//darussalam.pk/cdn/shop/files/darussalam-2017-12-04-16-59-04-id-466.png?v=1738153148&amp;width=240" alt="New Muslim" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-12-04-16-59-04-id-466.png?v=1738153148&amp;width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-12-04-16-59-04-id-466.png?v=1738153148&amp;width=240 240w" width="240" height="326" loading="lazy" class="ds-lg__book">
5675              </div></div>
5676
5677          <div class="ds-lg__content">
5678            <div class="ds-lg__body"><p class="ds-lg__sub-label">NEW TO ISLAM</p><h3 class="ds-lg__title">New Muslim</h3><p class="ds-lg__desc">Essential books for those who have embraced Islam.</p></div>
5679            <div class="ds-lg__footer"><span class="ds-lg__count">10 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5680            </div>
5681          </div>
5682
5683        </a><a class="ds-lg__card ds-lg__card--has-book" href="/collections/strengthening-faith" >
5684
5685          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5686                <img src="//darussalam.pk/cdn/shop/files/WhatsApp-Image-2023-04-29-at-11.31.29.jpg?v=1740561038&amp;width=240" alt="Strengthening Your Faith" srcset="//darussalam.pk/cdn/shop/files/WhatsApp-Image-2023-04-29-at-11.31.29.jpg?v=1740561038&amp;width=120 120w, //darussalam.pk/cdn/shop/files/WhatsApp-Image-2023-04-29-at-11.31.29.jpg?v=1740561038&amp;width=240 240w" width="240" height="320" loading="lazy" class="ds-lg__book">
5687              </div></div>
5688
5689          <div class="ds-lg__content">
5690            <div class="ds-lg__body"><p class="ds-lg__sub-label">FAITH & AQEEDAH</p><h3 class="ds-lg__title">Strengthening Your Faith</h3><p class="ds-lg__desc">Books on Tawheed, Aqeedah and a stronger connection with Allah.</p></div>
5691            <div class="ds-lg__footer"><span class="ds-lg__count">27 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5692            </div>
5693          </div>
5694
5695        </a><a class="ds-lg__card ds-lg__card--has-book" href="/collections/death-and-hereafter" >
5696
5697          <div class="ds-lg__top"><div class="ds-lg__book-wrap">
5698                <img src="//darussalam.pk/cdn/shop/files/darussalam-2017-06-13-14-23-38qiyamat-_1.png?v=1738162338&amp;width=240" alt="Death &amp; the Hereafter" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-06-13-14-23-38qiyamat-_1.png?v=1738162338&amp;width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-06-13-14-23-38qiyamat-_1.png?v=1738162338&amp;width=240 240w" width="240" height="326" loading="lazy" class="ds-lg__book">
5699              </div></div>
5700
5701          <div class="ds-lg__content">
5702            <div class="ds-lg__body"><p class="ds-lg__sub-label">DEATH & AKHIRAH</p><h3 class="ds-lg__title">Death & the Hereafter</h3><p class="ds-lg__desc">Prepare for the Akhirah — books on death, judgement and paradise.</p></div>
5703            <div class="ds-lg__footer"><span class="ds-lg__count">10 books</span><span class="ds-lg__cta">Explore Books &rarr;</span>
5704            </div>
5705          </div>
5706
5707        </a></div>
5708
5709  </div>
5710</section>
5711
5712<style>
5713#ds-lg-template--26093344817263__ds_life_guide_7VxefG {
5714  padding: 64px 0;
5715  background: #faf8f3;
5716}
5717#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="white"]  { background: #fff; }
5718#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="cream"]  { background: #f6efdc; }
5719#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"]  { background: #061a12; }
5720
5721#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__wrap {
5722  max-width: var(--page-width, 1400px);
5723  margin: 0 auto;
5724  padding: 0 24px;
5725}
5726
5727/* ── Header ── */
5728#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__header {
5729  text-align: center;
5730  margin-bottom: 48px;
5731}
5732#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__heading {
5733  font-size: clamp(24px, 3.5vw, 34px);
5734  font-weight: 700;
5735  color: rgb(var(--color-base-heading));
5736  margin: 8px 0 14px;
5737  line-height: 1.15;
5738  letter-spacing: -0.02em;
5739}
5740#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__heading { color: #fff; }
5741#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__sub {
5742  font-size: 15px;
5743  color: #6b7280;
5744  max-width: 480px;
5745  margin: 0 auto;
5746  line-height: 1.65;
5747}
5748#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__sub { color: rgba(255,255,255,0.6); }
5749
5750/* ── Grid ── */
5751#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__grid {
5752  display: grid;
5753  grid-template-columns: 1fr;
5754  gap: 16px;
5755}
5756@media (min-width: 768px) {
5757  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__grid {
5758    grid-template-columns: repeat(3, 1fr);
5759    gap: 20px;
5760  }
5761}
5762
5763/* ── Card ── */
5764#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__card {
5765  display: flex;
5766  flex-direction: row;
5767  background: #fff;
5768  border-radius: 14px;
5769  overflow: hidden;
5770  text-decoration: none;
5771  color: inherit;
5772  box-shadow: 0 2px 10px rgba(0,0,0,0.07);
5773  border: 1px solid rgba(212,165,45,0.18);
5774  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
5775  min-height: 220px;
5776}
5777#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__card {
5778  background: rgba(255,255,255,0.05);
5779  border-color: rgba(212,165,45,0.2);
5780}
5781#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__card:hover {
5782  transform: translateY(-3px);
5783  box-shadow: 0 6px 12px rgba(201,162,39,0.14), 0 16px 40px rgba(201,162,39,0.18);
5784  border-color: #c9a227;
5785  text-decoration: none;
5786  color: inherit;
5787}
5788
5789/* ── Left image panel ── */
5790#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__top {
5791  flex-shrink: 0;
5792  width: 155px;
5793  background: #faf8f3;
5794  border-right: 1px solid rgba(212,165,45,0.12);
5795  display: flex;
5796  align-items: center;
5797  justify-content: center;
5798  padding: 10px 6px;
5799  overflow: hidden;
5800}
5801#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="white"] .ds-lg__top  { background: #fff; }
5802#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="cream"] .ds-lg__top  { background: #f6efdc; }
5803#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__top  { background: rgba(212,165,45,0.08); border-right-color: rgba(212,165,45,0.15); }
5804
5805/* ── Book ── */
5806#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__book-wrap {
5807  display: flex;
5808  align-items: center;
5809  justify-content: center;
5810  width: 100%;
5811  height: 100%;
5812}
5813#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__book {
5814  width: 100%;
5815  height: 100%;
5816  display: block;
5817  object-fit: cover;
5818  object-position: center top;
5819  border-radius: 3px;
5820  box-shadow: 4px 6px 20px rgba(0,0,0,0.22), 0 2px 6px rgba(0,0,0,0.12), -2px 2px 0 rgba(0,0,0,0.06);
5821  transition: transform 0.28s ease, box-shadow 0.28s ease;
5822}
5823#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-book-hover="lift-tilt"] .ds-lg__card:hover .ds-lg__book {
5824  transform: translateY(-5px) rotate(-1.5deg);
5825  box-shadow: 6px 12px 30px rgba(0,0,0,0.26), 0 4px 10px rgba(0,0,0,0.14), -3px 4px 0 rgba(0,0,0,0.07);
5826}
5827#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-book-hover="lift"] .ds-lg__card:hover .ds-lg__book {
5828  transform: translateY(-8px);
5829  box-shadow: 4px 14px 30px rgba(0,0,0,0.24), 0 4px 10px rgba(0,0,0,0.13);
5830}
5831#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-book-hover="scale"] .ds-lg__card:hover .ds-lg__book {
5832  transform: scale(1.08);
5833}
5834#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-book-hover="none"] .ds-lg__card:hover .ds-lg__book { transform: none; }
5835
5836/* ── Right content wrapper ── */
5837#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__content {
5838  flex: 1;
5839  display: flex;
5840  flex-direction: column;
5841  min-width: 0;
5842}
5843
5844/* ── Card body ── */
5845#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__body {
5846  flex: 1;
5847  padding: 18px 18px 10px;
5848}
5849#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__sub-label {
5850  font-size: 10px;
5851  font-weight: 700;
5852  letter-spacing: 0.1em;
5853  text-transform: uppercase;
5854  color: #b8861a;
5855  margin: 0 0 5px;
5856}
5857#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__sub-label { color: rgba(212,165,45,0.75); }
5858#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__title {
5859  font-size: 15px;
5860  font-weight: 700;
5861  color: rgb(var(--color-base-heading));
5862  margin: 0 0 6px;
5863  line-height: 1.25;
5864}
5865#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__title { color: #fff; }
5866#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__desc {
5867  font-size: 12.5px;
5868  color: #6b7280;
5869  line-height: 1.55;
5870  margin: 0;
5871}
5872#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__desc { color: rgba(255,255,255,0.5); }
5873
5874/* ── Card footer ── */
5875#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__footer {
5876  display: flex;
5877  align-items: center;
5878  justify-content: space-between;
5879  padding: 10px 18px 14px;
5880  gap: 10px;
5881}
5882#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__count {
5883  display: inline-block;
5884  font-size: 11px;
5885  font-weight: 600;
5886  color: #fff;
5887  background: #c9a84c;
5888  border: 1px solid #c9a84c;
5889  border-radius: 20px;
5890  padding: 3px 10px;
5891  white-space: nowrap;
5892  flex-shrink: 0;
5893}
5894#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__count { color: #fff; background: rgba(201,168,76,0.85); border-color: transparent; }
5895#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__cta {
5896  font-size: 12.5px;
5897  font-weight: 700;
5898  color: #111;
5899  letter-spacing: 0.01em;
5900  white-space: nowrap;
5901  transition: color 0.18s;
5902}
5903#ds-lg-template--26093344817263__ds_life_guide_7VxefG[data-bg="green"] .ds-lg__cta { color: rgba(255,255,255,0.85); }
5904#ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__card:hover .ds-lg__cta { color: #c9a227; }
5905
5906/* ── Compact 13" ── */
5907@media (min-width: 991px) and (max-height: 860px) {
5908  #ds-lg-template--26093344817263__ds_life_guide_7VxefG { padding: 48px 0; }
5909  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__header { margin-bottom: 32px; }
5910  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__card { min-height: 190px; }
5911  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__top { width: 150px; }
5912  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__body { padding: 12px 14px 8px; }
5913  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__footer { padding: 8px 14px 12px; }
5914}
5915
5916/* ── Mobile ── */
5917@media (max-width: 767px) {
5918  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__grid { grid-template-columns: 1fr; }
5919  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__card { min-height: 160px; }
5920  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__top { width: 130px; }
5921  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__book-wrap { inset: 10px 8px; }
5922  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__body { padding: 14px 14px 8px; }
5923  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__footer { padding: 8px 14px 12px; }
5924  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__title { font-size: 14px; }
5925  #ds-lg-template--26093344817263__ds_life_guide_7VxefG .ds-lg__desc { font-size: 12px; }
5926}
5927</style>
5928
5929
5930
5931</section><section id="shopify-section-template--26093344817263__islamic-quote" class="shopify-section">
5932
5933<section class="ds-home ds-quote" role="region" aria-label="Islamic Quote" id="ds-quote-section">
5934  <div class="ds-quote__inner">
5935    <div class="ds-quote__eyebrow" id="ds-quote-eyebrow">Islamic Quote of the Day</div>
5936    <p class="ds-quote__arabic" lang="ar" dir="rtl" id="ds-quote-arabic">اقْرَأْ بِاسْمِ رَبِّكَ الَّذِي خَلَقَ</p>
5937    <p class="ds-quote__translation" id="ds-quote-translation">"Read in the name of your Lord who created."</p>
5938    <span class="ds-quote__source" id="ds-quote-source">Surah Al-Alaq 96:1</span>
5939  </div>
5940</section>
5941
5942<script>
5943(function () {
5944  var API_URL = "https://daily-verse-display--fahadazhar01.replit.app/api/daily-verse";
5945  var CACHE_KEY   = "ds_quote_cache";
5946  var CACHE_DATE  = "ds_quote_date";
5947  var today       = new Date().toISOString().slice(0, 10);
5948
5949  function applyVerse(data) {
5950    var eyebrow     = document.getElementById("ds-quote-eyebrow");
5951    var arabic      = document.getElementById("ds-quote-arabic");
5952    var translation = document.getElementById("ds-quote-translation");
5953    var source      = document.getElementById("ds-quote-source");
5954
5955    if (data.eyebrow     && eyebrow)     eyebrow.textContent     = data.eyebrow;
5956    if (data.arabic      && arabic)      arabic.textContent      = data.arabic;
5957    if (data.translation && translation) translation.textContent = data.translation;
5958    if (data.source      && source)      source.textContent      = data.source;
5959  }
5960
5961  try {
5962    var cachedDate = localStorage.getItem(CACHE_DATE);
5963    var cachedData = localStorage.getItem(CACHE_KEY);
5964
5965    if (cachedDate === today && cachedData) {
5966      applyVerse(JSON.parse(cachedData));
5967      return;
5968    }
5969
5970    fetch(API_URL)
5971      .then(function (res) { return res.ok ? res.json() : Promise.reject(res.status); })
5972      .then(function (data) {
5973        applyVerse(data);
5974        localStorage.setItem(CACHE_KEY, JSON.stringify(data));
5975        localStorage.setItem(CACHE_DATE, today);
5976      })
5977      .catch(function (err) {
5978        console.warn("[DS Quote] API fetch failed, using theme-editor defaults.", err);
5979      });
5980  } catch (e) {
5981    console.warn("[DS Quote] localStorage unavailable, using theme-editor defaults.", e);
5982  }
5983})();
5984</script>
5984
5985
5986</section><section id="shopify-section-template--26093344817263__testimonials" class="shopify-section">
5987
5988<section class="ds-home ds-testimonials" role="region" aria-label="Customer reviews">
5989  <div class="ds-wrap">
5990    <h2 class="ds-testimonials__title">Serving the Ummah with Trust</h2>
5991    <div class="ds-testimonials__stars" aria-hidden="true">★ ★ ★ ★ ★</div>
5992    <br>
5993    <p class="ds-testimonials__sub">4.6 out of 5 from 1,100+ verified customer reviews</p>
5994
5995    <div class="ds-testimonials__grid"><article class="ds-testimonial" >
5996          <div class="ds-testimonial__stars" aria-label="5 stars">★★★★★</div>
5997          <p class="ds-testimonial__body">This has quickly become one of my favourite places to buy Islamic books. Ordering was smooth, communication was clear, and the quality of the books exceeded expectations. Highly recommended.</p>
5998          <div class="ds-testimonial__foot">
5999            <div class="ds-testimonial__author">
6000              <div class="ds-testimonial__avatar" aria-hidden="true">A</div>
6001              <div>
6002                <p class="ds-testimonial__name">Aydyn Shakirov</p>
6003                <p class="ds-testimonial__loc">Karachi</p>
6004              </div>
6005            </div><span class="ds-testimonial__verified">✓ Verified</span></div>
6006        </article><article class="ds-testimonial" >
6007          <div class="ds-testimonial__stars" aria-label="5 stars">★★★★★</div>
6008          <p class="ds-testimonial__body">I ordered an English translation of the Qur'an and was genuinely impressed. The paper quality, binding, and overall presentation are excellent. It arrived on time and was beautifully packaged. I would definitely order again.</p>
6009          <div class="ds-testimonial__foot">
6010            <div class="ds-testimonial__author">
6011              <div class="ds-testimonial__avatar" aria-hidden="true">E</div>
6012              <div>
6013                <p class="ds-testimonial__name">Elena Ali</p>
6014                <p class="ds-testimonial__loc">Lahore</p>
6015              </div>
6016            </div><span class="ds-testimonial__verified">✓ Verified</span></div>
6017        </article><article class="ds-testimonial" >
6018          <div class="ds-testimonial__stars" aria-label="5 stars">★★★★★</div>
6019          <p class="ds-testimonial__body">Darussalam has always been my go-to bookstore. I trust their publications because they stay true to the Quran and Sunnah. It gives me peace of mind knowing I am choosing authentic and reliable books.</p>
6020          <div class="ds-testimonial__foot">
6021            <div class="ds-testimonial__author">
6022              <div class="ds-testimonial__avatar" aria-hidden="true">R</div>
6023              <div>
6024                <p class="ds-testimonial__name">Rukiya Mohamed</p>
6025                <p class="ds-testimonial__loc">Islamabad</p>
6026              </div>
6027            </div><span class="ds-testimonial__verified">✓ Verified</span></div>
6028        </article></div><div class="ds-testimonials__dots" aria-hidden="true"><span class="ds-testimonials__dot is-active"></span><span class="ds-testimonials__dot "></span><span class="ds-testimonials__dot "></span></div></div>
6029</section>
6030
6031<style>
6032  /* Dots hidden on desktop — only shown as carousel nav on mobile */
6033  .ds-testimonials__dots { display: none; }
6034
6035  @media (max-width: 768px) {
6036    /* Scroll-snap carousel track */
6037    .ds-testimonials__grid {
6038      display: flex !important;
6039      flex-wrap: nowrap !important;
6040      overflow-x: auto;
6041      scroll-snap-type: x mandatory;
6042      -webkit-overflow-scrolling: touch;
6043      gap: 16px !important;
6044      padding-bottom: 6px;
6045      scrollbar-width: none;
6046      -ms-overflow-style: none;
6047    }
6048    .ds-testimonials__grid::-webkit-scrollbar { display: none; }
6049
6050    /* Each card snaps and peeks the next */
6051    .ds-testimonial {
6052      flex: 0 0 85% !important;
6053      max-width: 85% !important;
6054      scroll-snap-align: start;
6055    }
6056
6057    /* Dots */
6058    .ds-testimonials__dots {
6059      display: flex;
6060      justify-content: center;
6061      align-items: center;
6062      gap: 8px;
6063      margin-top: 20px;
6064    }
6065    .ds-testimonials__dot {
6066      width: 8px;
6067      height: 8px;
6068      border-radius: 50%;
6069      background: #d0c4a0;
6070      transition: background 0.25s, transform 0.25s;
6071      cursor: pointer;
6072    }
6073    .ds-testimonials__dot.is-active {
6074      background: #8b6914;
6075      transform: scale(1.35);
6076    }
6077  }
6078</style>
6079
6080<script>
6081(function () {
6082  var grid = document.querySelector('.ds-testimonials .ds-testimonials__grid');
6083  var dots = document.querySelectorAll('.ds-testimonials .ds-testimonials__dot');
6084  if (!grid || !dots.length) return;
6085
6086  var cards = Array.prototype.slice.call(grid.querySelectorAll('.ds-testimonial'));
6087
6088  /* IntersectionObserver — fires when a card crosses 50% visibility inside the grid */
6089  var observer = new IntersectionObserver(function (entries) {
6090    entries.forEach(function (entry) {
6091      if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
6092        var idx = cards.indexOf(entry.target);
6093        dots.forEach(function (d) { d.classList.remove('is-active'); });
6094        if (dots[idx]) dots[idx].classList.add('is-active');
6095      }
6096    });
6097  }, { root: grid, threshold: 0.5 });
6098
6099  function bind() {
6100    if (window.innerWidth <= 768) {
6101      cards.forEach(function (c) { observer.observe(c); });
6102    } else {
6103      cards.forEach(function (c) { observer.unobserve(c); });
6104      /* reset dots to first on resize back to desktop */
6105      dots.forEach(function (d, i) { d.classList.toggle('is-active', i === 0); });
6106    }
6107  }
6108
6109  bind();
6110  window.addEventListener('resize', bind);
6111
6112  /* Dot click — scroll to matching card */
6113  dots.forEach(function (dot, i) {
6114    dot.addEventListener('click', function () {
6115      if (cards[i]) cards[i].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
6116    });
6117  });
6118})();
6119</script>
6119
6120
6121
6122</section><section id="shopify-section-template--26093344817263__ds_about_h4cdke" class="shopify-section ds-about-section"><style data-shopify>
6123  #ds-about-template--26093344817263__ds_about_h4cdke {
6124    --gold: #c9a96e;
6125    --gold-soft: rgba(201,169,110,0.15);
6126    --gold-border: rgba(201,169,110,0.28);
6127    
6128    --bg: #faf8f3;
6129    --text: #1a1208;
6130    --muted: #6b5e48;
6131    --stat-bg: rgba(255,255,255,0.7);
6132    
6133    padding: 80px 0 80px;
6134    background: var(--bg);
6135    color: var(--text);
6136    position: relative;
6137  }
6138  
6139  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-inner {
6140    max-width: 1200px;
6141    margin: 0 auto;
6142    padding: 0 32px;
6143    position: relative;
6144  }
6145  /* ── Centered ── */
6146  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered {
6147    max-width: 760px;
6148    margin: 0 auto;
6149    text-align: center;
6150  }
6151  /* ── Split ── */
6152  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-split {
6153    display: grid;
6154    grid-template-columns: 1fr 1fr;
6155    gap: 80px;
6156    align-items: center;
6157  }
6158  
6159  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-col { order: 2; }
6160  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-text-col { order: 1; }
6161  
6162  /* ── Badge ── */
6163  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-badge {
6164    display: inline-flex;
6165    align-items: center;
6166    gap: 12px;
6167    font-family: 'IBM Plex Sans', sans-serif;
6168    font-size: 10px;
6169    font-weight: 600;
6170    letter-spacing: 3.5px;
6171    text-transform: uppercase;
6172    color: var(--gold);
6173    margin: 0 0 20px;
6174    line-height: 1;
6175  }
6176  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-badge-line {
6177    display: block;
6178    width: 28px;
6179    height: 1px;
6180    background: var(--gold);
6181    opacity: 0.5;
6182  }
6183  /* ── Heading ── */
6184  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-heading {
6185    font-family: 'Cormorant Garamond', Georgia, serif;
6186    font-size: 48px;
6187    font-weight: 600;
6188    line-height: 1.12;
6189    margin: 0 0 26px;
6190    color: var(--text);
6191  }
6192  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-heading {
6193    font-size: 54px;
6194  }
6195  /* ── Divider ── */
6196  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-divider {
6197    display: flex;
6198    align-items: center;
6199    gap: 10px;
6200    margin: 0 0 28px;
6201  }
6202  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-divider {
6203    justify-content: center;
6204  }
6205  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-div-line {
6206    height: 1px;
6207    width: 56px;
6208    background: var(--gold-border);
6209  }
6210  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-div-line:first-child {
6211    background: linear-gradient(to right, transparent, var(--gold));
6212  }
6213  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-div-line:last-child {
6214    background: linear-gradient(to left, transparent, var(--gold));
6215  }
6216  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-div-gem {
6217    width: 7px;
6218    height: 7px;
6219    border: 1px solid var(--gold);
6220    transform: rotate(45deg);
6221    flex-shrink: 0;
6222    position: relative;
6223  }
6224  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-div-gem::after {
6225    content: '';
6226    position: absolute;
6227    inset: 1px;
6228    background: var(--gold);
6229    opacity: 0.5;
6230  }
6231  /* ── Body ── */
6232  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-body {
6233    font-family: 'IBM Plex Sans', sans-serif;
6234    font-size: 16px;
6235    line-height: 1.85;
6236    color: var(--muted);
6237    margin: 0;
6238  }
6239  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-body p { margin: 0 0 18px; }
6240  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-body p:last-child { margin: 0; }
6241  /* ── Stats ── */
6242  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stats {
6243    display: grid;
6244    grid-template-columns: repeat(3, 1fr);
6245    gap: 2px;
6246    margin-top: 44px;
6247    background: var(--gold-border);
6248    border-radius: 2px;
6249    overflow: hidden;
6250  }
6251  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stat {
6252    padding: 30px 16px;
6253    background: var(--stat-bg);
6254    text-align: center;
6255  }
6256  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stat-num {
6257    display: block;
6258    font-family: 'Cormorant Garamond', Georgia, serif;
6259    font-size: 46px;
6260    font-weight: 700;
6261    line-height: 1;
6262    color: var(--gold);
6263    margin-bottom: 10px;
6264  }
6265  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stat-label {
6266    display: block;
6267    font-family: 'IBM Plex Sans', sans-serif;
6268    font-size: 10px;
6269    font-weight: 600;
6270    letter-spacing: 2.5px;
6271    text-transform: uppercase;
6272    color: var(--muted);
6273  }
6274  /* ── CTA ── */
6275  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-cta { margin-top: 36px; }
6276  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-btn {
6277    display: inline-block;
6278    padding: 14px 40px;
6279    font-family: 'IBM Plex Sans', sans-serif;
6280    font-size: 11px;
6281    font-weight: 600;
6282    letter-spacing: 2.5px;
6283    text-transform: uppercase;
6284    color: var(--gold);
6285    border: 1px solid var(--gold);
6286    text-decoration: none;
6287    transition: background 0.2s, color 0.2s;
6288  }
6289  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-btn:hover {
6290    background: var(--gold);
6291    color: #fff;
6292  }
6293  /* ── Image ── */
6294  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-frame {
6295    position: relative;
6296    z-index: 0;
6297  }
6298  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-frame img {
6299    width: 100%;
6300    aspect-ratio: 4/5;
6301    object-fit: cover;
6302    display: block;
6303    border-radius: 1px;
6304  }
6305  #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-frame::after {
6306    content: '';
6307    position: absolute;
6308    inset: 14px -14px -14px 14px;
6309    border: 1px solid var(--gold-border);
6310    border-radius: 1px;
6311    z-index: -1;
6312    pointer-events: none;
6313  }
6314  /* ── Responsive ── */
6315  @media (max-width: 900px) {
6316    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-heading { font-size: 36px; }
6317    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-heading { font-size: 38px; }
6318    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-split {
6319      grid-template-columns: 1fr;
6320      gap: 44px;
6321    }
6322    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-text-col,
6323    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-col { order: unset !important; }
6324    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-frame::after { display: none; }
6325    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-img-frame img { aspect-ratio: 16/9; }
6326  }
6327  @media (max-width: 600px) {
6328    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-inner { padding: 0 20px; }
6329    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-heading { font-size: 30px; }
6330    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-centered .dsa-heading { font-size: 32px; }
6331    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stats { grid-template-columns: 1fr; }
6332    #ds-about-template--26093344817263__ds_about_h4cdke .dsa-stat-num { font-size: 38px; }
6333  }
6334</style>
6335
6336<section id="ds-about-template--26093344817263__ds_about_h4cdke" aria-label="About Darussalam Publishers">
6337  <div class="dsa-inner"><div class="dsa-centered"><p class="dsa-badge"><span class="dsa-badge-line"></span>EST. 1986 · TRUSTED WORLDWIDE<span class="dsa-badge-line"></span></p><h2 class="dsa-heading">About Darussalam Publishers</h2>
6338        <div class="dsa-divider" aria-hidden="true">
6339          <span class="dsa-div-line"></span>
6340          <span class="dsa-div-gem"></span>
6341          <span class="dsa-div-line"></span>
6342        </div><div class="dsa-body"><p>Darussalam Pakistan, part of Darussalam Publishers, is the official Pakistan source for authentic Darussalam Islamic books and educational resources. Since 1986, Darussalam has grown into one of the world's leading Islamic book publishers, providing reliable knowledge based on the Quran and Sunnah to readers across the globe.</p><p>With over 1,400 published titles, our collection includes the Quran, Hadith, Tafseer, Seerah, Aqeedah, Fiqh, Islamic history, children's books, and other religious books in Islam. Whether you're searching for Islamic books, holy Islamic books, or some of the best Islamic books for study and personal growth, Darussalam Pakistan offers authentic publications trusted by students, scholars, families, and Islamic institutions worldwide.</p></div><div class="dsa-stats"><div class="dsa-stat">
6343                  <strong class="dsa-stat-num">1986</strong>
6344                  <span class="dsa-stat-label">Year Founded</span>
6345                </div><div class="dsa-stat">
6346                  <strong class="dsa-stat-num">1,400+</strong>
6347                  <span class="dsa-stat-label">Published Titles</span>
6348                </div><div class="dsa-stat">
6349                  <strong class="dsa-stat-num">50M+</strong>
6350                  <span class="dsa-stat-label">Readers Worldwide</span>
6351                </div></div></div></div>
6352</section>
6353
6354
6355</section><section id="shopify-section-template--26093344817263__newsletter" class="shopify-section">
6356
6357<section class="ds-home ds-newsletter" role="region" aria-label="Newsletter signup">
6358  <div class="ds-wrap ds-newsletter__inner">
6359    <div>
6360      <span class="ds-eyebrow">Stay Connected</span>
6361      <h2 class="ds-newsletter__title">Join 11,000+ Muslims Who Stay Inspired</h2>
6362      <p class="ds-newsletter__desc">Get new arrivals, exclusive offers, and a weekly Islamic quote — delivered straight to your inbox.</p>
6363      <ul class="ds-newsletter__benefits"><li >📚 First look at new Quran & book arrivals</li><li >🎁 Exclusive subscriber discounts</li><li >🌙 Weekly Islamic reflection or hadith</li></ul>
6364    </div>
6365
6366    <div><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="ds-newsletter__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
6367        <label for="ds-newsletter-email" class="ds-sr-only">Email address</label>
6368        <input type="email"
6369               id="ds-newsletter-email"
6370               name="contact[email]"
6371               class="ds-newsletter__input"
6372               placeholder="Your email address"
6373               required
6374               aria-required="true">
6375        <button type="submit" name="commit" class="ds-newsletter__btn">
6376          Subscribe →
6377        </button></form><p class="ds-newsletter__privacy">🔒 No spam, ever. Unsubscribe any time.</p></div>
6378  </div>
6379</section>
6380
6381
6382</section>
6383    </main>
6384
6385    <!-- BEGIN sections: footer-group -->
6386<div id="shopify-section-sections--26093345603695__ds-footer" class="shopify-section shopify-section-group-footer-group"><link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/ds-footer.css?v=4244259530513305201779255518">
6387
6388<footer class="ds-footer"><div class="ds-footer__trust-strip">
6389      <div class="ds-footer__inner">
6390        <div class="ds-footer__trust-grid">
6391          <div class="ds-footer__trust">
6392            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 8h13v8H3zM16 11h4l2 3v2h-6"/><circle cx="6.5" cy="17.5" r="1.5"/><circle cx="18.5" cy="17.5" r="1.5"/></svg>
6393            <div>
6394              <strong>Standard Delivery</strong>
6395              <span>3–5 working days</span>
6396            </div>
6397          </div>
6398          <div class="ds-footer__trust">
6399            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
6400            <div>
6401              <strong>Fast Dispatch</strong>
6402              <span>Shipped from Lahore</span>
6403            </div>
6404          </div>
6405          <div class="ds-footer__trust">
6406            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M9 14l-4-4 4-4"/><path d="M5 10h11a4 4 0 014 4v2"/></svg>
6407            <div>
6408              <strong>Authentic Titles</strong>
6409              <span>Official Darussalam publications</span>
6410            </div>
6411          </div>
6412          <div class="ds-footer__trust">
6413            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
6414            <div>
6415              <strong>Secure Checkout</strong>
6416              <span>SSL encrypted payments</span>
6417            </div>
6418          </div>
6419        </div>
6420      </div>
6421    </div><div class="ds-footer__main">
6422    <div class="ds-footer__inner">
6423      <div class="ds-footer__main-grid"><div class="ds-footer__col ds-footer__col--brand">
6424          <a href="/" class="ds-footer__logo"><img src="//darussalam.pk/cdn/shop/files/Logo.avif?v=1779272988&amp;width=280" alt="Darussalam PK" srcset="//darussalam.pk/cdn/shop/files/Logo.avif?v=1779272988&amp;width=280 280w" width="280" height="78" loading="lazy" class="ds-footer__logo-img">�</a>
6425
6426          <div class="ds-footer__brand-desc">
6427            <p>From the heart of Arabia to bookshelves worldwide. Darussalam isn't just a publisher; it's a legacy. Bringing treasures of wisdom, educating minds and souls, and connecting readers in Arabic, English, French, Urdu, and many other languages.</p>
6428          </div><ul class="ds-footer__contact"><li>
6429                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
6430                  <span>36/B Lower Mall, Lahore, Pakistan</span>
6431                </li><li>
6432                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
6433                  <a href="mailto:[email protected]">[email protected]</a>
6434                </li><li>
6435                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/></svg>
6436                  <a href="tel:+(92)3024666688">+(92) 302 4666688</a>
6437                </li><li>
6438                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg>
6439                  <span>Mon – Sat, 10 AM – 8 PM PKT</span>
6440                </li></ul><div class="ds-footer__social"><a href="https://www.facebook.com/darussalam.urdu" aria-label="Facebook" target="_blank" rel="noopener">
6441                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M9 8H6v4h3v12h5V12h3.642L18 8h-4V6.333C14 5.378 14.192 5 15.115 5H18V0h-3.808C10.596 0 9 1.583 9 4.615V8z"/></svg>
6442                </a><a href="https://www.instagram.com/darussalam.urdu/" aria-label="Instagram" target="_blank" rel="noopener">
6443                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
6444                </a><a href="https://youtube.com/@darussalamofficial1?si=jfXDfKvK0_2_EHPy" aria-label="YouTube" target="_blank" rel="noopener">
6445                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
6446                </a><a href="https://www.tiktok.com/@darussalam.urdu" aria-label="TikTok" target="_blank" rel="noopener">
6447                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-5.2 1.74 2.89 2.89 0 012.31-4.64 2.93 2.93 0 01.88.13V9.4a6.84 6.84 0 00-1-.05A6.33 6.33 0 005.8 20.1a6.34 6.34 0 0010.86-4.43V8.43a8.16 8.16 0 004.77 1.52V6.5a4.85 4.85 0 01-1.84-.81z"/></svg>
6448                </a></div></div><div class="ds-footer__col" >
6449              <h3 class="ds-footer__col-title">Shop by Category</h3><ul class="ds-footer__links"><li>
6450                      <a href="/collections/quran">
6451                        <span>Quran</span>
6452                        <span class="ds-footer__link-arrow">→</span>
6453                      </a>
6454                    </li><li>
6455                      <a href="/collections/hadith-quran-hadith">
6456                        <span>Hadith</span>
6457                        <span class="ds-footer__link-arrow">→</span>
6458                      </a>
6459                    </li><li>
6460                      <a href="/collections/prayer-supplication">
6461                        <span>Prayer/Supplication</span>
6462                        <span class="ds-footer__link-arrow">→</span>
6463                      </a>
6464                    </li><li>
6465                      <a href="/collections/prophet-s-seerah">
6466                        <span>Prophet’s Seerah</span>
6467                        <span class="ds-footer__link-arrow">→</span>
6468                      </a>
6469                    </li><li>
6470                      <a href="/collections/fiqh">
6471                        <span>Fiqh</span>
6472                        <span class="ds-footer__link-arrow">→</span>
6473                      </a>
6474                    </li><li>
6475                      <a href="/collections/children">
6476                        <span>Kids/Children</span>
6477                        <span class="ds-footer__link-arrow">→</span>
6478                      </a>
6479                    </li><li>
6480                      <a href="/collections/islamic-products-1">
6481                        <span>Islamic Products</span>
6482                        <span class="ds-footer__link-arrow">→</span>
6483                      </a>
6484                    </li></ul></div><div class="ds-footer__col" >
6485              <h3 class="ds-footer__col-title">Who We Are</h3><ul class="ds-footer__links"><li>
6486                      <a href="/pages/about-us-1">
6487                        <span>About Us</span>
6488                        <span class="ds-footer__link-arrow">→</span>
6489                      </a>
6490                    </li><li>
6491                      <a href="/pages/shipment-and-refund-policy">
6492                        <span>Shipment and Refund Policy </span>
6493                        <span class="ds-footer__link-arrow">→</span>
6494                      </a>
6495                    </li><li>
6496                      <a href="/pages/terms-and-services">
6497                        <span>Terms & Services</span>
6498                        <span class="ds-footer__link-arrow">→</span>
6499                      </a>
6500                    </li><li>
6501                      <a href="/pages/privacy-cookies-policy">
6502                        <span>Privacy and Cookies Policy </span>
6503                        <span class="ds-footer__link-arrow">→</span>
6504                      </a>
6505                    </li><li>
6506                      <a href="/pages/contact-us">
6507                        <span>Contact Us</span>
6508                        <span class="ds-footer__link-arrow">→</span>
6509                      </a>
6510                    </li></ul></div>
6510<div class="ds-footer__col" >
6511              <h3 class="ds-footer__col-title">My Account</h3><ul class="ds-footer__links"><li>
6512                      <a href="https://account.darussalam.pk/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnMm54ZWgtaG0ubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTM4NjE1LCJuYmYiOjE3OTAzMzM4MTV9.7xtXf4qZn54woD6r9cl-e_0CvJ2_e9zNyZ_U3awHfxQ&region_country=PK">
6513                        <span>Orders</span>
6514                        <span class="ds-footer__link-arrow">→</span>
6515                      </a>
6516                    </li><li>
6517                      <a href="https://account.darussalam.pk/profile?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnMm54ZWgtaG0ubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTM4NjE1LCJuYmYiOjE3OTAzMzM4MTV9.7xtXf4qZn54woD6r9cl-e_0CvJ2_e9zNyZ_U3awHfxQ&region_country=PK">
6518                        <span>Profile</span>
6519                        <span class="ds-footer__link-arrow">→</span>
6520                      </a>
6521                    </li></ul></div></div>
6522    </div>
6523  </div><div class="ds-footer__bottom">
6524    <div class="ds-footer__inner">
6525      <div class="ds-footer__bottom-inner">
6526
6527        <div class="ds-footer__copyright">
6528          © 2026 Darussalam PK. All rights reserved.
6529        </div></div>
6530    </div>
6531  </div>
6532
6533</footer>
6534
6535</div>
6536<!-- END sections: footer-group -->
6537
6538    <!-- BEGIN sections: features-group -->
6539<div id="shopify-section-sections--26093345570927__scroll-to-top" class="shopify-section shopify-section-group-features-group scroll-to-top">
6540
6541  <noscript>
6542    <link href="//darussalam.pk/cdn/shop/t/19/assets/scroll-to-top.css?v=93073816284073557121779255518" rel="stylesheet" type="text/css" media="all" />
6543  </noscript>
6544
6545  <link href="//darussalam.pk/cdn/shop/t/19/assets/scroll-to-top.css?v=93073816284073557121779255518" rel="stylesheet" type="text/css" media="all" />
6546
6547	<style>
6548		#shopify-section-sections--26093345570927__scroll-to-top {
6549			--btn-clr: 255, 255, 255;
6550			--btn-clr-hover: 16, 16, 16;
6551			--btn-bg: 16, 16, 16;
6552			--btn-bg-hover: 255, 255, 255;
6553		}
6554		
6555	</style>
6556
6557  
6557<script src="//darussalam.pk/cdn/shop/t/19/assets/scroll-to-top.js?v=89003869522096452291779255518" defer="defer"></script>
6557
6558
6559  <button class="scrollToTop button-style-- button scroll-to-top__button" aria-label="scroll To Top button"><style>
6560					.scrollToTop svg {
6561						transform: rotate(-90deg);
6562						width: 2rem;
6563					}
6564				</style>
6565				<svg
6566  viewBox="0 0 14 10"
6567  fill="none"
6568  aria-hidden="true"
6569  focusable="false"
6570  class="icon icon-arrow"
6571  xmlns="http://www.w3.org/2000/svg"
6572>
6573  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
6574</svg>
6575
6576</button>
6577
6578
6579
6580</div><div id="shopify-section-sections--26093345570927__mobile-sticky-bar" class="shopify-section shopify-section-group-features-group mobile-sticky-bar color-background-1 gradient medium-hide large-up-hide">
6581
6582  <link href="//darussalam.pk/cdn/shop/t/19/assets/component-mobile-sticky-bar.css?v=38232921771380889991781545773" rel="stylesheet" type="text/css" media="all" />
6583
6584  <style data-shopify>
6585    @media screen and (max-width:749px) {
6586      #shopify-section-footer {
6587        padding-bottom: 5.5rem;
6588      }
6589      .menu-drawer .list-social {
6590        margin-top: 0;
6591        margin-bottom: 4rem;
6592      }
6593      
6594    }
6595  </style>
6596<nav class="mobile-sticky-bar__inner" aria-label="Mobile navigation">
6597    <ul class="ds-mnav grid--6-col"><li class="ds-mnav__item" >
6598                <button type="button" class="ds-mnav__link" data-ds-mm-trigger aria-haspopup="dialog" aria-controls="ds-mobile-menu" aria-label="Menu">
6599                  <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6600                    <path d="M4 7h16M4 12h16M4 17h16"/>
6601                  </svg>
6602                  <span class="ds-mnav__label">Menu</span>
6603                </button>
6604              </li><li class="ds-mnav__item" >
6605                <a class="ds-mnav__link" href="/collections/all" aria-label="Shop">
6606                  <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6607                    <rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/>
6608                  </svg>
6609                  <span class="ds-mnav__label">Shop</span>
6610                </a>
6611              </li><li class="ds-mnav__item" >
6612                <a class="ds-mnav__link" href="/collections" aria-label="Collections">
6613                  <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6614                    <path d="M12 3 3 7.5 12 12l9-4.5L12 3Z"/><path d="m3 12 9 4.5L21 12"/><path d="m3 16.5 9 4.5 9-4.5"/>
6615                  </svg>
6616                  <span class="ds-mnav__label">Collections</span>
6617                </a>
6618              </li><li class="ds-mnav__item" >
6619                  
6620                    <button id="cart-icon-bubble-sticky" class="ds-mnav__link cart-modal" type="button" aria-label="Cart">
6621                  
6622                      <span class="ds-mnav__icon-wrap">
6623                        <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6624                          <path d="M6 8h12l-1 11.2a1.8 1.8 0 0 1-1.8 1.6H8.8A1.8 1.8 0 0 1 7 19.2L6 8Z"/><path d="M9 8V6.5a3 3 0 0 1 6 0V8"/>
6625                        </svg>
6626                        <span class="ds-mnav__badge cart-count-bubble-sticky is-empty" aria-hidden="true">0</span>
6627                      </span>
6628                      <span class="ds-mnav__label">Cart</span>
6629                  
6630                    </button>
6631                  
6632                </li><li class="ds-mnav__item" >
6633                <button type="button" class="ds-mnav__link" data-ds-search-trigger aria-haspopup="dialog" aria-controls="DsMegaSearch" aria-label="Search">
6634                  <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6635                    <circle cx="11" cy="11" r="7"/><path d="m20 20-3.2-3.2"/>
6636                  </svg>
6637                  <span class="ds-mnav__label">Search</span>
6638                </button>
6639              </li><li class="ds-mnav__item" >
6640                  <a class="ds-mnav__link" href="https://darussalam.pk/customer_authentication/redirect?locale=en&region_country=PK" aria-label="Log In">
6641                    <svg class="ds-mnav__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6642                      <circle cx="12" cy="8" r="4"/><path d="M4.5 20a7.5 7.5 0 0 1 15 0"/>
6643                    </svg>
6644                    <span class="ds-mnav__label">Account</span>
6645                  </a>
6646                </li></ul>
6647  </nav>
6648
6649  
6649<script src="//darussalam.pk/cdn/shop/t/19/assets/mobile-sticky-bar.js?v=24993155674731565791783590060" defer="defer"></script>
6649
6650
6651
6652
6653
6654</div>
6655<!-- END sections: features-group -->
6656
6657    <ul hidden>
6658      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
6659      <li id="a11y-new-window-message">Opens in a new window.</li>
6660    </ul>
6661
6662    
6662<script>
6663      window.shopUrl = 'https://darussalam.pk';
6664      window.routes = {
6665        cart_add_url: '/cart/add',
6666        cart_change_url: '/cart/change',
6667        cart_update_url: '/cart/update',
6668        cart_url: '/cart',
6669        predictive_search_url: '/search/suggest',
6670      };
6671
6672      window.cartStrings = {
6673        error: `There was an error while updating your cart. Please try again.`,
6674        quantityError: `You can only add [quantity] of this item to your cart.`,
6675      };
6676
6677      window.variantStrings = {
6678        addToCart: `Add to cart`,
6679        soldOut: `Out of stock`,
6680        unavailable: `Unavailable`,
6681        unavailable_with_option: `[value] - Unavailable`,
6682      };
6683
6684      window.accessibilityStrings = {
6685        imageAvailable: `Image [index] is now available in gallery view`,
6686        shareSuccess: `Link copied to clipboard`,
6687        pauseSlideshow: `Pause slideshow`,
6688        playSlideshow: `Play slideshow`,
6689      };
6690    </script>
6690<script src="//darussalam.pk/cdn/shop/t/19/assets/predictive-search.js?v=87715051539897121681779255518" defer="defer"></script>
6690<div id="ds-return-modal" class="ds-return-modal">
6691  <div class="ds-return-overlay" onclick="closeReturnForm()"></div>
6692
6693  <div class="ds-return-box">
6694    <button class="ds-return-close" onclick="closeReturnForm()">�</button>
6695
6696    <h2>Start a Return Request</h2>
6697    <p class="ds-return-sub">
6698      Fill in the form below and we'll review and respond within 24 hours.
6699    </p>
6700
6701    <form method="post" action="/contact#contact_form" enctype="multipart/form-data">
6702
6703      <input type="hidden" name="form_type" value="contact">
6704      <input type="hidden" name="utf8" value="?">
6705      <input type="hidden" name="contact[tags]" value="return_request">
6706
6707      <input type="text" name="contact[order_number]" placeholder="Order Number *" required>
6708      <input type="email" name="contact[email]" placeholder="Email Address *" required>
6709      <input type="text" name="contact[name]" placeholder="Full Name *" required>
6710
6711      <select name="contact[reason]" required>
6712        <option value="">Reason for Return *</option>
6713        <option>Damaged item</option>
6714        <option>Wrong item received</option>
6715        <option>Not satisfied</option>
6716        <option>Other</option>
6717      </select>
6718
6719      <textarea name="contact[notes]" placeholder="Additional Notes (optional)"></textarea>
6720
6721      <label class="ds-upload">
6722        Upload Image (optional)
6723        <input type="file" name="contact[file]">
6724      </label>
6725
6726      <button type="submit" class="ds-submit-btn">
6727        Submit Request
6728      </button>
6729
6730    </form>
6731  </div>
6732</div>
6733<div class="ds-mega-search" id="DsMegaSearch" hidden role="dialog" aria-modal="true" aria-label="Search">
6734  <div class="ds-mega-search__overlay" data-ds-search-close></div>
6735
6736  <div class="ds-mega-search__panel">
6737    <div class="ds-mega-search__header">
6738      <form action="/search" method="get" role="search" class="ds-mega-search__form" id="DsMegaForm">
6739        <input type="hidden" name="type" value="product">
6740        <svg class="ds-mega-search__icon" width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
6741          <circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/>
6742          <path d="m20 20-3.5-3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
6743        </svg>
6744        <input
6745          type="search"
6746          name="q"
6747          class="ds-mega-search__input"
6748          id="DsMegaInput"
6749          placeholder="Search 5,000+ Islamic books, Quran editions, Hadith collections…"
6750          autocomplete="off"
6751          spellcheck="false">
6752        <button type="button" class="ds-mega-search__close" data-ds-search-close aria-label="Close search">
6753          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
6754            <path d="M5 5l10 10M15 5L5 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
6755          </svg>
6756        </button>
6757      </form>
6758    </div>
6759
6760    <style>
6761      .ds-mega-search__ai-cta {
6762        display: flex; align-items: center; gap: 8px; width: 100%;
6763        padding: 12px 24px; margin: 0; border: none; border-top: 1px solid #eee2c8;
6764        background: #fdfaf3; color: #7a6a3a; font-size: 13px; font-weight: 600;
6765        font-family: inherit; cursor: pointer; text-align: left;
6766        transition: background .15s, color .15s;
6767      }
6768      .ds-mega-search__ai-cta:hover { background: #f5e6c0; color: #57503f; }
6769      .ds-mega-search__ai-cta__icon { color: #c9a84c; flex-shrink: 0; }
6770      .ds-mega-search__ai-cta.is-emphasized {
6771        background: #2d6a4f; color: #fff; border-top-color: #2d6a4f;
6772      }
6773      .ds-mega-search__ai-cta.is-emphasized .ds-mega-search__ai-cta__icon { color: #f5e6c0; }
6774      .ds-mega-search__ai-cta.is-emphasized:hover { background: #1f4d38; }
6775    </style><div class="ds-mega-search__body">
6776
6777      
6778      <div class="ds-mega-search__default" id="DsMegaDefault">
6779        <div class="ds-mega-search__columns">
6780
6781          <div class="ds-mega-search__col">
6782            <div class="ds-mega-search__col-head">
6783              <span class="ds-mega-search__col-label">Quick Browse</span>
6784            </div>
6785            <div class="ds-mega-search__chips">
6786              <a href="/search?q=quran&type=product" class="ds-mega-chip">📖 Quran</a>
6787              <a href="/search?q=hadith&type=product" class="ds-mega-chip">📜 Hadith</a>
6788              <a href="/search?q=seerah&type=product" class="ds-mega-chip">🌙 Seerah</a>
6789              <a href="/search?q=tafseer&type=product" class="ds-mega-chip">📚 Tafseer</a>
6790              <a href="/search?q=children&type=product" class="ds-mega-chip">🌟 Children</a>
6791              <a href="/search?q=dua&type=product" class="ds-mega-chip">🤲 Dua</a>
6792              <a href="/search?q=fiqh&type=product" class="ds-mega-chip">⚖️ Fiqh</a>
6793              <a href="/search?q=arabic&type=product" class="ds-mega-chip">✍️ Arabic</a>
6794            </div>
6795
6796            <div class="ds-mega-search__col-head" style="margin-top:28px;">
6797              <span class="ds-mega-search__col-label">Featured Collections</span>
6798            </div>
6799            <div class="ds-mega-search__cats"><a href="/collections/best-sellers" class="ds-mega-cat">
6800                    <span class="ds-mega-cat__name">Best Sellers</span>
6801                    <span class="ds-mega-cat__arrow">→</span>
6802                  </a><a href="/collections/new-arrival" class="ds-mega-cat">
6803                    <span class="ds-mega-cat__name">New Arrival</span>
6804                    <span class="ds-mega-cat__arrow">→</span>
6805                  </a><a href="/collections/darussalam-sale" class="ds-mega-cat">
6806                    <span class="ds-mega-cat__name">Azadi Sale</span>
6807                    <span class="ds-mega-cat__arrow">→</span>
6808                  </a><a href="/collections/children" class="ds-mega-cat">
6809                    <span class="ds-mega-cat__name">Kids/Children</span>
6810                    <span class="ds-mega-cat__arrow">→</span>
6811                  </a></div>
6812          </div>
6813
6814          <div class="ds-mega-search__col ds-mega-search__col--wide"><div class="ds-mega-search__col-head">
6815                <span class="ds-mega-search__col-label">🔄 Recently Restocked</span>
6816                <a href="/collections/recently-restocked" class="ds-mega-search__see-all">See all →</a>
6817              </div>
6818              <div class="ds-mega-search__products"><a href="/products/balooghat-kai-masaail" class="ds-mega-product" data-ds-search-close>
6819                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/1_18ee8789-9a69-4266-ab31-f934a3560d9d.webp?v=1790065080&width=200" alt="Balooghat Kai Masaail" loading="lazy"></div>
6820                    <div class="ds-mega-product__info">
6821                      <div class="ds-mega-product__vendor">Darussalam</div>
6822                      <div class="ds-mega-product__title">Balooghat Kai Masaail</div>
6823                      <div class="ds-mega-product__price"><strong>Rs.1,600.00</strong></div>
6824                    </div>
6825                  </a><a href="/products/9-line-tajweedi-quran-2-vol-with-urdu-translation" class="ds-mega-product" data-ds-search-close>
6826                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/darussalam_30.jpg?v=1742204458&width=200" alt="9 line Tajweedi Quran With Urdu Translation - 2 Volumes" loading="lazy"></div>
6827                    <div class="ds-mega-product__info">
6828                      <div class="ds-mega-product__vendor">Darussalam</div>
6829                      <div class="ds-mega-product__title">9 line Tajweedi Quran With Urdu Translation - 2...</div>
6830                      <div class="ds-mega-product__price"><strong>Rs.6,500.00</strong></div>
6831                    </div>
6832                  </a><a href="/products/ar-raheeq-al-makhtum-urdu" class="ds-mega-product" data-ds-search-close>
6833                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=200" alt="Ar Raheeq Al Makhtum (Urdu)" loading="lazy"></div>
6834                    <div class="ds-mega-product__info">
6835                      <div class="ds-mega-product__vendor">Darussalam</div>
6836                      <div class="ds-mega-product__title">Ar Raheeq Al Makhtum (Urdu)</div>
6837                      <div class="ds-mega-product__price"><strong>Rs.1,080.00</strong></div>
6838                    </div>
6839                  </a><a href="/products/tafsir-ahsan-ul-bayan-17x24" class="ds-mega-product" data-ds-search-close>
6840                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/01_40455bcf-42cd-4cc0-a71b-a52d11d08ff0.jpg?v=1771306929&width=200" alt="Tafsir Ahsan ul Bayan 17x24" loading="lazy"></div>
6841                    <div class="ds-mega-product__info">
6842                      <div class="ds-mega-product__vendor">Darussalam PK</div>
6843                      <div class="ds-mega-product__title">Tafsir Ahsan ul Bayan 17x24</div>
6844                      <div class="ds-mega-product__price"><strong>Rs.3,000.00</strong></div>
6845                    </div>
6846                  </a></div><div class="ds-mega-search__col-head" style="margin-top:24px;">
6847                <span class="ds-mega-search__col-label">⭐ Best Sellers</span>
6848                <a href="/collections/best-sellers" class="ds-mega-search__see-all">See all →</a>
6849              </div>
6850              <div class="ds-mega-search__products"><a href="/products/qurani-qaidah-17x24" class="ds-mega-product" data-ds-search-close>
6851                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/01_eea77708-391c-4908-be2d-351974aba5df.jpg?v=1769425637&width=200" alt="Qurani Qaidah 17X24" loading="lazy"></div>
6852                    <div class="ds-mega-product__info">
6853                      <div class="ds-mega-product__vendor">Darussalam</div>
6854                      <div class="ds-mega-product__title">Qurani Qaidah 17X24</div>
6855                      <div class="ds-mega-product__price"><strong>Rs.270.00</strong></div>
6856                    </div>
6857                  </a><a href="/products/ar-raheeq-al-makhtum-urdu" class="ds-mega-product" data-ds-search-close>
6858                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/1_2_75822223-247b-497c-b47b-ebd2ff108ebb.jpg?v=1742552335&width=200" alt="Ar Raheeq Al Makhtum (Urdu)" loading="lazy"></div>
6859                    <div class="ds-mega-product__info">
6860                      <div class="ds-mega-product__vendor">Darussalam</div>
6861                      <div class="ds-mega-product__title">Ar Raheeq Al Makhtum (Urdu)</div>
6862                      <div class="ds-mega-product__price"><strong>Rs.1,080.00</strong></div>
6863                    </div>
6864                  </a><a href="/products/ar-raheeq-al-makhtum-urdu-1" class="ds-mega-product" data-ds-search-close>
6865                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/1_2.jpg?v=1742552211&width=200" alt="Ar Raheeq Al Makhtum (Urdu) Big" loading="lazy"></div>
6866                    <div class="ds-mega-product__info">
6867                      <div class="ds-mega-product__vendor">Darussalam</div>
6868                      <div class="ds-mega-product__title">Ar Raheeq Al Makhtum (Urdu) Big</div>
6869                      <div class="ds-mega-product__price"><strong>Rs.1,200.00</strong></div>
6870                    </div>
6871                  </a><a href="/products/hisn-ul-muslim-8x12-pocket-size" class="ds-mega-product" data-ds-search-close>
6872                    <div class="ds-mega-product__media"><img src="//darussalam.pk/cdn/shop/files/Hisn-ul-Muslim_-_12x17_1.png?v=1738170911&width=200" alt="Hisn ul Muslim (8x12) pocket size" loading="lazy"></div>
6873                    <div class="ds-mega-product__info">
6874                      <div class="ds-mega-product__vendor">Darussalam</div>
6875                      <div class="ds-mega-product__title">Hisn ul Muslim (8x12) pocket size</div>
6876                      <div class="ds-mega-product__price"><strong>Rs.190.00</strong></div>
6877                    </div>
6878                  </a></div></div>
6879
6880        </div>
6881      </div>
6882
6883      
6884      <div class="ds-mega-search__results" id="DsMegaResults" hidden>
6885        <div class="ds-mega-search__results-inner" id="DsMegaResultsInner"></div>
6886      </div>
6887
6888    </div>
6889  </div>
6890</div>
6891
6892<script>
6893(function() {
6894
6895  var modal        = document.getElementById('DsMegaSearch');
6896  var input        = document.getElementById('DsMegaInput');
6897  var defaultEl    = document.getElementById('DsMegaDefault');
6898  var resultsEl    = document.getElementById('DsMegaResults');
6899  var resultsInner = document.getElementById('DsMegaResultsInner');
6900  var aiCta        = document.getElementById('DsMegaAiCta');
6901  var aiCtaText    = document.getElementById('DsMegaAiCtaText');
6902
6903  if (!modal || !input) return;
6904
6905  var DEFAULT_AI_TEXT = 'Not sure where to start? Ask our AI Librarian';
6906  function setAiCta(emphasized, text) {
6907    if (!aiCta || !aiCtaText) return;
6908    aiCtaText.textContent = text || DEFAULT_AI_TEXT;
6909    aiCta.classList.toggle('is-emphasized', !!emphasized);
6910  }
6911
6912  // ── STATE ──
6913  var debounceTimer;
6914  var allProducts    = [];
6915  var allCollections = [];
6916  var currentQ       = '';
6917  var activeFilter   = null;
6918  var activeSort     = 'relevance'; // 'relevance' | 'price-asc' | 'price-desc'
6919  var currentRequestId = 0;         // guards against stale/out-of-order fetch responses
6920
6921  // ── SEMANTIC EXPANSIONS ──
6922  // When a query matches a key, fire a parallel second search with the first expansion term
6923  // and merge results — giving users many more relevant matches
6924  var EXPANSIONS = {
6925    'wife':      'marriage',
6926    'husband':   'marriage',
6927    'marriage':  'nikah',
6928    'nikah':     'marriage',
6929    'death':     'hereafter',
6930    'hereafter': 'afterlife',
6931    'family':    'children',
6932    'money':     'finance',
6933    'finance':   'zakat',
6934    'prayer':    'salah',
6935    'dream':     'ruya',
6936    'woman':     'women',
6937    'women':     'muslimah',
6938    'man':       'men',
6939    'heart':     'tazkiyah',
6940    'soul':      'tazkiyah',
6941    'sin':       'repentance',
6942    'repentance':'tawbah',
6943    'jinn':      'ruqyah',
6944    'magic':     'sihr',
6945    'love':      'marriage',
6946    'child':     'children',
6947    'kids':      'children',
6948    'food':      'halal',
6949    'health':    'medicine',
6950    'business':  'trade',
6951    'grief':     'patience',
6952    'anxiety':   'patience',
6953    'parent':    'children',
6954    'parents':   'upbringing',
6955    'anger':     'patience',
6956    'paradise':  'jannah',
6957    'hell':      'jahannam',
6958    'heaven':    'jannah',
6959    'patience':  'sabr',
6960    'worship':   'salah',
6961    'charity':   'zakat',
6962    'prophet':   'seerah',
6963    'companions':'sahaba',
6964    'sahaba':    'companions',
6965    'sunnah':    'hadith',
6966    'rights':    'fiqh',
6967  };
6968
6969  // ── OPEN / CLOSE ──
6970  document.addEventListener('click', function(e) {
6971    if (e.target.closest('[data-ds-search-trigger]')) {
6972      e.preventDefault();
6973      if (window.dsMobileMenu) { window.dsMobileMenu.close(); }
6974      else {
6975        var dsMm = document.getElementById('ds-mobile-menu');
6976        if (dsMm) { dsMm.setAttribute('aria-hidden', 'true'); document.body.classList.remove('ds-mm-locked'); }
6977      }
6978      open();
6979      return;
6980    }
6981    if (!modal.hidden && !e.target.closest('.ds-mega-search__panel')) {
6982      close();
6983      return;
6984    }
6985    var closer = e.target.closest('[data-ds-search-close]');
6986    if (closer) {
6987      if (closer.tagName !== 'A') e.preventDefault();
6988      close();
6989    }
6990  });
6991
6992  document.addEventListener('keydown', function(e) {
6993    if (e.key === 'Escape' && !modal.hidden) close();
6994    if (e.key === '/' && document.activeElement.tagName !== 'INPUT' && document.activeElement.tagName !== 'TEXTAREA') {
6995      e.preventDefault(); open();
6996    }
6997  });
6998
6999  function open() {
7000    modal.hidden = false;
7001    document.body.style.overflow = 'hidden';
7002    requestAnimationFrame(function() {
7003      modal.classList.add('is-open');
7004      setTimeout(function() { input.focus(); }, 50);
7005    });
7006  }
7007
7008  function close() {
7009    modal.classList.remove('is-open');
7010    document.body.style.overflow = '';
7011    setTimeout(function() {
7012      modal.hidden     = true;
7013      input.value      = '';
7014      currentQ         = '';
7015      allProducts      = [];
7016      allCollections   = [];
7017      activeFilter     = null;
7018      activeSort       = 'relevance';
7019      showDefault();
7020    }, 250);
7021  }
7022
7023  function showDefault() { defaultEl.hidden = false; resultsEl.hidden = true; setAiCta(false); }
7024  function showResults() { defaultEl.hidden = true;  resultsEl.hidden = false; }
7025
7026  // ── DEBOUNCED INPUT ──
7027  input.addEventListener('input', function() {
7028    clearTimeout(debounceTimer);
7029    var q = input.value.trim();
7030    if (q.length < 2) { showDefault(); return; }
7031    debounceTimer = setTimeout(function() { fetchResults(q); }, 220);
7032  });
7033
7034  // ── API URL ──
7035  // Includes 'body' field so product descriptions are searched — key fix for "wife" returning only 2 results
7036  function buildUrl(q, limit) {
7037    return '/search/suggest.json'
7038      + '?q=' + encodeURIComponent(q)
7039      + '&resources[type]=product,collection'
7040      + '&resources[limit]=' + (limit || 10)
7041      + '&resources[options][unavailable_products]=last'
7042      + '&resources[options][fields]=title,product_type,variants.title,tag,vendor,body';
7043  }
7044
7045  function getProducts(data) {
7046    return (data && data.resources && data.resources.results && data.resources.results.products) || [];
7047  }
7048  function getCollections(data) {
7049    return (data && data.resources && data.resources.results && data.resources.results.collections) || [];
7050  }
7051  function dedupe(arr) {
7052    var seen = {};
7053    return arr.filter(function(item) {
7054      if (seen[item.handle]) return false;
7055      seen[item.handle] = true;
7056      return true;
7057    });
7058  }
7059
7060  // ── FETCH + SMART EXPANSION ──
7061  function fetchResults(q) {
7062    var nq = normalizeQuery(q);
7063    var requestId = ++currentRequestId;
7064    currentQ     = q;
7065    activeFilter = null;
7066    activeSort   = 'relevance';
7067    showResults();
7068    resultsInner.innerHTML = '<div class="ds-mega-loading"><span class="ds-mega-spinner"></span>Searching…</div>';
7069
7070    // Find expansion: check each word in the query against the EXPANSIONS map
7071    var words    = nq.trim().toLowerCase().split(/\s+/);
7072    var expandTo = null;
7073    for (var i = 0; i < words.length; i++) {
7074      if (EXPANSIONS[words[i]]) { expandTo = nq + ' ' + EXPANSIONS[words[i]]; break; }
7075    }
7076
7077    var headers = { 'Accept': 'application/json' };
7078    var p1 = fetch(buildUrl(nq), { headers: headers }).then(function(r) { return r.json(); });
7079    var p2 = expandTo
7080      ? fetch(buildUrl(expandTo), { headers: headers }).then(function(r) { return r.json(); }).catch(function() { return null; })
7081      : Promise.resolve(null);
7082
7083    Promise.all([p1, p2])
7084      .then(function(results) {
7085        if (requestId !== currentRequestId) return; // a newer keystroke already superseded this request
7086
7087        var d1 = results[0], d2 = results[1];
7088        allProducts    = dedupe(getProducts(d1).concat(d2 ? getProducts(d2) : []));
7089        allCollections = dedupe(getCollections(d1).concat(d2 ? getCollections(d2) : []));
7090
7091        // Sparse fallback: if < 3 results on a multi-word query, also try the last word alone
7092        if (allProducts.length < 3 && words.length > 1) {
7093          fetch(buildUrl(words[words.length - 1]), { headers: headers })
7094            .then(function(r) { return r.json(); })
7095            .then(function(d3) {
7096              if (requestId !== currentRequestId) return;
7097              allProducts    = dedupe(allProducts.concat(getProducts(d3)));
7098              allCollections = dedupe(allCollections.concat(getCollections(d3)));
7099              renderPanel(q, nq);
7100            })
7101            .catch(function() {
7102              if (requestId !== currentRequestId) return;
7103              renderPanel(q, nq);
7104            });
7105        } else {
7106          renderPanel(q, nq);
7107        }
7108      })
7109      .catch(function(err) {
7110        if (requestId !== currentRequestId) return;
7111        console.error('[DS Mega]', err);
7112        resultsInner.innerHTML = '<div class="ds-mega-empty"><strong>Search unavailable</strong><br>Press Enter to search the full catalog.</div>';
7113      });
7114  }
7115
7116  // ── CLIENT-SIDE SORT ──
7117  function getFilteredSorted() {
7118    var prods = allProducts.slice();
7119
7120    if (activeSort === 'price-asc') {
7121      prods = prods.slice().sort(function(a, b) { return rawPrice(a.price) - rawPrice(b.price); });
7122    } else if (activeSort === 'price-desc') {
7123      prods = prods.slice().sort(function(a, b) { return rawPrice(b.price) - rawPrice(a.price); });
7124    }
7125
7126    return prods;
7127  }
7128
7129  function rawPrice(val) {
7130    var num = parseFloat(String(val || 0).replace(/[^\d.]/g, ''));
7131    if (isNaN(num)) return 0;
7132    if (String(val).indexOf('.') === -1 && num >= 100) num = num / 100;
7133    return num;
7134  }
7135
7136  // ── RENDER PANEL ──
7137  function renderPanel(q, nq) {
7138    var prods = getFilteredSorted();
7139
7140    if (allProducts.length === 0 && allCollections.length === 0) {
7141      showEmpty(q); return;
7142    }
7143
7144    var html = '<div class="ds-mega-search__columns">';
7145
7146    // LEFT: Categories → Filter → Sort
7147    html += '<div class="ds-mega-search__col">';
7148
7149    if (allCollections.length > 0) {
7150      html += '<div class="ds-mega-search__col-head"><span class="ds-mega-search__col-label">Categories</span></div>'
7151        + '<div class="ds-mega-search__cats">';
7152      allCollections.slice(0, 4).forEach(function(c) {
7153        html += '<a href="' + (c.url || '/collections/' + c.handle) + '" class="ds-mega-cat" data-ds-search-close>'
7154          + '<span class="ds-mega-cat__name">📁 ' + escapeHtml(c.title) + '</span>'
7155          + '<span class="ds-mega-cat__arrow">→</span></a>';
7156      });
7157      html += '</div>';
7158    }
7159
7160    html += '<div class="ds-mega-search__col-head" style="margin-top:' + (allCollections.length ? '20' : '4') + 'px;">'
7161      + '<span class="ds-mega-search__col-label">Filter</span></div>'
7162      + '<div class="ds-mega-search__chips">'
7163      + '<button type="button" class="ds-mega-filter' + (activeFilter === null ? ' is-active' : '')
7164        + '" data-ds-filter="all">All</button>'
7165      + '<a href="/search?q=' + encodeURIComponent(q) + '&type=product&filter.p.m.custom.on_sale=1" class="ds-mega-filter" data-ds-search-close>🏷️ On Sale</a>';
7166    html += '</div>';
7167
7168    html += '<div class="ds-mega-search__col-head" style="margin-top:20px;">'
7169      + '<span class="ds-mega-search__col-label">Language</span></div>'
7170      + '<div class="ds-mega-search__chips">';
7171    ['Urdu', 'English', 'Arabic', 'Pashto', 'Persian'].forEach(function(lang) {
7172      html += '<a href="/search?q=' + encodeURIComponent(q) + '&type=product&filter.p.m.custom.language='
7173        + encodeURIComponent(lang) + '" class="ds-mega-filter" data-ds-search-close>' + lang + '</a>';
7174    });
7175    html += '</div>';
7176
7177    html += '<div class="ds-mega-search__col-head" style="margin-top:20px;">'
7178      + '<span class="ds-mega-search__col-label">Sort by</span></div>'
7179      + '<div class="ds-mega-search__chips">';
7180    [
7181      { key: 'relevance',  label: '✨ Best Match' },
7182      { key: 'price-asc',  label: 'Price ↑' },
7183      { key: 'price-desc', label: 'Price ↓' },
7184    ].forEach(function(s) {
7185      html += '<button type="button" class="ds-mega-filter' + (activeSort === s.key ? ' is-active' : '')
7186        + '" data-ds-sort="' + s.key + '">' + s.label + '</button>';
7187    });
7188    html += '</div>';
7189
7190    html += '</div>'; // end left col
7191
7192    // RIGHT: Products
7193    html += '<div class="ds-mega-search__col ds-mega-search__col--wide">';
7194
7195    var shownCount = prods.length;
7196    var totalCount = allProducts.length;
7197    var countLabel = shownCount + (shownCount !== totalCount ? '/' + totalCount : '') + ' Product' + (totalCount !== 1 ? 's' : '');
7198
7199    html += '<div class="ds-mega-search__col-head">'
7200      + '<span class="ds-mega-search__col-label">' + countLabel + '</span>'
7201      + '<a href="/search?q=' + encodeURIComponent(q) + '&type=product" class="ds-mega-search__see-all">View all →</a>'
7202      + '</div>';
7203
7204    if (prods.length === 0) {
7205      setAiCta(true, "Can't find it? Ask our AI Librarian instead");
7206      html += '<div class="ds-mega-empty" style="padding:20px;">'
7207        + '<strong>No ' + (activeFilter ? activeFilter + ' ' : '') + 'products found</strong>'
7208        + '<p style="margin-top:8px;font-size:13px;color:#999;">Try a different filter or '
7209        + '<a href="/search?q=' + encodeURIComponent(q) + '&type=product" style="color:var(--ds-green);">view all results</a>.</p>'
7210        + '</div>';
7211    } else {
7212      setAiCta(false);
7213      html += '<div class="ds-mega-search__products">';
7214      prods.slice(0, 6).forEach(function(p) {
7215        var img      = p.image || p.featured_image || '';
7216        var isSoldOut = p.available === false || p.available === 'false';
7217        if (img && typeof img === 'object') img = img.src || img.url || '';
7218        if (img && img.indexOf('//') === 0) img = 'https:' + img;
7219        var price   = p.price ? formatPrice(p.price) : '';
7220        var compare = (p.compare_at_price && p.compare_at_price !== '0.00') ? formatPrice(p.compare_at_price) : null;
7221        if (compare && rawPrice(compare) <= rawPrice(price)) compare = null;
7222
7223        html += '<a href="' + (p.url || '/products/' + p.handle) + '" class="ds-mega-product'
7224          + (isSoldOut ? ' is-sold-out' : '') + '" data-ds-search-close>'
7225          + '<div class="ds-mega-product__media">'
7226          + (img
7227            ? '<div class="ds-mega-product__img-wrap">'
7228              + '<img src="' + img + '" alt="" loading="lazy">'
7229              + (isSoldOut ? '<span class="ds-badge-soldout">Out of Stock</span>' : '')
7230              + '</div>'
7231            : '<span style="font-size:24px;">📖</span>')
7232          + '</div><div class="ds-mega-product__info">'
7233          + '<div class="ds-mega-product__vendor">' + escapeHtml(p.vendor || 'Darussalam') + '</div>'
7234          + '<div class="ds-mega-product__title">' + highlight(escapeHtml(p.title), q) + '</div>'
7235          + (isSoldOut
7236            ? '<div class="ds-mega-product__stock">Currently unavailable</div>'
7237            : (price
7238              ? '<div class="ds-mega-product__price"><strong>' + price + '</strong>'
7239                + (compare ? '<span class="ds-mega-product__compare">' + compare + '</span>' : '')
7240                + '</div>'
7241              : ''))
7242          + '</div></a>';
7243      });
7244      html += '</div>';
7245
7246      html += '<a href="/search?q=' + encodeURIComponent(q) + '&type=product" class="ds-mega-search__all-cta" data-ds-search-close>'
7247        + 'See all ' + totalCount + ' results — filter by language, author, price &amp; more →</a>';
7248    }
7249
7250    html += '</div></div>'; // end right col + columns
7251
7252    resultsInner.innerHTML = html;
7253
7254    // Bind filter/sort events (re-render without new API call)
7255    resultsInner.querySelectorAll('[data-ds-filter]').forEach(function(btn) {
7256      btn.addEventListener('click', function() {
7257        activeFilter = this.dataset.dsFilter === 'all' ? null : this.dataset.dsFilter;
7258        renderPanel(q, nq);
7259      });
7260    });
7261    resultsInner.querySelectorAll('[data-ds-sort]').forEach(function(btn) {
7262      btn.addEventListener('click', function() {
7263        activeSort = this.dataset.dsSort;
7264        renderPanel(q, nq);
7265      });
7266    });
7267  }
7268
7269  // ── EMPTY STATE ──
7270  function showEmpty(q) {
7271    setAiCta(true, "No matches — ask our AI Librarian instead");
7272    resultsInner.innerHTML = '<div class="ds-mega-empty">'
7273      + '<div class="ds-mega-empty__icon">🔍</div>'
7274      + '<strong>No matches for "' + escapeHtml(q) + '"</strong>'
7275      + '<p>Try one of these popular searches:</p>'
7276      + '<div class="ds-mega-empty__chips">'
7277      + '<a href="/search?q=quran&type=product" class="ds-mega-chip">Quran</a>'
7278      + '<a href="/search?q=hadith&type=product" class="ds-mega-chip">Hadith</a>'
7279      + '<a href="/search?q=seerah&type=product" class="ds-mega-chip">Seerah</a>'
7280      + '</div></div>';
7281  }
7282
7283  // ── NORMALISE QUERY (phonetic + transliteration) ──
7284  function normalizeQuery(q) {
7285    var result = q.toLowerCase().trim()
7286      .replace(/oo+/g, 'o')
7287      .replace(/aa+/g, 'a')
7288      .replace(/ee+/g, 'e')
7289      .replace(/ii+/g, 'i');
7290
7291    var patterns = [
7292      [/\bno+r+a+n+i?\b/gi,         'noorani qaida'],
7293      [/\bn+o+r+a+n+i?\b/gi,        'noorani qaida'],
7294      [/\bb+o+r+a+n+i?\b/gi,        'noorani qaida'],
7295      [/\bnurani\b/gi,              'noorani qaida'],
7296      [/\bnorani\b/gi,              'noorani qaida'],
7297      [/\bqa+i+d+a+h?\b/gi,         'qaidah'],
7298      [/\bqai+d+a+h?\b/gi,          'qaidah'],
7299      [/\bqae+d+a+h?\b/gi,          'qaidah'],
7300      [/\bka+i+d+a+h?\b/gi,         'qaidah'],
7301      [/\bkai+d+a+h?\b/gi,          'qaidah'],
7302      [/\bq[u]?[iy]+a+d+a+h?\b/gi, 'qaidah'],
7303      [/\bkor[ae]n\b/gi,            'quran'],
7304      [/\bqur[ae]an\b/gi,           'quran'],
7305      [/\bq[uo]ran\b/gi,            'quran'],
7306      [/\balqur[ae]?an\b/gi,        'quran'],
7307      [/\bhad[ei]{1,3}th?\b/gi,     'hadith'],
7308      [/\bhad[ei]{1,3}s\b/gi,       'hadith'],
7309      [/\bahadith?\b/gi,            'hadith'],
7310      [/\bahadeeth?\b/gi,           'hadith'],
7311      [/\bsah[ei]{1,3}
7311h?\b/gi,      'sahih'],
7312      [/\bbukh?[ae]r[iy]\b/gi,      'bukhari'],
7313      [/\bbokh?[ae]r[iy]\b/gi,      'bukhari'],
7314      [/\bbukari\b/gi,              'bukhari'],
7315      [/\btafs[ei]{1,3}r\b/gi,      'tafseer'],
7316      [/\btafsir\b/gi,              'tafseer'],
7317      [/\btafser\b/gi,              'tafseer'],
7318      [/\bsi{1,2}rah?\b/gi,         'seerah'],
7319      [/\bse{1,2}rah?\b/gi,         'seerah'],
7320      [/\bsira\b/gi,                'seerah'],
7321      [/\baq[ei]{1,3}d[ae]h?\b/gi,  'aqeedah'],
7322      [/\baqida\b/gi,               'aqeedah'],
7323      [/\bfiqh?\b/gi,               'fiqh'],
7324      [/\bfikh?\b/gi,               'fiqh'],
7325      [/\bfik[ae]h\b/gi,            'fiqh'],
7326      [/\bdua[ah]?\b/gi,            'dua'],
7327      [/\bdoa\b/gi,                 'dua'],
7328      [/\bdu'?a\b/gi,               'dua'],
7329      [/\bsal[ae]h\b/gi,            'salah'],
7330      [/\bnam[ae]z\b/gi,            'salah'],
7331      [/\bsalat\b/gi,               'salah'],
7332      [/\bzak[ae]t\b/gi,            'zakat'],
7333      [/\bzak[ae]h\b/gi,            'zakat'],
7334      [/\bh[ae]j{1,2}\b/gi,         'hajj'],
7335      [/\b[uo]mr[ae]h?\b/gi,        'umrah'],
7336      [/\bram[ae]d[ae]n\b/gi,       'ramadan'],
7337      [/\bramz[ae]n\b/gi,           'ramadan'],
7338      [/\b[ae]r[ae]bic?\b/gi,       'arabic'],
7339      [/\barabik\b/gi,              'arabic'],
7340      [/\bt[ae]jwi{1,2}d\b/gi,      'tajweed'],
7341      [/\bt[ae]jweed\b/gi,          'tajweed'],
7342      [/\bkid[sz]?\b/gi,            'children'],
7343      [/\bbab[yi]{1,2}e?s?\b/gi,    'children'],
7344      [/\bchilren\b/gi,             'children'],
7345      [/\bisla[mn]i[ck]\b/gi,       'islamic'],
7346    ];
7347
7348    patterns.forEach(function(p) {
7349      for (var i = 0; i < 2; i++) result = result.replace(p[0], p[1]);
7350    });
7351
7352    return result.trim();
7353  }
7354
7355  // ── UTILITIES ──
7356  function highlight(text, q) {
7357    if (!q) return text;
7358    return text.replace(new RegExp('(' + q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi'), '<mark>$1</mark>');
7359  }
7360
7361  function formatPrice(val) {
7362    var num = parseFloat(String(val).replace(/[^\d.]/g, ''));
7363    if (isNaN(num)) return '';
7364    if (String(val).indexOf('.') === -1 && num >= 100) num = num / 100;
7365    return 'Rs.' + num.toFixed(2);
7366  }
7367
7368  function escapeHtml(s) {
7369    if (!s) return '';
7370    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
7371  }
7372
7373})();
7374</script>
7374
7375
7376
7377
7378
7379<button type="button" class="ds-fbw-launcher" id="ds-fbw-launcher" aria-label="Give feedback" aria-haspopup="dialog">
7380  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
7381    <path d="M4 4h16v12H8l-4 4V4Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
7382    <path d="M8 9h8M8 12h5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
7383  </svg>
7384  <span>Feedback</span>
7385</button>
7386
7387<div class="ds-fbw-overlay" id="ds-fbw-overlay" hidden>
7388  <div class="ds-fbw-modal" role="dialog" aria-modal="true" aria-labelledby="ds-fbw-title">
7389    <button type="button" class="ds-fbw-close" id="ds-fbw-close" aria-label="Close">&times;</button>
7390
7391    <div class="ds-fbw-step" data-ds-fbw-step="1">
7392      <p class="ds-fbw-eyebrow">We'd love your feedback</p>
7393      <h3 class="ds-fbw-title" id="ds-fbw-title">What would you like to share?</h3>
7394      <div class="ds-fbw-cards">
7395        <button type="button" class="ds-fbw-card" data-ds-fbw-category="issue">
7396          <span class="ds-fbw-card__icon">🐞</span>
7397          <span class="ds-fbw-card__name">Report a site issue</span>
7398          <span class="ds-fbw-card__desc">Something not working as expected?</span>
7399        </button>
7400        <button type="button" class="ds-fbw-card" data-ds-fbw-category="suggestion">
7401          <span class="ds-fbw-card__icon">💡</span>
7402          <span class="ds-fbw-card__name">Suggestion or Feedback</span>
7403          <span class="ds-fbw-card__desc">Ideas to help us improve?</span>
7404        </button>
7405      </div>
7406    </div>
7407
7408    <div class="ds-fbw-step" data-ds-fbw-step="2" hidden>
7409      <button type="button" class="ds-fbw-back" id="ds-fbw-back">&larr; <span id="ds-fbw-back-label">Back</span></button>
7410      <h3 class="ds-fbw-title" id="ds-fbw-form-title">Tell us more</h3>
7411      <form id="ds-fbw-form">
7412        <input type="hidden" name="category" id="ds-fbw-category-field">
7413        <label class="ds-fbw-field">
7414          <span>Name</span>
7415          <input type="text" name="name" required>
7416        </label>
7417        <label class="ds-fbw-field">
7418          <span>Email</span>
7419          <input type="email" name="email" required>
7420        </label>
7421        <label class="ds-fbw-field">
7422          <span>Phone / WhatsApp <em>(optional)</em></span>
7423          <input type="tel" name="contact">
7424        </label>
7425        <label class="ds-fbw-field">
7426          <span id="ds-fbw-message-label">Your message</span>
7427          <textarea name="message" rows="4" required></textarea>
7428        </label>
7429
7430        <div class="ds-fbw-field">
7431          <span>Attach a screenshot <em>(optional)</em></span>
7432          <button type="button" class="ds-fbw-capture-btn" id="ds-fbw-capture-btn">
7433            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 8a2 2 0 0 1 2-2h2l1.5-2h5L16 6h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="13" r="3.2" stroke="currentColor" stroke-width="1.5"/></svg>
7434            <span id="ds-fbw-capture-label">Capture this page</span>
7435          </button>
7436          <div class="ds-fbw-capture-preview" id="ds-fbw-capture-preview" hidden>
7437            <img id="ds-fbw-capture-img" alt="Captured screenshot preview">
7438            <button type="button" class="ds-fbw-capture-remove" id="ds-fbw-capture-remove" aria-label="Remove screenshot">&times;</button>
7439          </div>
7440          <input type="file" accept="image/*" id="ds-fbw-file-input" hidden>
7441        </div>
7442
7443        <button type="submit" class="ds-fbw-submit">Send Feedback</button>
7444        <p class="ds-fbw-privacy">We'll only use this to follow up if needed.</p>
7445      </form>
7446    </div>
7447
7448    <div class="ds-fbw-step" data-ds-fbw-step="3" hidden>
7449      <div class="ds-fbw-success">
7450        <span class="ds-fbw-success__check">&#10003;</span>
7451        <h3 class="ds-fbw-title">Thank you!</h3>
7452        <p>We've received your feedback and will follow up if needed.</p>
7453        <button type="button" class="ds-fbw-submit" id="ds-fbw-done">Close</button>
7454      </div>
7455    </div>
7456  </div>
7457</div>
7458
7459<div class="ds-fbw-crop-overlay" id="ds-fbw-crop-overlay" hidden>
7460  <p class="ds-fbw-crop-hint">Click Capture Image or drag the cursor to highlight a specific area</p>
7461  <div class="ds-fbw-crop-stage" id="ds-fbw-crop-stage">
7462    <img id="ds-fbw-crop-img" alt="">
7463    <div class="ds-fbw-crop-selection" id="ds-fbw-crop-selection" hidden></div>
7464  </div>
7465  <div class="ds-fbw-crop-actions">
7466    <button type="button" class="ds-fbw-crop-cancel" id="ds-fbw-crop-cancel">Cancel</button>
7467    <button type="button" class="ds-fbw-crop-confirm" id="ds-fbw-crop-confirm">Capture Image</button>
7468  </div>
7469</div>
7470
7471<style>
7472.ds-fbw-launcher {
7473  position: fixed; left: 20px; bottom: 30px; z-index: 998;
7474  display: flex; align-items: center; gap: 8px;
7475  background: #0a1a12; color: #f2e6c9; border: 1px solid rgba(212,168,83,.35);
7476  border-radius: 999px; padding: 11px 16px 11px 13px; cursor: pointer;
7477  font-family: inherit; font-size: 13px; font-weight: 600;
7478  box-shadow: 0 4px 14px rgba(0,0,0,.18); transition: transform .15s, border-color .15s;
7479}
7480.ds-fbw-launcher:hover { border-color: #d4a853; transform: translateY(-2px); }
7481.ds-fbw-launcher svg { color: #d4a853; flex-shrink: 0; }
7482
7483.ds-fbw-overlay {
7484  position: fixed; inset: 0; z-index: 999;
7484 background: rgba(10,20,15,.55);
7485  display: flex; align-items: center; justify-content: center; padding: 20px;
7486}
7487.ds-fbw-overlay[hidden] { display: none; }
7488
7489.ds-fbw-modal {
7490  position: relative; background: #fdfbf6; color: #1c2230; width: 100%; max-width: 420px;
7491  border-radius: 14px; padding: 30px 26px 26px; box-shadow: 0 20px 60px rgba(0,0,0,.3);
7492  animation: dsFbwIn .22s ease;
7493}
7494@keyframes dsFbwIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
7495
7496.ds-fbw-close {
7497  position: absolute; top: 12px; right: 14px; background: none; border: none;
7498  font-size: 22px; line-height: 1; color: #8a8f9a; cursor: pointer; padding: 4px;
7499}
7500.ds-fbw-close:hover { color: #1c2230; }
7501
7502.ds-fbw-eyebrow {
7503  font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
7504  color: #a3762a; margin: 0 0 6px;
7505}
7506.ds-fbw-title { font-size: 18px; font-weight: 700; margin: 0 0 20px; line-height: 1.35; }
7507
7508.ds-fbw-cards { display: flex; flex-direction: column; gap: 10px; }
7509.ds-fbw-card {
7510  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
7511  text-align: left; background: #fff; border: 1.5px solid #e6e0cf; border-radius: 10px;
7512  padding: 14px 16px; cursor: pointer; font-family: inherit; transition: border-color .15s, box-shadow .15s;
7513}
7514.ds-fbw-card:hover { border-color: #d4a853; box-shadow: 0 3px 10px rgba(212,168,83,.15); }
7515.ds-fbw-card__icon { font-size: 20px; margin-bottom: 4px; }
7516.ds-fbw-card__name { font-weight: 700; font-size: 14.5px; }
7517.ds-fbw-card__desc { font-size: 12.5px; color: #6b7280; }
7518
7519.ds-fbw-back {
7520  background: none; border: none; color: #6b7280; font-size: 12.5px; font-weight: 600;
7521  cursor: pointer; padding: 0; margin-bottom: 14px; font-family: inherit;
7522}
7523.ds-fbw-back:hover { color: #1c2230; }
7524
7525.ds-fbw-field { display: block; margin-bottom: 13px; font-size: 12.5px; font-weight: 600; color: #3a3f4d; }
7526.ds-fbw-field span { display: block; margin-bottom: 4px; }
7527.ds-fbw-field em { font-weight: 400; color: #9aa0ae; font-style: normal; }
7528.ds-fbw-field input, .ds-fbw-field textarea {
7529  width: 100%; padding: 9px 11px; border: 1.5px solid #e6e0cf; border-radius: 8px;
7530  font-family: inherit; font-size: 13.5px; color: #1c2230; box-sizing: border-box; resize: vertical;
7531}
7532.ds-fbw-field input:focus, .ds-fbw-field textarea:focus { outline: none; border-color: #d4a853; }
7533
7534.ds-fbw-capture-btn {
7535  display: inline-flex; align-items: center; gap: 7px;
7536  background: #fff; border: 1.5px solid #e6e0cf; border-radius: 8px;
7537  padding: 8px 13px; font-family: inherit; font-size: 12.5px; font-weight: 600;
7538  color: #3a3f4d; cursor: pointer; transition: border-color .15s;
7539}
7540.ds-fbw-capture-btn:hover { border-color: #d4a853; }
7541.ds-fbw-capture-btn:disabled { opacity: .6; cursor: wait; }
7542.ds-fbw-capture-btn[hidden] { display: none; }
7543.ds-fbw-capture-preview { position: relative; display: inline-block; margin-top: 8px; }
7544.ds-fbw-capture-preview[hidden] { display: none; }
7545.ds-fbw-capture-preview img {
7546  max-width: 140px; max-height: 90px; border-radius: 8px; border: 1.5px solid #e6e0cf; display: block;
7547}
7548.ds-fbw-capture-remove {
7549  position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; border-radius: 50%;
7550  background: #1c2230; color: #fff; border: none; font-size: 14px; line-height: 1; cursor: pointer;
7551}
7552
7553.ds-fbw-submit {
7554  width: 100%; background: #0a1a12; color: #f2e6c9; border: none; border-radius: 999px;
7555  padding: 12px; font-size: 13.5px; font-weight: 700; cursor: pointer; margin-top: 4px;
7556  font-family: inherit; transition: background .15s;
7557}
7558.ds-fbw-submit:hover { background: #0c1f16; }
7559.ds-fbw-privacy { font-size: 11px; color: #9aa0ae; text-align: center; margin: 10px 0 0; }
7560
7561.ds-fbw-success { text-align: center; padding-top: 6px; }
7562.ds-fbw-success__check {
7563  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
7564  border-radius: 50%; background: #eef6ee; color: #2f7a4f; font-size: 22px; margin-bottom: 14px;
7565}
7566.ds-fbw-success p { font-size: 13.5px; color: #5a6072; margin: 0 0 20px; }
7567
7568.ds-fbw-crop-overlay {
7569  position: fixed; inset: 0; z-index: 1000; background: rgba(10,20,15,.7);
7570  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 20px;
7571}
7572.ds-fbw-crop-overlay[hidden] { display: none; }
7573.ds-fbw-crop-hint {
7574  color: #f2e6c9; font-size: 13.5px; font-weight: 600; text-align: center; margin: 0;
7575  background: rgba(0,0,0,.35); padding: 8px 16px; border-radius: 999px;
7576}
7577.ds-fbw-crop-stage {
7578  position: relative; max-width: 90vw; max-height: 65vh; line-height: 0;
7579  cursor: crosshair; user-select: none; box-shadow: 0 0 0 3px #d4a853;
7580}
7581.ds-fbw-crop-stage img { max-width: 90vw; max-height: 65vh; display: block; }
7582.ds-fbw-crop-selection {
7583  position: absolute; border: 1.5px dashed #d4a853;
7584  box-shadow: 0 0 0 9999px rgba(10,20,15,.6);
7585  pointer-events: none;
7586}
7587.ds-fbw-crop-selection[hidden] { display: none; }
7588.ds-fbw-crop-actions { display: flex; gap: 12px; }
7589.ds-fbw-crop-cancel, .ds-fbw-crop-confirm {
7590  border-radius: 999px; padding: 10px 22px; font-family: inherit; font-size: 13px; font-weight: 700;
7591  cursor: pointer; border: none;
7592}
7593.ds-fbw-crop-cancel { background: #e6e0cf; color: #3a3f4d; }
7594.ds-fbw-crop-confirm { background: #d4a853;
7594 color: #0a1a12; }
7595
7596@media (max-width: 767px) {
7597  .ds-fbw-launcher { left: 16px; bottom: 76px; }
7598}
7599@media (max-width: 480px) {
7600  .ds-fbw-launcher span { display: none; }
7601  .ds-fbw-launcher { padding: 12px; }
7602}
7603</style>
7604
7605<script>
7606window.dsFeedbackEndpoint = 'https://script.google.com/macros/s/AKfycbxK8ynOxfVIt-KvE56XOtEIAz5rfGBbMZGv0QyNSXiSg3_lnXEAZCaGftu5ea-_r5jF/exec';
7607window.dsFeedbackStore = 'PK';
7608(function () {
7609  var launcher = document.getElementById('ds-fbw-launcher');
7610  var overlay = document.getElementById('ds-fbw-overlay');
7611  var closeBtn = document.getElementById('ds-fbw-close');
7612  var backBtn = document.getElementById('ds-fbw-back');
7613  var doneBtn = document.getElementById('ds-fbw-done');
7614  var form = document.getElementById('ds-fbw-form');
7615  var categoryField = document.getElementById('ds-fbw-category-field');
7616  var messageLabel = document.getElementById('ds-fbw-message-label');
7617  var formTitle = document.getElementById('ds-fbw-form-title');
7618  var steps = overlay.querySelectorAll('[data-ds-fbw-step]');
7619  var captureBtn = document.getElementById('ds-fbw-capture-btn');
7620  var captureLabel = document.getElementById('ds-fbw-capture-label');
7621  var capturePreview = document.getElementById('ds-fbw-capture-preview');
7622  var captureImg = document.getElementById('ds-fbw-capture-img');
7623  var captureRemove = document.getElementById('ds-fbw-capture-remove');
7624  var capturedDataURL = null;
7625  var html2canvasPromise = null;
7626  var cropOverlay = document.getElementById('ds-fbw-crop-overlay');
7627  var cropStage = document.getElementById('ds-fbw-crop-stage');
7628  var cropImg = document.getElementById('ds-fbw-crop-img');
7629  var cropSelection = document.getElementById('ds-fbw-crop-selection');
7630  var cropCancel = document.getElementById('ds-fbw-crop-cancel');
7631  var cropConfirm = document.getElementById('ds-fbw-crop-confirm');
7632  var fullCaptureCanvas = null;
7633  var dragState = null;
7634
7635  function loadHtml2Canvas() {
7636    if (window.html2canvas) return Promise.resolve();
7637    if (html2canvasPromise) return html2canvasPromise;
7638    html2canvasPromise = new Promise(function (resolve, reject) {
7639      var s = document.createElement('script');
7640      s.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
7641      s.onload = resolve;
7642      s.onerror = reject;
7643      document.head.appendChild(s);
7644    });
7645    return html2canvasPromise;
7646  }
7647
7648  var COPY = {
7649    issue: { title: 'Tell us what went wrong', label: "Describe the issue you're facing", back: 'Back' },
7650    suggestion: { title: 'Share your thoughts', label: 'Your suggestion or feedback', back: 'Back' }
7651  };
7652
7653  function showStep(n) {
7654    steps.forEach(function (s) { s.hidden = s.dataset.dsFbwStep !== String(n); });
7655  }
7656
7657  function openModal() { overlay.hidden = false; showStep(1); }
7658  function closeModal() { overlay.hidden = true; form.reset(); resetCapture(); showStep(1); }
7659
7660  launcher.addEventListener('click', openModal);
7661  closeBtn.addEventListener('click', closeModal);
7662  overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(); });
7663  backBtn.addEventListener('click', function () { showStep(1); });
7664  doneBtn.addEventListener('click', closeModal);
7665
7666  overlay.querySelectorAll('[data-ds-fbw-category]').forEach(function (card) {
7667    card.addEventListener('click', function () {
7668      var cat = card.dataset.dsFbwCategory;
7669      categoryField.value = cat;
7670      var copy = COPY[cat];
7671      formTitle.textContent = copy.title;
7672      messageLabel.textContent = copy.label;
7673      showStep(2);
7674    });
7675  });
7676
7677  function resetCapture() {
7678    capturedDataURL = null;
7679    capturePreview.hidden = true;
7680    captureImg.src = '';
7681    captureBtn.hidden = false;
7682    captureLabel.textContent = isMobileOS ? 'Attach a photo' : 'Capture this page';
7683  }
7684
7685  captureRemove.addEventListener('click', resetCapture);
7686
7687  function finishCapture(dataURL) {
7688    capturedDataURL = dataURL;
7689    captureImg.src = dataURL;
7690    capturePreview.hidden = false;
7691    captureBtn.hidden = true;
7692  }
7693
7694  function fallbackHtml2Canvas() {
7695    captureLabel.textContent = 'Capturing… this can take a few seconds';
7696    var wasHidden = overlay.style.visibility;
7697    overlay.style.visibility = 'hidden';
7698
7699    return loadHtml2Canvas()
7700      .then(function () {
7701        return window.html2canvas(document.body, {
7702          useCORS: true,
7703          scale: 0.4,
7704          backgroundColor: '#ffffff',
7705          x: window.scrollX,
7706          y: window.scrollY,
7707          width: window.innerWidth,
7708          height: window.innerHeight,
7709          windowWidth: document.documentElement.scrollWidth,
7710          windowHeight: document.documentElement.scrollHeight,
7711        });
7712      })
7713      .then(function (canvas) { finishCapture(canvas.toDataURL('image/jpeg', 0.6)); })
7714      .catch(function (err) {
7715        console.warn('[DS Feedback] screenshot capture failed', err);
7716        captureLabel.textContent = 'Capture failed — try again';
7717      })
7718      .finally(function () {
7719        overlay.style.visibility = wasHidden || '';
7720        captureBtn.disabled = false;
7721      });
7722  }
7723
7724  function openCropOverlay(canvas) {
7725    fullCaptureCanvas = canvas;
7726    cropImg.src = canvas.toDataURL('image/jpeg', 0.85);
7727    cropSelection.hidden = true;
7728    overlay.hidden = true;
7729    cropOverlay.hidden = false;
7730    captureBtn.disabled = false;
7731    captureLabel.textContent = 'Capture this page';
7732  }
7733
7734  function closeCropOverlay() {
7735    cropOverlay.hidden = true;
7736    overlay.hidden = false;
7737  }
7738
7739  cropCancel.addEventListener('click', closeCropOverlay);
7740
7741  function stageRect() { return cropStage.getBoundingClientRect(); }
7742
7743  function pointerPos(e) {
7744    var r = stageRect();
7745    var x = (e.touches ? e.touches[0].clientX : e.clientX) - r.left;
7746    var y = (e.touches ? e.touches[0].clientY : e.clientY) - r.top;
7747    return { x: Math.max(0, Math.min(x, r.width)), y: Math.max(0, Math.min(y, r.height)) };
7748  }
7749
7750  function startDrag(e) {
7751    var p = pointerPos(e);
7752    dragState = { startX: p.x, startY: p.y };
7753    cropSelection.hidden = false;
7754    updateSelectionBox(p);
7755  }
7756  function moveDrag(e) {
7757    if (!dragState) return;
7758    updateSelectionBox(pointerPos(e));
7759  }
7760  function endDrag() { dragState = null; }
7761
7762  function updateSelectionBox(p) {
7763    var x1 = Math.min(dragState.startX, p.x), x2 = Math.max(dragState.startX, p.x);
7764    var y1 = Math.min(dragState.startY, p.y), y2 = Math.max(dragState.startY, p.y);
7765    cropSelection.style.left = x1 + 'px';
7766    cropSelection.style.top = y1 + 'px';
7767    cropSelection.style.width = (x2 - x1) + 'px';
7768    cropSelection.style.height = (y2 - y1) + 'px';
7769  }
7770
7771  cropStage.addEventListener('mousedown', startDrag);
7772  window.addEventListener('mousemove', moveDrag);
7773  window.addEventListener('mouseup', endDrag);
7774  cropStage.addEventListener('touchstart', startDrag, { passive: true });
7775  cropStage.addEventListener('touchmove', moveDrag, { passive: true });
7776  cropStage.addEventListener('touchend', endDrag);
7777
7778  cropConfirm.addEventListener('click', function () {
7779    var srcCanvas = fullCaptureCanvas;
7780    var sel = cropSelection.hidden ? null : cropSelection.getBoundingClientRect();
7781    var stage = stageRect();
7782    var scaleX = srcCanvas.width / stage.width;
7783    var scaleY = srcCanvas.height / stage.height;
7784
7785    var out = document.createElement('canvas');
7786    var ctx = out.getContext('2d');
7787
7788    if (sel && sel.width > 6 && sel.height > 6) {
7789      var sx = (sel.left - stage.left) * scaleX;
7790      var sy = (sel.top - stage.top) * scaleY;
7791      var sw = sel.width * scaleX;
7792      var sh = sel.height * scaleY;
7793      out.width = sw; out.height = sh;
7794      ctx.drawImage(srcCanvas, sx, sy, sw, sh, 0, 0, sw, sh);
7795    } else {
7796      out.width = srcCanvas.width; out.height = srcCanvas.height;
7797      ctx.drawImage(srcCanvas, 0, 0);
7798    }
7799
7800    finishCapture(out.toDataURL('image/jpeg', 0.85));
7801    closeCropOverlay();
7802  });
7803
7804  var isMobileOS = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
7805  var fileInput = document.getElementById('ds-fbw-file-input');
7806
7807  if (isMobileOS) {
7808    captureLabel.textContent = 'Attach a photo';
7809  }
7810
7811  fileInput.addEventListener('change', function () {
7812    var file = fileInput.files && fileInput.files[0];
7813    if (!file) return;
7814    captureBtn.disabled = true;
7815    captureLabel.textContent = 'Attaching…';
7816
7817    var img = new Image();
7818    var reader = new FileReader();
7819    reader.onload = function () {
7820      img.onload = function () {
7821        var maxW = 1000;
7822        var scale = Math.min(1, maxW / img.width);
7823        var canvas = document.createElement('canvas');
7824        canvas.width = img.width * scale;
7825        canvas.height = img.height * scale;
7826        canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height);
7827        finishCapture(canvas.toDataURL('image/jpeg', 0.75));
7828        captureBtn.disabled = false;
7829        captureLabel.textContent = 'Attach a photo';
7830        fileInput.value = '';
7831      };
7832      img.src = reader.result;
7833    };
7834    reader.readAsDataURL(file);
7835  });
7836
7837  captureBtn.addEventListener('click', function () {
7838    if (isMobileOS) {
7839      fileInput.click();
7840      return;
7841    }
7842
7843    captureBtn.disabled = true;
7844    captureLabel.textContent = 'Opening capture…';
7845
7846    if (!(navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia)) {
7847      fallbackHtml2Canvas();
7848      return;
7849    }
7850
7851    var wasHidden = overlay.style.visibility;
7852    overlay.style.visibility = 'hidden';
7853
7854    navigator.mediaDevices.getDisplayMedia({ video: { displaySurface: 'browser' }, preferCurrentTab: true })
7855      .then(function (stream) {
7856        var video = document.createElement('video');
7857        video.srcObject = stream;
7858        return new Promise(function (resolve) {
7859          video.onloadedmetadata = function () {
7860            video.play();
7861            requestAnimationFrame(function () {
7862              var canvas = document.createElement('canvas');
7863              canvas.width = video.videoWidth;
7864              canvas.height = video.videoHeight;
7865              canvas.getContext('2d').drawImage(video, 0, 0);
7866              stream.getTracks().forEach(function (t) { t.stop(); });
7867              resolve(canvas);
7868            });
7869          };
7870        });
7871      })
7872      .then(function (canvas) {
7873        overlay.style.visibility = wasHidden || '';
7874        openCropOverlay(canvas);
7875      })
7876      .catch(function (err) {
7877        console.warn('[DS Feedback] native capture failed', err.name, err);
7878        overlay.style.visibility = wasHidden || '';
7879        if (err && err.name === 'NotAllowedError') {
7880          // User explicitly cancelled/denied the share prompt — respect that, don't force a fallback.
7881          captureBtn.disabled = false;
7882          captureLabel.textContent = 'Capture this page';
7883        } else {
7884          // Platform doesn't actually support it (e.g. some mobile browsers report the API but reject any call).
7885          fallbackHtml2Canvas();
7886        }
7887      });
7888  });
7889
7890  form.addEventListener('submit', function (e) {
7891    e.preventDefault();
7892    var submitBtn = form.querySelector('.ds-fbw-submit');
7893    submitBtn.disabled = true;
7894    submitBtn.textContent = 'Sending…';
7895
7896    var payload = {
7897      store: window.dsFeedbackStore || 'Unknown',
7898      category: categoryField.value,
7899      name: form.name.value,
7900      email: form.email.value,
7901      contact: form.contact.value,
7902      message: form.message.value,
7903      page_url: window.location.href,
7904      screenshot: capturedDataURL,
7905    };
7906
7907    if (window.dsFeedbackEndpoint) {
7908      // mode: 'no-cors' + text/plain avoids a CORS preflight against the GAS redirect
7909      // (application/json triggers a preflight GAS can't answer correctly) — same fix
7910      // already proven on the Back in Stock widget. Response is opaque in no-cors mode,
7911      // so success is assumed once the request doesn't throw a network-level error.
7912      fetch(window.dsFeedbackEndpoint, {
7913        method: 'POST',
7914        mode: 'no-cors',
7915        headers: { 'Content-Type': 'text/plain' },
7916        body: JSON.stringify(payload),
7917      })
7918        .then(function () { showStep(3); })
7919        .catch(function () { showStep(3); })
7920        .finally(function () { submitBtn.disabled = false; submitBtn.textContent = 'Send Feedback'; });
7921    } else {
7922      console.info('[DS Feedback] backend not configured yet — payload:', payload);
7923      setTimeout(function () {
7924        submitBtn.disabled = false; submitBtn.textContent = 'Send Feedback';
7925        showStep(3);
7926      }, 400);
7927    }
7928  });
7929})();
7930</script>
7930
7931
7932<link rel="stylesheet" href="//darussalam.pk/cdn/shop/t/19/assets/ds-compact.css?v=88747505830047055351781687225">
7933<style> .mood5-mood .product-form__buttons .product-form__submit {color: inherit;} .mood5-mood .product-form__buttons .product-form__submit:hover {color: #fff;} #HeaderMenu-clearance-sale {border: 1px solid #f03030; border-radius: 5px;} #HeaderMenu-clearance-sale span {color: #f03030;} #HeaderMenu-clearance-sale:hover span:after {border-color: #f03030;} .product__description table tr td {border: none;} #more-payment-options-link {display: none !important;} .sample_pages {font-weight: 400; border-radius: 4px; padding: 10px 20px; line-height: 20px; min-height: 36px; width: 100%; display: block; text-align: center; text-decoration: none; background-color: #1ba4e2; text-transform: uppercase;} .sample_pages:hover {background-color: black;} .card__content .card__information {display: flex; flex-direction: column; justify-content: space-between;} #HeaderMenu-books-best-sellers {color: #f03030; font-weight: 700; background: linear-gradient(90deg, #f03030, #265b48, #f03030); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 2s linear infinite;} @keyframes shimmer {to {background-position: 200% center; }} @media (min-width: 990px) {.facets-wrapper {position: sticky; top: 120px; align-self: flex-start; height: fit-content; }} .mood5-mood .product-card-wrapper .card__content .content-link {box-shadow: none !important;} #ma-make-an-offer-open-button,.btn.btn-primary.sample_pages {padding: 12px 24px !important; font-size: 18px !important; border-radius: 8px !important; transition: background-color 0.3s ease; font-weight: 600 !important;} </style>
7934<div id="shopify-block-AeDRjMS8veW51eUVtV__4164853972316956296" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: css -->
7935<style>
7936    
7937  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 {
7938    background: ;    
7939  }
7940
7941  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .menu-item-title-text {
7942    
7943      font-family: ;
7944      font-weight: ;
7945    
7946  }
7947
7948  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .menu-circle-holder{
7949    display:flex;
7950    overflow-y:hidden;
7951    gap: px;    
7952  }
7953
7954  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .menu-circle-holder img{
7955    border:px solid ;
7956    padding:px;
7957    background: ;
7958    height: px;
7959    width: px;
7960    border-radius: %;
7961  }
7962
7963  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .mpa_mhm-container {
7964      display: flex !important;
7965      margin: px auto px auto;
7966      justify-content: ;
7967      overflow-x: auto;
7968      width: 100%;
7969    }
7970    #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .menu-item-title-wrapper .menu-item-title-text {
7971    font-style:normal;
7972    font-weight:400;
7973    color: ;
7974    text-align:center;
7975    font-size: px;
7976  }
7977  #mpa_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296 .menu-item-inner-wrapperr{
7978    position: relative;
7979    display: flex;
7980    flex-direction: column;
7981    align-items: center;
7982    justify-content: center;
7983    flex-wrap: nowrap;
7984    gap: 3px;
7985    width: px;
7986  }
7987</style><!-- END app snippet -->
7988<!-- BEGIN app snippet: gtm -->
7988<script>
7989  window.mpa_mhm = {"phone_number":"+923024666688","prepared_message":"Hey, can you help me out?","button_position_side":"right","horizontal_position":20,"vertical_position":30,"button_mode":"text_mode","whatsapp_button_size":"medium","btn_text":"","notifications_count":0,"enable_greeting_message":false,"greeting_message_text":"Need some help?"}
7990</script>
7990
7991<!-- Google Tag Manager -->
7992<template id="gtm-head">
7993  
7993<script>
vendor: 452 bytes, lines 7993-8005
7993
7994    (function(w, d, s, l, i) {
7995      w[l] = w[l] || [];
7996      w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
7997      var f = d.getElementsByTagName(s)[0],
7998        j = d.createElement(s),
7999        dl = l != 'dataLayer'
8000          ? '&l=' + l
8001          : '';
8002      j.async = true;
8003      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
8004      f.parentNode.insertBefore(j, f);
8005    })(window, document, 'script', 'dataLayer', '
8005GTM-XXXXXXX
vendor: 6 bytes, lines 8005-8006
8005');
8006  
8006</script>
8006
8007</template>
8008<!-- End Google Tag Manager -->
8009<!-- Google Tag Manager (noscript) -->
8010<template id="gtm-body">
vendor: 81 bytes, lines 8010-8013
8010
8011  <noscript>
8012    <iframe
8013      src="https://www.googletagmanager.com/ns.html?id=
8013GTM-XXXXXXX
vendor: 106 bytes, lines 8013-8018
8013"
8014      height="0"
8015      width="0"
8016      style="display:none;visibility:hidden"></iframe>
8017  </noscript>
8018  
8018<!-- End Google Tag Manager (noscript) -->
8019</template>
8020<script>
8021  if(!window.mpa_melb_gtm_defined){
8022    document.head.appendChild(document.querySelector("#gtm-head").content.cloneNode(true));
8023    document.body.appendChild(document.querySelector("#gtm-body").content.cloneNode(true));
8024    window.mpa_melb_gtm_defined=true;
8025  }
8026</script>
8026<!-- END app snippet -->
8027<script>
8028  window.mpa_mwb_mhm = {"phone_number":"+923024666688","prepared_message":"Hey, can you help me out?","button_position_side":"right","horizontal_position":20,"vertical_position":30,"button_mode":"text_mode","whatsapp_button_size":"medium","btn_text":"","notifications_count":0,"enable_greeting_message":false,"greeting_message_text":"Need some help?"}
8029</script>
8029
8030<div class="mpa_mwb_mhm-no-scrollbar" id="mpa_mwb_mhm_mainAeDRjMS8veW51eUVtV__4164853972316956296" style="display:none;">
8031  <div class="mpa_mwb_mhm-container">
8032    <div class="mpa_mwb_mhm-no-scrollbar menu-circle-holder"></div>
8033  </div>
8034  <style>
8035    .mpa_mwb_whatsappBtnContainer{
8036      position: fixed;
8037      display: flex;
8038      
8039      
8040      bottom: 30px;
8041      
8042      right: 20px;
8043      
8044      z-index: 99;
8045    }
8046
8047   .mpa_mwb_whatsappBtn {
8048    
8049    
8050      padding: 10px;
8051      font-size: 16px;
8052    
8053    
8054    background-color: #25D366;
8055    border: none;
8056    color: #fff;
8057    
8058      border-radius: 50%;
8059    
8060    cursor: pointer;
8061    text-align: center;
8062    text-decoration: none;
8063    display: inline-block;
8064    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
8065    transition: background-color 0.3s;
8066}
8067
8068.mpa_mwb_whatsappBtn:hover {
8069  background-color: #128C7E;
8070}
8071
8072.mpa_mwb_logo {
8073  
8074  
8075    width: 30px;
8076    height: 30px;
8077  
8078  
8079}
8080
8081.mpa_mwb_btnContent {
8082  display: flex;
8083  align-items: center;
8084}
8085
8086.mpa_mwb_btnMessage {
8087  margin-left: 5px;
8088}
8089
8090.mpa_mwb_notificationBadge {
8091 position: absolute;
8092 
8093    top: -5px;
8094    
8095     
8096       right: 2px;
8097     
8098    
8099  
8100 background-color: red;
8101 color: white;
8102 border-radius: 50%;
8103 
8104  
8105     width: 20px;
8106     height: 20px;
8107     font-size: 14px;
8108   
8109  
8110 display: flex;
8111 justify-content: center;
8112 align-items: center;
8113 cursor: pointer;
8114}
8115
8116.mpa_mwb_avatar {
8117  z-index: -1;
8118  
8119  width: 50px;
8120  height: 50px;
8121  cursor: pointer;
8122}
8123
8124.mpa_mwb_greetingMessage {
8125    border: none;
8126    border-radius: 7px;
8127    padding: 5px;
8128    background-color: lightgreen;
8129    color: #404040;
8130    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
8131    display: flex;
8132    
8133      margin-right: 10px;
8134      flex-direction: row-reverse;
8135    
8136    justify-content: center;
8137    align-items: center;
8138    
8139      
8140        height: 40px;
8141        font-size: 14px;
8142      
8143    
8144}
8145
8146.mpa_mwb_greetingMessage::before {
8147  content: '';
8148  border-width: 15px;
8149  
8150    position: relative;
8151    
8152      border-bottom: 21px;
8153      top: -10px;
8154      
8155        left: 29px;
8156      
8157    
8158  
8159  border-top: 0px;
8160  border-style: solid;
8161  
8162    border-color: transparent transparent transparent lightgreen;
8163  
8164}
8165
8166.mpa_mwb_greetingMessageContent{
8167  
8168    
8169      position: relative;
8170      left: 15px;
8171    
8172  
8173}
8174  </style>
8175</div>
8176
8177<div class="mpa_mwb_whatsappBtnContainer" onclick="openWhatsApp()">
8178  
8179  
8180  
8181  <button class="mpa_mwb_whatsappBtn">
8182      <div class="mpa_mwb_btnContent">
8183          <svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 510 512.459" class="mpa_mwb_logo"><path fill="white" d="M435.689 74.468C387.754 26.471 324 .025 256.071 0 116.098 0 2.18 113.906 2.131 253.916c-.024 44.758 11.677 88.445 33.898 126.946L0 512.459l134.617-35.311c37.087 20.238 78.85 30.891 121.345 30.903h.109c139.949 0 253.88-113.917 253.928-253.928.024-67.855-26.361-131.645-74.31-179.643v-.012zm-179.618 390.7h-.085c-37.868-.011-75.016-10.192-107.428-29.417l-7.707-4.577-79.886 20.953 21.32-77.889-5.017-7.987c-21.125-33.605-32.29-72.447-32.266-112.322.049-116.366 94.729-211.046 211.155-211.046 56.373.025 109.364 22.003 149.214 61.903 39.853 39.888 61.781 92.927 61.757 149.313-.05 116.377-94.728 211.058-211.057 211.058v.011zm115.768-158.067c-6.344-3.178-37.537-18.52-43.358-20.639-5.82-2.119-10.044-3.177-14.27 3.178-4.225 6.357-16.388 20.651-20.09 24.875-3.702 4.238-7.403 4.762-13.747 1.583-6.343-3.178-26.787-9.874-51.029-31.487-18.86-16.827-31.597-37.598-35.297-43.955-3.702-6.355-.39-9.789 2.775-12.943 2.849-2.848 6.344-7.414 9.522-11.116s4.225-6.355 6.343-10.581c2.12-4.238 1.06-7.937-.522-11.117-1.584-3.177-14.271-34.409-19.568-47.108-5.151-12.37-10.385-10.69-14.269-10.897-3.703-.183-7.927-.219-12.164-.219s-11.105 1.582-16.925 7.939c-5.82 6.354-22.209 21.709-22.209 52.927 0 31.22 22.733 61.405 25.911 65.642 3.177 4.237 44.745 68.318 108.389 95.812 15.135 6.538 26.957 10.446 36.175 13.368 15.196 4.834 29.027 4.153 39.96 2.52 12.19-1.825 37.54-15.353 42.824-30.172 5.283-14.818 5.283-27.529 3.701-30.172-1.582-2.641-5.819-4.237-12.163-7.414l.011-.024z"/></svg>
8184      
8185    </div>
8186  </button>
8187</div>
8188
8189<script>
8190function openWhatsApp() {
8191    
8192    var message;
8193
8194    message = "Hey, can you help me out?";
8195    
8196    // Generate the WhatsApp URL
8197    var whatsappURL = 'https://api.whatsapp.com/send?phone=' + +923024666688 + '&text=' + encodeURIComponent(message);
8198    
8199    // Open WhatsApp in a new tab
8200    window.open(whatsappURL);
8201}
8202</script>
8202
8203</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
8203<script>
8204  window['ShopifyForms'] = {
8205    ...window['ShopifyForms'],
8206    currentPageType: "index"
8207  };
8208</script>
8208
8209
8210
8211</div>
8211<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8211
8212</body>
8213</html>
8214

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.