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's only official Darussalam store for authentic Islamic books, Qurans, Hadith & 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's only official Darussalam store for authentic Islamic books, Qurans, Hadith & 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's only official Darussalam store for authentic Islamic books, Qurans, Hadith & 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 & 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®ion_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&width=600" alt="Darussalam PK" srcset="//darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&width=185 185w, //darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&width=278 278w, //darussalam.pk/cdn/shop/files/darussalam-logo-header-premium.png?v=1785345989&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 & 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 & 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®ion_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 & 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">→</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">→</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">→</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®ion_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>& 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 <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&width=240" alt="Husband & 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&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&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 →</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&width=240" alt="Parents & Children Rights" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-10-02-10-30-12a-well-guarded-treasure-_1.png?v=1738150634&width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-10-02-10-30-12a-well-guarded-treasure-_1.png?v=1738150634&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 →</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&width=240" alt="Raising Children" srcset="//darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&width=120 120w, //darussalam.pk/cdn/shop/files/darussalam_21.jpg?v=1742203908&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 →</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&width=240" alt="New Muslim" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-12-04-16-59-04-id-466.png?v=1738153148&width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-12-04-16-59-04-id-466.png?v=1738153148&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 →</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&width=240" alt="Strengthening Your Faith" srcset="//darussalam.pk/cdn/shop/files/WhatsApp-Image-2023-04-29-at-11.31.29.jpg?v=1740561038&width=120 120w, //darussalam.pk/cdn/shop/files/WhatsApp-Image-2023-04-29-at-11.31.29.jpg?v=1740561038&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 →</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&width=240" alt="Death & the Hereafter" srcset="//darussalam.pk/cdn/shop/files/darussalam-2017-06-13-14-23-38qiyamat-_1.png?v=1738162338&width=120 120w, //darussalam.pk/cdn/shop/files/darussalam-2017-06-13-14-23-38qiyamat-_1.png?v=1738162338&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 →</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&width=280" alt="Darussalam PK" srcset="//darussalam.pk/cdn/shop/files/Logo.avif?v=1779272988&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®ion_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®ion_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®ion_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 & 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,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,'''); 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">×</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">← <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">×</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">✓</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.